
/* hides nav areas behind eachother */
#navbar_welcome {display: none; position: absolute; z-index: 50;}
#navbar_educators {display: none; position: absolute; z-index: 40;}
#navbar_physicists {display: none; position: absolute; z-index: 30;}
#navbar_students {display: none; position: absolute; z-index: 20;}
#navbar_visitors {display: none; position: absolute; z-index: 10;}


/* hides content areas behind eachother */
#welcome {display: none;}
#educators {display: none;}
#physicists {display: none;}
#students {display: none;}
#visitors {display: none;}



/* nav tabs */
#navtabs_container
{
float: left;
display: inline;
margin: 6px 0px 0px 16px;
width: 520px;
height: 30px;
font-size: 13px;
color: #ffffff;
}

div.navtabs
{
width: 100px;
height: 29px;
float: left;
display: block;
margin: 0px 2px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #ff6633;
background-image: url("../tmpl_images/tab_orange.gif");
background-repeat: no-repeat;
background-position: top left;
text-align: center;
}

div.navtabs div
{
margin: 8px 0px 0px 0px;
}

div.navtabs a:link {color: #ffffff; text-decoration: none;}
div.navtabs a:visited {color: #ffffff; text-decoration: none;}
div.navtabs a:hover {color: #ffffff; text-decoration: underline;}
div.navtabs a:active {color: #ffffff; text-decoration: none;}

div.navtabs_active
{
width: 100px;
height: 29px;
float: left;
display: block;
margin: 0px 2px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #dddddd;
background-image: url("../tmpl_images/tab_gray.gif");
background-repeat: no-repeat;
background-position: top left;
text-align: center;
color: #000000;
}

div.navtabs_active div
{
margin: 8px 0px 0px 0px;
}

div.navtabs_active a:link {color: #000000; text-decoration: none;}
div.navtabs_active a:visited {color: #000000; text-decoration: none;}
div.navtabs_active a:hover {color: #000000; text-decoration: underline;}
div.navtabs_active a:active {color: #000000; text-decoration: none;}
/* end: nav tabs */




/* top search form */
#search_form
{
float: left;
margin: 8px 0px 0px 0px;
width: 220px;
height: 29px;
}

#search_form form
{
margin: 0px 0px 0px 10px;
}

input.input_text
{
margin-top: 4px;
width: 120px;
}

input.input_button
{
cursor: pointer;
margin-top: 3px;
}
/* end: top search form */






/* top nav */
div#top_nav_container
{
width: 100%;
text-align: center;
}

div#top_nav 
{
background-color: #dddddd;
margin: 2px auto 0px auto;
width: 744px;
}

div#top_nav ul 
{
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
width: 100%;
font-size: 11px;
color: #003399;
white-space: nowrap;
}
div#top_nav li 
{
padding: 0px 3px 0px 3px;
list-style-type: none;
display: inline;
}
div#top_nav li a 
{
text-decoration: none; 
font-weight: bold;;
}
div#top_nav li a:link {color: #003399;}
div#top_nav li a:visited {color: #003399;}
div#top_nav li a:hover {color: #003399; text-decoration: underline;}
/* end: top nav */





/* bottom nav */
#bottom_nav 
{
/* border: 1px solid #ff9900; */
clear: both;
width: 100%;
height: 45px;
text-align: center;
background-image: url("../tmpl_images/bg_bottom_nav.jpg");
background-repeat: no-repeat;
background-position: top center;
}

#bottom_nav ul 
{
margin: 0px;
padding: 0px;
font-size: 11px;
color: #ffffff;
line-height: 35px;
white-space: nowrap;
}

#bottom_nav li 
{
display: inline;
margin: 0px;
padding: 3px 3px 3px 3px;
}

#bottom_nav li a:link {color: #ffffff; text-decoration: none;}
#bottom_nav li a:visited {color: #ffffff; text-decoration: none;}
#bottom_nav li a:hover {color: #ffffff; text-decoration: underline;}
#bottom_nav li a:active {color: #ffffff; text-decoration: none;}
/* end: bottom nav */





/* sub nav */
#subnav
{
float: right;
width: 175px;
margin: 5px 0px 10px 10px;
border: 1px solid #999999;
background-color: #ff6633;
font-size: 11px;
color: #ffffff;
}

#subnav_innerborder
{
border: 1px solid #ffffff;
}

#section_header
{
font-weight: bold;
margin: 10px 10px 10px 10px;
}

#section_header2
{
font-weight: bold;
margin: 10px 10px 10px 10px;
}

.section_headerClass
{
font-size: 11px;
font-weight: bold;
margin: 10px 10px 10px 10px;
}





#subnav ul
{
list-style: none;
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
}

#subnav li
{

}

#subnav li a
{
color: #ffffff;
text-decoration: underline;
}

#subnav li a:link {text-decoration: underline;}
#subnav li a:visited {text-decoration: underline;}
#subnav li a:hover {text-decoration: none;}
#subnav li a:active {text-decoration: underline;}


/* end: sub nav */






