/* ------------------------ L A Y O U T S T U F F ------------------------ */ /* Extra .1% height in body forces scrollbars and also eliminates gap below footer caused by IE6 */ /* Eliminating this height parameter altogether will cause bottom to adjust up to less-than-full page */ body {background:#EDE7DA; height:100.1%; margin-bottom:1px; font-size:12px; font-family: Verdana,Arial,Helvetica,sans-serif; color:#785B39;} html {height:100%; margin-bottom:1px;} /* 1px to keep scrollbars on in other browsers */ /* Set all padding and margins to 0 */ * {padding:0; margin:0;} #Wrapper {width:785px; background: url(images/StageBG.jpg) repeat-y; margin:auto; padding:0; position:relative;} #InnerTube {margin-left:11px; background:url(images/SideBarBG.jpg) repeat-y;} #InnerTube:after {content:" "; display:block; clear:both;} #Header {height:109px; width:763px; margin:0 auto; background-color:#DDD1BC; border-bottom:1px solid #785B39; border-top:2px solid #785B39;} #Left {float:left; width:176px; text-align:center; height:100%; padding-bottom:20px;} #Main {position:relative; margin-left:185px; padding:3px 20px 10px 0;} #Content {padding:20px; width:575px; background-color:#EDE7DA;} .ListBox {margin-left:15px; font-size:12px; padding:3px 5px 3px 15px; width:270px; line-height:130%; border:1px solid #300000; background:#FAF3E8;} .HighlightBox {font-size:12px; padding:5px; line-height:130%; border:1px solid #300000; background:#FAF3E8;} .InsideFrame {background-color:#EFE6D7;} /* Style hides white block at top of source page */ #AppPage {overflow:hidden; border-top:5px solid #EEE8DA; margin-left:5px;} .FloorPlan {padding-bottom:30px;} .PlanName {font-size:12px; font-weight:bold; margin-top:5px;} #Footer {padding:10px 0 4px 0; height:50px; background-color: #DDD1BC; border-top:1px solid #785B39; width:763px; color:#424348; text-align:center; margin-left:11px;} #BottomLine {margin:0 auto; padding:0; width:785px; height:21px; background:url(images/BottomLine.jpg) 0 0 no-repeat;} #Movie {margin-top:15px;} #LoadingMsg {position:absolute; left:300px; top:200px; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; font-size:20px; border:2px solid; padding:10px; z-index:30;} #LoadingMsg {color:red;} #LoadingMsg {background-color:#EFEFF8;} #LoadingMsg {border-color:#BEAD81;} .Standout, .StandoutHead {width:130px; margin:0 0 5px 14px; padding:3px; text-align:center; font-size:10px; border:1px solid;} .Standout {color:#424348;} .Standout {background-color:#F5F2EB;} .Standout {border-color:#785B39;} .StandoutHead {margin-top:8px; margin-bottom:0;} .StandoutHead {border-color:#785B39;} .StandoutHead {border-bottom:none;} .StandoutHead {background-color:#DED5BE;} #Footer p {font-size:1.5em; text-align:center;} .DisplayTable {width:586px; margin-left:-8px; } .DisplayTable td {border-style:solid solid solid solid; border-color:white white #785B39 #785B39; border-width:1px 1px 1px 1px; padding:0 5px; background:#EDE7DA; text-align:center;} .DisplayTable th {background:url(images/TableHeadBG.jpg) 0 0 repeat #FFFDF7; border-style:solid; border-color:#785B39; border-width:1px; padding:0 5px; text-align:center;} .DisplayTable td p {line-height:150%; margin-top:7px; margin-bottom:7px; text-align:center; font-weight:bold; font-size:11px; color:#785B39; font-family: Verdana, Arial, sans-serif;} .DisplayTable td p.Feature {font-weight:bold; text-align:left;} .DisplayTable td.LeftCol {border-left:1px solid white;} /* .DisplayTable td.TableHead {background:#DDD1BC none repeat scroll 0% 0%; width: 92px;} */ .DisplayTable td.TableHead.LeftCol {border-left:0;} .DisplayTable td.TableHead p {font-weight:bold;} #FeatureTable {border-right:1px solid #785B39;} #MapBox {width:100%; border:1px solid;} #MapBox {border-color:#724809;} #MapBox {background:url(images/MapBG.jpg) no-repeat #FFFCF9;} #HomeVacTable td {text-align:center; font-size:12px;} div#RoundedBox {margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; width:556px; background-color:#DED5BE;} div#RoundedBox #bottom {font-size:1px; height:16px; line-height:1px;} div#RoundedBox #top {font-size:1px; height:16px; line-height:1px;} div#RoundedBox #topleft {background:url(images/CornerBall.png) no-repeat top left; float:left; height:16px; width:16px;} div#RoundedBox #topright {background:url(images/CornerBall.png) no-repeat top right; float:right; height:16px; width:16px;} div#RoundedBox #bottomleft {background:url(images/CornerBall.png) no-repeat bottom left; float:left; height:16px; width:16px;} div#RoundedBox #bottomright {background:url(images/CornerBall.png) no-repeat bottom right; float:right; height:16px; width:16px;} div#RoundedBox #boxcontent {margin:-1em 1em;} div#RoundedBox p {margin:.5em 0;} /* -------------------------------------------- F O N T S & T E X T F O R M A T T I N G -------------------------------------------- */ h1 {font-size:20px; font-family:Verdana,Arial,sans-serif; font-weight:bold; color:#785B39; padding:5px; margin:8px;} h2 {color:#785B39; font-size:18px; font-weight:bold; padding:5px; margin:5px;} h3, h4 {font-family:Verdana,Arial,sans-serif; font-weight:bold; color:#785B39; margin-left:10px;} p {text-align: left; font-size:14px; font-family: Verdana,Arial,sans-serif; color:#785B39; padding:5px 0; margin:8px;} #PhotoPageText {padding:15px;} #FloorPlanText {position:absolute; width:300px; left:230px; top:460px; padding-right:15px; text-align:left;} #OfficeHours {font-size:9px; margin:10px 0 0 -10px;} #ContactTable1 {border:1px solid #641415;} #ContactTable1 td, h3 {padding:0 5px;} h2.ErrorMsg {text-align:center;} /* Emp is use within the database text on the Home page - perhaps elsewhere */ .Emp {display:block; font-weight:bold; font-size:18px; width:100%;} .TextColor {color:#300000;} .PhotoText {font-size:10px; text-align:center;} .HomeText p {font-size:12px; text-align:justify;} .TinyText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:7pt; line-height:160%; color:#785B39;} .FootList {text-align:center;} .FootMenu {font-family:Arial,Tahoma,sans-serif; font-size:9pt; color:#FFFFFF; } /* Vacancy Page */ .List2Headers1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-top:10px;} .ListBox {margin-left:15px; font-size:12px; padding:3px 5px 3px 15px; width:270px; line-height:130%; border:1px solid;} .ListBoxBorder1 {border:1px solid} .ListCopyTitle {text-align:left; width:100%; padding-left:10px;} .ListCopy {font-family:Arial, Helvetica, sans-serif; font-size:14px;} .ListCopySmall {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;} .ListCopySmall {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;} .ListCopySmallg {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;} .ListCopySmallo {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;} .List2Headers1 {color:#800000;} .ListCopySmallg {color:#B58B0F;} .ListCopySmallo {color:#785B39;} .List2Headers1 {background:url(images/VacBG.jpg) repeat;} .ListBox {background-color:#FAF3E8;} .List2Headers1 {border-color:#800000;} .ListBox {border-color:#300000;} .ListBoxBorder1 {border-top-color:#800000; border-right-color:#C1C1C1; border-bottom-color:#C1C1C1; border-left-color:#800000;} /* ------------ L I N K S ------------ */ a.FootMenu:link { text-decoration: none; color: #785B39; } a.FootMenu:visited { text-decoration: none; color: #785B39; } a.FootMenu:hover { text-decoration: none; background: #785B39; color: #FFFFFF; } a.FootMenu:active { text-decoration: none; color: #FFFFFF; } a:link {text-decoration:underline; color:#987303;} a:visited {text-decoration:underline; color:#987303;} a:hover {text-decoration:underline; color:#C10000;} a:active {text-decoration:underline; color:#987303;} a {font-family:Verdana, Arial, Helvetica, sans-serif;} a.Highlight:link { text-decoration: underline; color: #A17D47; } a.Highlight:visited { text-decoration: underline; color: #A17D47; } a.Highlight:hover { text-decoration: none; background: #FFF2E6; color: #804040; } a.Highlight:active { text-decoration: underline; color: #A17D47; } /* ------------------- F O R M S ------------------ */ select {font-size:11px; background:#FAF3E8; color:#724809;} input {font-size:11px;} input.CustomInput, textarea.CustomInput { background:#FAF3E8; font-size:12px; border-top:1px solid #641415; border-left:1px solid #641415; border-right:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4;} textarea.CustomInput {font-family:verdana,tahoma,sans-serif; font-size:10px;} /* ------------------- M A I N M E N U ------------------ */ #NavContainer { float:left; display:inline; background: #EDE7DA; width: 175px; margin: 0; font-family:Arial, sans-serif; font-size: 13px;} ul#NavList { text-align: left; list-style: none; border-bottom:1px solid #FFFFFF; margin-bottom:-3px; width: 165px;} ul#NavList li {display: block;} ul#NavList li a { display: block; width: 100%; padding: 5px; border-width: 1px; border-color: #FFFFFF #785B39 #A6844C #EEE8DA; border-style: solid; color: #785B39; text-decoration: none; background: url(images/ButtonsBG.jpg) repeat-y;} /* #NavContainer>ul#NavList li a { width: auto; } (in original menu) */ ul#NavList li a:hover { color: #785B39; background: url(images/ButtonsBG-Down.jpg) repeat-y; border-color: #785B39 #785B39 #F5F2EB #A6844C;} /* ---------------------- O T H E R M E N U S ---------------------- */ #TopMen {padding:3px; height:20px; background-color:#DDD1BC; border-top:1px solid #785B39; width:758px; color:#424348; text-align:center; margin-left:11px;} /* Menu for Manager's Editor */ * html #EdNav li a { padding: 0 8px; } #EdNavContainer {text-align:left;} #EdNav {border:3px solid #222222; padding:0 0 0 20px; margin:0; background-color: #FAF3E8; font-family: verdana,Arial,sans-serif; font-size: 12px; font-weight: bold;} #EdNav li {display:inline; list-style:none; padding:0; margin: 0;} #EdNav #active {float:right; margin-right:10px;} #EdNav li a {text-decoration:none; border:3px solid #222222; padding:0 8px 1px 8px; margin:0 2px; background-color:#FFFFFF; color:#000000;} #EdNav li a:hover {background-color: #785B39; color:#FFFFFF;} /* ------------------------------------------------- A C T I V E P A G E H I G H L I G H T I N G ------------------------------------------------- */ #Home ul#NavList li#HomeLink a, #Features ul#NavList li#FeaturesLink a, #Photos ul#NavList li#PhotosLink a, #FloorPlans ul#NavList li#FloorPlansLink a, #Vacancies ul#NavList li#VacanciesLink a, #Community ul#NavList li#CommunityLink a, #Application ul#NavList li#Application a, #Location ul#NavList li#LocationLink a, #OnlinePayment ul#NavList li#OnlinePaymentLink a, #About ul#NavList li#AboutLink a, #Contact ul#NavList li#ContactLink a, #ResidentPortal ul#NavList li#ResidentPortalLink a {background: url(images/ButtonsBG-Down.jpg) repeat-y; color: #785B39; border-color: #785B39 #785B39 #F5F2EB #A6844C;} #Home ul#NavList li#HomeLink a:hover, #Features ul#NavList li#FeaturesLink a:hover, #Photos ul#NavList li#PhotosLink a:hover, #FloorPlans ul#NavList li#FloorPlansLink a:hover, #Vacancies ul#NavList li#VacanciesLink a:hover, #Community ul#NavList li#CommunityLink a:hover, #Application ul#NavList li#Application a:hover, #Location ul#NavList li#LocationLink a:hover, #OnlinePayment ul#NavList li#OnlinePaymentLink a:hover, #About ul#NavList li#AboutLink a:hover, #Contact ul#Navlist li#ContactLink a:hover, #ResidentPortal ul#Navlist li#ResidentPortalLink a:hover {background: url(images/ButtonsBG-Down.jpg) repeat-y; color: #785B39; border-color: #785B39 #785B39 #F5F2EB #A6844C;} #Home div.FootList a#HomeFoot, #Features div.FootList a#FeaturesFoot, #Photos div.FootList a#PhotosFoot, #FloorPlans div.FootList a#FloorPlansFoot, #Vacancies div.FootList a#VacanciesFoot, #Location div.FootList a#LocationFoot, #OnlinePayment div.FootList a#OnlinePaymentFoot, #Community div.FootList a#CommunityFoot, #Application div.FootList a#ApplicationFoot, #About div.FootList a#AboutFoot, #Contact div.FootList a#ContactFoot, #Home div.FootList a#HomeFoot:hover, #Features div.FootList a#FeaturesFoot:hover, #Photos div.FootList a#PhotosFoot:hover, #FloorPlans div.FootList a#FloorPlansFoot:hover, #Vacancies div.FootList a#VacanciesFoot:hover, #Location div.FootList a#LocationFoot:hover, #OnlinePayment div.FootList a#OnlinePaymentFoot:hover, #Community div.FootList a#CommunityFoot:hover, #Application div.FootList a#Application:hover, #About div.FootList a#AboutFoot:hover, #Contact div.FootList a#ContactFoot:hover, #ResidentPortal div.FootList a#ResidentPortalFoot:hover, {color:#FFFFFF; background:#A17D47; text-decoration:none;}