@import url(reset.css);
@import url(default.css);
@import url(menu.css);

body { background: #8b929a url(../images/bg.gif) repeat-x; }

#container { background: #fff; width: 980px; margin: 7px auto 0; padding: 7px; position: relative;  }
body.root #container { background: none; padding: 0; width: 994px; }

#header { background: #071a36 url(../images/header_bg.gif) repeat-y; position: relative; }
#header h1 { background: #071a36 url(../images/logo.gif) no-repeat; text-indent: -9999px; width: 342px; }
#header h1 a:link, #header h1 a:visited { display: block; height: 119px; }
#header h2 { background: #071a36 url(../images/header-h2_bg.gif) no-repeat; text-indent: -9999px; height: 77px; }
body.root #header { border: 7px solid #fff; margin: 0 0 13px; }
body.root #header h2 { display: none; }

#main1 {}
body.root #main1 { background: #fff; padding: 7px; }
#main2 { background-image: url(../images/blue.gif); background-position: top right; background-repeat: repeat-y; }

#colLeft { float: left; width: 208px; margin: 0; padding: 0; }
#colLeft .padding { padding: 0; }

ul#left_menu {margin:0;padding:0;list-style:none;border-bottom:solid #fff 1px;}
#left_menu li {border-top:solid #fff 1px;width:100%;position:relative;}
#left_menu li a {display:block;color:#fff;font-size:1.2em;text-decoration:none;padding:6px 15px;}
#left_menu li:hover a {text-decoration: underline;}

#left_menu ul {padding:0;display:none;position:absolute;z-index:50;list-style:none;left:208px;width:208px;top:0;border-left:solid #fff 1px;}
#left_menu ul li {border:none;float:left;width:100%;}
#left_menu li:hover ul li a {text-decoration:none;font-size:1.1em;padding:4px 10px;}
#left_menu li ul li a:hover {background:#777777;}

#left_menu li:hover ul ul,
#left_menu ul li:hover ul ul,
#left_menu ul ul li:hover ul ul,
#left_menu ul ul ul li:hover ul ul { display:none; }

#left_menu li:hover ul,
#left_menu ul li:hover ul,
#left_menu ul ul li:hover ul,
#left_menu ul ul ul li:hover ul { display:block; }

#colRight { float: right; width: 150px; margin: 0; padding: 0; }

#content { margin: 0 150px 0 208px; }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
#content .padding { padding: 30px 60px; }
#content .padding .padding { padding: 0; } /* Ugh, come on! */
body.root #content { background: #fff url(../images/root-content_bg.gif) repeat-y top center; }
body.root #content .padding { padding: 0; }

#home-left { width: 489px; float: left; }
#home-right { width: 490px; float: right; }
#content #home-left .padding, #content #home-right .padding { padding: 30px; }

h2.title { color: #051125; margin: 0 0 10px; font-size: 2.1em; padding: 0 0 5px; border-bottom: 1px solid #aeaa8f; }
body.root h2.title { color: #fff; background: #081e40; font-size: 1.5em; padding: 10px 30px; border: none; text-align: center; margin: 0; border-bottom: 17px solid #fff; }

body.bio h3 { margin: 0 0 15px; }
body.bio h3 em { display: block; font-size: .7em; font-weight: normal; }

body.glossary #content { font-size: 1.4em; }
body.glossary h2.title { font-size: 1.5em; }

#glossary_letters { margin: 15px 0; }
#glossary_letters a:link, #glossary_letters a:visited { color: #fff; display: block; float: left; background: #999; padding: 2px 4px; margin: 0 4px 0 0; text-decoration: none; font-weight: bold; border: 1px solid #666; }
#glossary_letters a:hover, #glossary_letters a:active { background: #666; border: 1px solid #333; }

#footer { color: #fff; background: #4d647c url(../images/footer_bg.gif) no-repeat; width: 994px; margin: 0 auto; padding: 50px 0 20px; text-align: center; }
#footer .padding { width: 450px; margin: 0 auto; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: none; }

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;
}