@import url(reset.css); /* The browser equalizer */
@import url(default.css); /* Default classes */

body { background-color:#006699; }

#container { background:#FFF url(../images/content_bg.jpg) repeat-y; width:990px; margin:0px auto; padding:0 6px; position:relative; }
.root #container { background:#FFF url(../images/home-content_bg.jpg) repeat-y; }

#header { background:#5384A5 url(../images/header_bg.jpg) no-repeat; height:221px; }
.root #header { background:url(../images/home-header_bg.jpg) no-repeat; height:400px; }

#header h1 { text-indent:-9999px; }
#header h1 a { display:block; width:625px; height:160px; }
#header h2 { display:none; }

#main1 {}
#main2 {}

#colLeft { float:left; width:282px; margin:0; padding:16px 0 0 23px; background:url(../images/menu_bg.jpg) no-repeat; }
.root #colLeft { float:left; width:122px; margin:0; padding:0 0 0 23px; background:none; }

#menu { position:absolute; top:237px; width:122px; }
#menu ul {  list-style:none; padding:0; margin:0; }
#menu ul li { float:left; margin-bottom:13px; text-indent:-9999px; }
#menu ul li a { display:block; width:122px; height:41px; }

li.nav1 a { background:url(../images/nav1.jpg) no-repeat; }
li.nav1 a:hover,li.nav1 a.active { background:url(../images/nav1on.jpg) no-repeat; }
li.nav2 a { background:url(../images/nav2.jpg) no-repeat; }
li.nav2 a:hover,li.nav2 a.active { background:url(../images/nav2on.jpg) no-repeat; }  
li.nav3 a { background:url(../images/nav3.jpg) no-repeat; }
li.nav3 a:hover,li.nav3 a.active { background:url(../images/nav3on.jpg) no-repeat; }  
li.nav4 a { background:url(../images/nav4.jpg) no-repeat; } 
li.nav4 a:hover,li.nav4 a.active { background:url(../images/nav4on.jpg) no-repeat; } 
li.nav5 a { background:url(../images/nav5.jpg) no-repeat; } 
li.nav5 a:hover,li.nav5 a.active { background:url(../images/nav5on.jpg) no-repeat; } 
li.nav6 a { background:url(../images/nav6.jpg) no-repeat; }
li.nav6 a:hover,li.nav6 a.active { background:url(../images/nav6on.jpg) no-repeat; }  

#submenu { position:relative; }
#submenu ul {  list-style:none; padding:0; margin:0; position:absolute; left:122px; top:0; width:160px; font-size:1.2em; }
#submenu li { padding:0 10px; margin-bottom:2px; }
#submenu li a { color:#fff; text-decoration:none; display:block; padding:4px 5px; }
#submenu li a:hover,#submenu li a.active { background:#4D81A8; }

#content { margin:0 0 0 305px; font-size:1.2em; min-height:400px; }
.root #content { min-height:180px; margin:0 0 0 145px; }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
#content .padding { padding:0 22px; }

#content img#title { position:absolute; left:6px; top:163px; }
#content h1 { font-family:Arial, sans-serif; color:#000080; font-size: 16px; }

#footer { text-align:center; padding:42px 0 0; font-size:1.1em; background:#006699 url(../images/footer_bg.jpg) no-repeat; }
.root #footer { height:14px; background:#006699 url(../images/home-footer_bg.jpg) no-repeat; padding:22px 0; }
#footer a { color:#000; }

body.noRight #main2 { background-image:none; }
body.noRight #colRight { display:none; }
body.noRight #content { margin-right:0; }

body.noLeft #main1 { background-image:none; }
body.noLeft #colLeft { display:none; }
body.noLeft #content { margin-left:0; }

body.noStructure {}
body.noStructure #colLeft,
body.noStructure #colRight,
body.noStructure #main1,
body.noStructure #main2,
body.noStructure #content,
body.noStructure #header,
body.noStructure #footer,
body.noStructure #menu
{
	display:none;
}
