/* Residential */

@import url("ssg_template.css");

/* Banner */
table#banner {width:100%; background: url(/images/UserUploadedImages/72/bannerbgContent.gif) left top no-repeat; height: 75px;}
table#banner td {padding:5px 20px;}
table#banner td.logo {padding: 12px;}

#TableTopNavBar {background: url(/images/UserUploadedImages/71/topmenucontentBackground.jpg) repeat-x !important; height:31px; padding-left:0px;}

#TableTopNavBar .CMLevel1,
#TableTopNavBar .CMLevel1Selected {height:30px; float:left !important; width: auto; margin: 0;}
#TableTopNavBar .CMLevel1 .text {font: bold 12px Arial, verdana !important; padding:5px 22px 0px 22px !important; height:23px !important; color:#ffffff; vertical-align:middle; border-left: 1px #fff solid !important; text-transform: uppercase;}
#TableTopNavBar .CMLevel1:hover .text,
#TableTopNavBar .CMLevel1:focus .text {font: bold 12px Arial, verdana !important; background-color:#373f0b; padding:5px 22px 0px 22px !important; height:23px !important; color:#ffffff; vertical-align:middle;}
#TableTopNavBar .CMLevel1Selected .text {font: bold 12px Arial, verdana !important; background-color:#373f0b; padding:5px 22px 0px 22px !important; height:23px !important; color:#ffffff; vertical-align:middle; border-left: 1px #fff solid !important;  text-transform: uppercase;}

#TableTopNavBar .CMLevel2 .text {background: #576416;}
#TableTopNavBar .CMLevel2:hover .text,
#TableTopNavBar .CMLevel2:focus .text {background-color: #697820 !important;}
#TableTopNavBar .CMLevel2Selected .text {background-color: #697820;}

/* Left Menu */

#TableLeftNavBar {width: 170px !important;}

/* styles for level 1 */

#TableLeftNavBar .CMLevel1,
#TableLeftNavBar .CMLevel1Selected {height:30px; text-transform: uppercase; margin: 0 5px;}
#TableLeftNavBar .CMLevel1 .text {font-size: 100% !important; padding:8px 6px 8px 5px !important; width:164px; color:#000;}
#TableLeftNavBar .CMLevel1:hover .text,
#TableLeftNavBar .CMLevel1:focus .text {font-size:100% !important; padding:8px 6px 8px 5px !important; width:164px; color:#fff; background: #627118 url(/Images/UserUploadedImages/71/leftmenucontent_hover.jpg) left top repeat-x;}
#TableLeftNavBar .CMLevel1Selected .text {font-size:100% !important;  padding:8px 6px 8px 5px !important; width:164px; color:#fff; background: #627118 url(/Images/UserUploadedImages/71/leftmenucontent_hover.jpg) left top repeat-x;}

/* styles for level 2 */
#TableLeftNavBar .CMLevel2,
#TableLeftNavBar .CMLevel2Selected {height:auto !important; width: 296px !important;}
#TableLeftNavBar .CMLevel2 .text {font-size:100% !important; background-color:#576416; padding:8px 12px 6px 12px !important; width: 296px; color:#fff;}
#TableLeftNavBar .CMLevel2:hover .text,
#TableLeftNavBar .CMLevel2:focus .text {background-color: #697820; padding:8px 12px 6px 12px !important; width: 296px; color:#fff;}
#TableLeftNavBar .CMLevel2Selected .text {background-color:#576416; padding:8px 12px 6px 12px !important; width: 296px; color:#ffffff;}

/* styles for level 2 */
#TableLeftNavBar .CMLevel3,
#TableLeftNavBar .CMLevel3Selected {height:auto !important; width:auto !important;}
#TableLeftNavBar .CMLevel3 .text {font-size:100% !important; background-color:#424c0f; padding:8px 12px 6px 12px !important; width:176px; color:#fff;}
#TableLeftNavBar .CMLevel3:hover .text,
#TableLeftNavBar .CMLevel3:focus .text {background-color: #697820; padding:8px 12px 6px 12px !important; width:176px; color:#fff;}
#TableLeftNavBar .CMLevel3Selected .text {background-color:#424c0f; padding:8px 12px 6px 12px !important; width:176px; color:#ffffff;}