/* HEADERNAV transforms an unordered list into horizontal navigation tabs. */
div#header_home {  
	background: #000000;
	url(images/nav/header.jpg) top left no-repeat ; 
}
div#headernav { 
   height: 20px; 
   margin-left: 150px;
   margin-right: auto;
   text-align: center; 
   align: center;
   border: 0px;
}
div#headernav ul#header_menu { 
   padding: 0; 
   list-style-type: none; 
   text-align: center; 
   align: center;
}
div#headernav ul#header_menu li { 
   display: block; 
   float: left; 
   text-align: center; 
   padding-right: .2em; 
}
div#headernav ul#header_menu li a { 
   color: #364B8A;
   background-color: #FFFFFF;
   font-size: 11px; 
   display: block; 
   height: 17px;  
   width: 90px; 
   font-weight: bold; 
   padding-top: 2px;
   border-top: 1px #666666 solid;
   border-bottom: 1px #666666 solid;
   border-left: 1px #666666 solid;
   border-right: 1px #666666 solid;
}
div#headernav ul#header_menu li a:hover { 
   background-color: #E4E7EC;
   color: #364B8A;
   text-decoration: none; 
}
div#headernav ul#header_menu li a.selected:hover { 
   background: #E4E7EC; 
   color: #364B8A;
   border-bottom: 1px #E4E7EC solid;
}
div#headernav_parents { 
   display: block; 
   float: left; 
   margin-left: 100px; 
   margin-right: 20px; 
   font-size: 1em; 
   color: white; 
}
div#headernav_parents a { color: white; }
/* end HEADERNAV */

/* SIDENAV class formats unordered lists as left column navigation  */
/* Set properties of level 1 - sidenav headings */
ul.sidenav {
   list-style-type: none;
   color: #FFFFFF;   /* font color of sidenav headings */
   font-weight: bold;
   background-color: #5D8AB5;   /* background color of sidenav headings */
   margin: 0;
   padding: 0;
   text-indent: 0.2em;
   width: 100%;
}
/* Code for Opera browser */
html>body ul.rollmenu {width: 100%}
ul.sidenav li {
   font-size: 11px;
   width: 100%
   display: block;
   line-height: 18px;   /* space between lines */
}
ul.sidenav ul {
   list-style-type: none;
   font-weight: normal;
   color: black;
   padding: 0;
   margin: 0;
   text-indent: 1em;
   background-color: #FFFFFF;
}
/* Set properties of level 3 */
ul.sidenav ul ul {
   list-style-type: none;
   font-weight: normal;
   color: black; /* font color of sidenav links */
   padding: 0;
   margin: 0;
   text-indent: 2em;
}
/* Set properties of level 4 */
ul.sidenav ul ul ul {
   list-style-type: none;
   font-weight: normal;
   color: black; /* font color of sidenav links */
   padding: 0;
   margin: 0;
   text-indent: 3em;
}
/* Links */
ul.sidenav a {
   text-decoration: none;
   display: block;
   border-bottom: 1px solid #5D8AB5;
}
/* Code for Opera browser */
html>body ul.sidenav a {width: auto}
ul.sidenav a:hover {
   background-color: #EEEEEE;
   text-decoration: none;
}
ul.sidenav.hilite {
   background-color: #EEEEEE;
   text-decoration: none;
}
/* end sidenav code */

/* header background image for each section of site  */
.header_home { 
   background-image: url(images/header-home.jpg);
   background-repeat: no-repeat;
}
.header_data { 
   background-image: url(images/header-home.jpg);
   background-repeat: no-repeat;
}
.header_communities { 
   background-image: url(images/header-home.jpg);
   background-repeat: no-repeat;
}
.header_about { 
   background-image: url(images/header-home.jpg);
   background-repeat: no-repeat;
}
.header_login { 
   background-image: url(images/header-home.jpg);
   background-repeat: no-repeat;
}
/* header row background, separate class required due to IE6 div centering bug */
.header_home_bg { background-color: #000000; }
.header_data_bg { background-color: #000000; }
.header_about_bg { background-color: #000000; }
.header_communities_bg { background-color: #000000; }
.header_login_bg { background-color: #000000; }

/* tab background for each section of site  */
div#headernav ul#header_menu li a.home { 
   background-color: #E4E7EC;
   border-bottom: 1px #E4E7EC solid;
}
div#headernav ul#header_menu li a.data { 
   background-color: #F7F5E2;
   border-bottom: 1px #F7F5E2 solid;
}
div#headernav ul#header_menu li a.communities { 
   background-color: #E6EADD;
   border-bottom: 1px #E6EADD solid;
}
div#headernav ul#header_menu li a.about { 
   background-color: #E5EEF0;
   border-bottom: 1px #E5EEF0 solid;
}
div#headernav ul#header_menu li a.login { 
   background-color: #EBEBEB;
   border-bottom: 1px #EBEBEB solid;
}

/* subnav gradient background image for each section of site  */
.subnav_home { 
    background-image: url(images/subnav/home.gif);
	background-repeat: repeat-x;
    background-color: #E4E7EC; 
}
.subnav_data {
	background-image: url(images/subnav/data.gif);
	background-repeat: repeat-x;
    background-color: #EDE8D9; 
}
.subnav_communities { 
    background-image: url(images/subnav/communities.gif);
	background-repeat: repeat-x;
    background-color: #F7F5E2; 
}
.subnav_about { 
    background-image: url(images/subnav/about.gif);
	background-repeat: repeat-x;
	height: 100%;
    background-color: #8FB7C1; 
}
.subnav_login { 
    background-image: url(images/subnav/intranet.gif);
	background-repeat: repeat-x;
    background-color: #EBEBEB; 
}
/* subnav text control */
.subnav_menu {
    text-align: center;
    height: 14px;
    width: 100%;
    color: #364B8A;
	font-weight: bold;
	font-size: 11px
}
.subnav_menu a { color: #364B8A; text-decoration: none; }
.subnav_menu a:hover { color: #364B8A; text-decoration: underline; }