@charset "UTF-8";
/* CSS Document */

body {font-family: Arial, Helvetica, sans-serif; padding:0; margin:0; color:#000000; font-size: 12px;}
p {padding:0; margin:0;}

ul li {padding:0; margin:0;}

a { color:#333333; text-decoration:none;}

#Frame {width: 960px; height:auto; padding:0; margin-left: auto; margin-right:auto; background: #FFFFFF;}
#Banner {width: 960px; height: 128px; padding:0; margin:0;}
#BannerLeft {width: 58px; height: 128px; padding:0; margin:0; float:left;}
#BannerRight {width: 362px; height: 98px; padding:30px 0px 0px 0px; margin:0; float:right;}

#Navigation {width: 960px; height: 36px; padding:0px 0px 0px 0px; margin:0; background: #818385;}

.AdsTopHold {width: 960px; height: 255px; padding:3px 0px 0px 0px; margin:0; border-bottom: 3px solid #FFFFFF;}
.AdLeft {width: 468px; height: 255px; padding:0; margin:0; float:left;}
.AdRight {width: 490px; height: 255px; padding:0; margin:0; float:left;  border-left: 2px solid #FFFFFF;}

.Exciting {width: 490px; height: 255px; padding:0; margin:0;}
.ExcitingLeft {width: 58px; height: 255px; padding:0; margin:0; float:left;}
.ExcitingRight {width: 431px; height: 253px; padding:0; margin:0; float:left; border-top: 1px solid #f7941e; border-right: 1px solid #f7941e; border-bottom: 1px solid #f7941e;}
.ExcitingRTop {width: 431px; height: 174px; padding:0; margin:0;}
.ExcitingBL {width: 264px; height: 79px; padding:0px 0px 0px 32px; margin:0; float:left; font-size: 10px; font-weight: bold;}
.ExcitingBR {width: 131px; height:79px; padding:0; margin:0; float:right;}

.RegisterText {width: 256px; height: 22px; padding:5px 0px 0px 8px; margin:0; font-size: 12px; font-weight: bold; color: #666666; border: none; background: url(../images/RegisterTextArea.jpg) 0 0 no-repeat;}

#MainContent {width: 960px; height:auto; padding:0;}
#MainSingle {width: 940px; height: auto; padding:0px 10px 0px 10px; line-height: 1.4em;}

#MainSingleLeft {width: 510px; height:auto; padding:0px 10px 0px 0px; margin:0; float:left;}
#MainSingleRight {width: 420px; height:auto; padding:0; margin:0; float:left;}


#MainMap {width: 940px; height: auto; padding:0px 10px 0px 10px; line-height: 1.4em;}
#MainContent h1 {padding:6px 0px 0px 5px; margin:0; font-weight: bold; font-size: 15px; background: #5b04bd; height: 25px; color: #FFFFFF;}
.MapText {font-weight: normal; font-size: 35px; padding: 6px 0px 8px 10px; margin:0; color: #931F6E;}
#MainContent h2 {padding:6px 0px 0px 0px; margin:0; font-weight: bold; font-size: 15px; color: #000000;}
#MainContent img {border: 2px solid #ACE717; border: none;}

.TableHold {width: 300px; height: auto; padding:0;margin:0; float:left;}

#NewsBigImage {width: 330px; height:510px; padding:0; margin:0; float:right;}
.NewsPicTitle {background: #ACE717; width: 321px; height:20px; font-weight:bold; color: #000000; float:right; padding:8px 0px 8px 0px; margin:0; text-align: center;}



#MainLeft {width: 697px; height:auto; padding:0px 10px 10px 0px ; margin:0; line-height: 1.4em; float:left;}
#MainLeft li a {color: #333333; font-weight: bold; padding:0; margin:0; text-decoration: none;}
#MainLeft li a:hover {color: #931F6E;}
#MainLeft h1 {padding:6px 0px 0px 5px; margin:0; font-weight: bold; font-size: 15px; background: #931F6E; height: 25px; color: #FFFFFF;}
#MainRight {width: 251px; height: auto; padding:0; float:left; margin:0;}

.NewsMainTitle {width: 245px; height: 25px; background: #ACE717; color: #000000; font-size: 13px; font-weight: bold; padding:6px 0px 0px 5px; margin:0;}


.NewsStoryHold {width: 480px; height: auto; padding:5px 0px 0px 0px; margin:0; border-bottom: 1px solid #999999;}
.NewsStoryTitle {width: 475px; height: 23px; padding:6px 0px 0px 5px; margin:0; color: #000000; background: #13ae68; font-size: 12px;}
.NewsStoryTitle a {color: #000000; text-decoration: none;}
.NewsStoryTitle a:hover {color: #ffffff;}
.NewsStoryContent {width: 465px; height: auto; padding:5px; margin:0; line-height: 1.4em;}
.NewsStoryContent a {color: #990066; font-weight: bold; text-decoration: none;}
.NewsStoryContent a:hover {color: #666666;}


.Contact {width: 250px; height:auto; padding:0; margin:0; font-size: 13px; float:left;}
.Contact a {color: #666666; text-decoration: none;}
.Contact a:hover {color: #333333;}

.IconHold {width: 260px; height: 100px; padding:0px 0px 0px 5px; margin:0; float:left; font-weight: bold; font-size: 13px;}
.IconImg {width: 80px; height:80px; padding:0; margin:0; float:left; border: none;}
.IconText {width: 150px; height:20px; padding:35px 0px 0px 10px; margin:0; float:left;}
.IconText a {color: #000000; text-decoration: none; }
.IconText a:hover {color: #990099;}

.BackToNews {width: 250px; height:20px; padding:0; margin:0; float: right; text-align: right; font-weight: bold;}
.BackToNews a {color: #000000; text-decoration:none; padding:0; margin:0;}
.BackToNews a:hover {color: #999999;}

.ThreeAds {width: 960px; height:auto; padding:0; margin:0;}
.OneAd {width: 234px; height: 160px; padding:0; margin:0; margin-right: 2px; float:left; border-top: 3px #ee232b solid; border-right: 3px #ee232b solid; border-bottom: 3px #ee232b solid; border-left: 13px #ee232b solid;}
.TwoAd {width: 439px; height: 160px; padding:0; margin:0; margin-right:2px; float:left; border-top: 3px #f7941e solid; border-right: 3px #f7941e solid; border-bottom: 3px #f7941e solid; border-left: 13px #f7941e solid;}
.ThreeAd {width: 235px; height: 160px; padding:0; margin:0; float:left; border-top: 3px #ec008c solid; border-right: 3px #ec008c solid; border-bottom: 3px #ec008c solid; border-left: 13px #ec008c solid; overflow:hidden;}


#GreenBox {width: 940px; height: 24px; padding:8px 10px 0px 10px; margin:0; background: #ec008c; color: #fff200; border-top: 3px solid #FFFFFF; border-bottom: 3px solid #FFFFFF; font-size: 10px; overflow:hidden; }
#FooterAD {width: 960px; height:103px; padding:0; margin:0; background: #5b04bd;}
#FooterAdLeft {width: 650px; height: 103px; padding:0; margin:0; float:left;}
#FooterAdRight {width: 310px; height: 103px; padding:0; margin:0; float: left;}

#Footer {width: 960px; height: 27px; padding:0; margin:0; border-top: 3px solid #FFFFFF;}
#FooterLeft {width: 60px; height: 27px; padding:0; margin:0; float:left;}
#FooterRight {width: 890px; height: 20px; padding:7px 0px 0px 10px; margin: 0; float:left; background:#818385; color:#FFFFFF; font-weight: bold; font-size: 10px;}
#FooterRight a {color: #FFFFFF; text-decoration: none; padding:0; margin:0;}
#FooterRight a:hover {color: #999999;}

.CopyRightText {width: 160px; height:auto; padding:0; margin:0; float:right; color: #ACE717; font-weight: normal;}

.LrgText {font-size: 18px; padding-top:5px; height: 18px; width: 195px; float:left;}
.SubmitSearch {width: 60px; height: 20px; color: #FFFFFF; font-size: 10px; background: #f76e14; border: none;}

.exampleD_Paragraph {padding:0; margin:0; height: 12px; overflow: hidden;}

/* NEW APARTMENTS STYLING */

.FloorPlanSmall {width: 300px; height:330px; padding:0; margin:0; margin-right: 15px; float:left;}
.FloorPlanTitle {font-weight: bold; font-size: 14px; width: 290px; height:20px;  padding:5px;}
.FPLast {margin-right:0px;}


.TbBottom {border-bottom: 1px solid #999999;}

.Address {font-size: 16px; font-weight: bold; line-height: 1.4em;}

.RegSubmit {width: 200px; height: 40px; padding:0; margin:0; border: none; color:#FFFFFF; font-size: 14px; font-weight: bold; background:#931F6E;}




.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 5px;
top: 8px;
width: 950px;
height: 20px;
overflow: hidden; white-space: nowrap;
}
ul.newsticker { /* that's your list */
position: relative;
left: 930px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
list-style-type:none;


}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #000;
font: normal 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 


/* STEP COURSEL */

.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 310px;
height: 103px; /*Height should enough to fit largest content's height*/
padding:0; margin:0;
}

.stepcarousel .Middle {width: 245px; height:103px; padding:0; margin:0; float:left; overflow: hidden; position: relative;}

.stepcarousel .belt{

position: absolute; /*leave this value alone*/
left: 0;
top: 0;


}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
padding:0; /* padding */
width: 245px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 103px;
}

/*#galleryB{
width: 310px;
height: 103px;
border: 10px solid darkred;
}

#galleryB .panel{
height: 150px;
font: bold 28px Arial;
text-align: center;
background-color: green;
color: white;
}*/


.LeftButton {width: 30px; height: 103px; padding:0; margin:0; float:left;}
.RightButton {width: 35px; height: 103px; padding:0; margin:0; float:left;}



p.samplebuttons{
width: 300px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}