/* CSS Document */

/* padding, position, and z-index are necessary for firefox and opera, behavior is needed for hovers to work in IE */
body {background-color: white;
background-image:url(images/topnavbgd.jpg);
background-repeat: no-repeat;
position: relative;
color: black;
margin: 0;
padding: 0;
z-index: 0;
behavior: url(csshover.htc)}

/*Secondnav is the second nav bar at the top, the light blue bar without drop downs */
div#secondnav {background-color: #a4b1da;
color: #003596;
height: 22px;
/* overflow: hidden;*/
margin-bottom: 8px;
width: 779px;
position: absolute;
top: 30px;
left: 0;
z-index: -2;}

div#secondnav table {margin: 0;
border: 0;}

div#secondnav td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003596;
	font-weight: bold;
	vertical-align: bottom;
	text-align: center;
	margin: 0;
	padding-bottom: 5px;
	width: 140px;}
	
/*this makes the width of "contact us" bigger to fit right under ORISE in the nav bars */
div#secondnav td#orise {
	width: 170px;}
	
div#secondnav a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003596;
	font-weight: bold;
	text-decoration: none;
	}
	
div#secondnav a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003596;
	font-weight: bold;
	text-decoration: none;}
	
/* turns links in secondnav bar white when hovered over */	
div#secondnav a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;}

/*left navigation section for 2nd level pages and beyond */
div#leftnav {background-image: url(images/navbkgrnd.jpg);
background-repeat: repeat;
position: absolute;
top: 142px;
left: 0;
width: 185px;
height: 420px;
border-bottom-color: #5b7abd;
border-bottom-style: solid;
border-bottom-width: 20px;
padding-top: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .5em;
color: #5b7abd;
font-weight: bold;
padding-left: 5px;
padding-right: 15px;
z-index: -8;
min-height: 400px;
}

div#leftnav h4 {background-color: transparent;
color: #006;
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* for "In this section" header in left nav */
div#leftnav h4 {
background-color: transparent;
color: #006;
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


div#leftnav li.arrow {
list-style-image: url(images/bluearrow.gif);
list-style-position: outside;
line-height: 11px;
margin-bottom: 8px;
padding-bottom: 5px;
}

/* for section subnavigation */ 
div#leftnav li.rightarrow {
list-style-image: url(images/bluearrow-rt.gif);
list-style-position: outside;
line-height: 11px;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 5px;
}


div#leftnav a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #5b7abd;
font-weight: bold;
}

div#leftnav a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #5b7abd;
font-weight: bold;
 }

div#leftnav a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #003596;
text-decoration: underline;
font-weight: bold;
}


div#leftnav a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #003596;
text-decoration: underline;
font-weight: bold;
}

/*logo and tagline section for 2nd level pages and beyond */
div#header { border-bottom-color: #f16146;
border-bottom-style: solid;
border-bottom-width: thin;
height: 85px;
position: absolute;
top: 50px;
width: 204px;
background-image: url(images/navbkgrnd.jpg);
background-repeat: repeat;
padding-top: 5px; 
left: 0;
z-index: -9;}

/* This is the heading section with the grid background under the navigation bars for 2nd level pages and beyond */
div#secondheading {
background-image: url(images/grid.gif);
background-repeat: repeat;
width: 570px;
position: absolute;
left: 204px;
top: 50px;
height: 80px;
z-index: -10;
padding-left: 5px;
padding-top: 10px;
border-bottom-color: #f16146;
border-bottom-style: solid;
border-bottom-width: thin;}

div#secondheading p {
padding-top: 10px;
}

/*main center text area for 2nd level pages and beyond */
div#main {background-color: white;
color: black;
position: absolute;
left: 205px;
width: 380px;
top: 142px;
border-right-color: #CCCCCC;
border-right-style: solid;
border-right-width: thin;
padding: 1em;
z-index: -7; }

/* This styles the text within the main section */
div#main p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
line-height: 1.3em;
color:#000; 
background-color: #FFF;
font-weight: normal;
}

div#main ul {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
line-height: 1.3em;
font-weight: normal;
list-style-position: outside;
list-style-image: url(images/bluearrow-rt.gif);
}

div#main ol {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
line-height: 1.3em;
font-weight: normal;
list-style-position:outside;
line-height:1.5em;

}


/*The following are for headings in the main body text.*/
div#main h1 {font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 1.15em;
	color: #000066; 
	font-weight: bold;
}

div#main h2 {font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 1em;
	color: #000066; 
	font-weight: bold;
}

div#main h3 {font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: .85em;
	line-height: 1em;
	color: #000066; 
	font-weight: bold;
}

div#main td {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}

div#main th {font-family:Verdana, sans-serif;
font-size: 11px;
font-weight:700;
color:#FFFFFF;
background-color:#5b7abd;
}

div#main td.courseschedule {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#CCCCFF;
margin: 2px 2px 2px 2px;
color: #000;
}

div#main th.courseschedhead {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
background-color: #CCC;
margin: 4px 4px 4px 4px;
color: #000;
}

/*For floating photos and cutlines within a div to the left, 50% of main div size */
.photoleft {float: left;
width: 50%;
margin-right: 5px;
margin-bottom: 10px;

}

/*For floating photos and cutlines within a div to the right, 50% of main div size */
.photoright {float: right;
width: 50%;
margin-bottom: 10px;
margin-left: 5px;
}

/*For centering photos in main section */
.photocenter { margin-right: 10px; 
margin-left: 10px;
}

/* this styles the breadcrumbs text */
div#main .breadcrumb {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #5b7abd;}

/* this styles links within the main section, breadcrumbs and text */
div#main a:link {
text-decoration: none;
color: #5b7abd;
font-weight: bold;
}

div#main a:visited {
text-decoration: none;
color: #5b7abd;
font-weight: bold;
}

div#main a:hover {
color: #003596;
text-decoration: underline;
}


div#main a:active {
color: #003596;
text-decoration: underline;
}

div#main .highlight {
background-color: #FFFF00;
color: #000000;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

div#main .urgent {
color: #f00;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

div#main .maincutline { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #006;
}

div#main .quote { border-bottom: thin solid #003596;
border-top: thin solid #003596;
font-weight: 600;
font-style: italic;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 3px;
line-height: 1.3em;
}

div#main form fieldset {
font-family: Verdana, sans-serif;
font-size: 10px;
text-align: left;
}

div#main legend {
font-size: 12px;
font-weight:700;
color:#000066;
padding: 15px;
}

/* right highlights and fact section on second level pages and beyond */
div#rightside {background-color: white;
color: black;
position: absolute;
top: 142px; 
left: 620px;
width: 145px;
padding-top: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
z-index: -6 }

div#rightside a:link {
text-decoration: none;
color: #5b7abd;
font-weight: bold;
}

div#rightside a:visited {
text-decoration: none;
color: #5b7abd;
font-weight: bold;
}

div#rightside a:hover {
color: #003596;
text-decoration: underline;
}


div#rightside a:active {
color: #003596;
text-decoration: underline;
}

div#rightside h3 {background-color: white;
color: #f16146;
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 0;
padding-left: 1em;
margin-bottom: 0;
}

div#rightside h4 {background-color: white;
color: #006;
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 1.5px; 
padding-left: 1em;
}


div#rightside .rightsidetext {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left: 0px;
padding-left: 1em;
}

div#rightside p {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left: 0px;
padding-left: 1em;
}

div#rightside ul {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
list-style-position: outside;
padding-top: 0;
margin-top: 0;
padding-left: 3em;
margin-left: 0;
}

div#rightside .rtcutline { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #006;
}

div#rightside .highlight {
background-color: #FFFF00;
color: #000000;
font-weight: bold;
}

/* HOME PAGE ONLY - logo under nav bars */
div#logo {
position: absolute;
top: 75px;
left: 25px;
z-index: -5;
}

/* HOME PAGE ONLY - red line on home page */
div#redbar {
background-image: url(images/redbar_left.jpg);
background-repeat: repeat-x;
position: absolute;
left: 0;
top: 244px;
width: 110px;
height: 10px;
}
/* HOME PAGE ONLY - first part of tagline Partnerships for */
div#tagline1 {
position: absolute;
top: 216px;
left: 110px;
z-index: -2;
}
/* HOME PAGE ONLY - second part of tagline "Innovations" and blue grid area above it */
div#tagline2 {
position: absolute;
top: 51px;
left: 416px;
z-index: -1;
}

/* HOME PAGE ONLY - yellow section on home page for training and education */
div#quickbar {
background-image: url(images/tan-gradient.jpg);
width: 237px;
position: absolute;
top: -400px;
left: 126px;
z-index: 1;
height: 100px;
overflow: hidden;
color: #000;
}

div#quickbar .quicklinkheader {color: #000;
font-weight: 900;
font-size: 11px;
font-family: Verdana, sans-serif;
padding-bottom: 0;
margin-top: 5px;
margin-left: 2px;
}

div#quickbar .quicklinkspace {line-height: 20px;
margin-left: 12px;
}

div#quickbar li.arrow {
list-style-image: url(images/red_arrow.gif);
list-style-position: outside;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000; 
font-weight: bold;
/* margin-top: 5px;*/
margin-left: -10px;
padding-left: 0;
padding-top: 1px;
}

/* Quickbar link effects */
div#quickbar a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CC0000;
font-weight: bold;
text-decoration: none;
}

div#quickbar a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CC0000;
font-weight: bold;
text-decoration: none;
}

div#quickbar a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #009;
font-weight: bold;
text-decoration: underline;
}

div#quickbar a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000;
font-weight: bold;
text-decoration: none;
}

/* HOME PAGE ONLY - large image that rotates on home page -- code for rotation is Javascript in the html head tag */
div#image {
position: absolute;
top: 246px;
left: 416px;
z-index: 2;}

/* HOME PAGE ONLY - The About ORAU blue box at the bottom under the image */
div#infobox {
position: absolute;
left: 416px;
top: 452px;
background: #5b7abd;
width: 363px;
}

div#infobox p{
	margin: 8px;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/* HOME PAGE ONLY - The current news section of the home page */
div#news {
position: absolute;
top: 260px;
width: 398px;
left: 15px;
z-index: -5;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

div#news h1 {
font-weight: bold;
color: #F00;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;}

div#news a:link {
text-decoration: none;
color: #5b7abd;
font-weight: bold;
}

div#news a:visited {
text-decoration: none;
color: #5b7abd;
font-weight: bold;
}

div#news a:hover {
color: #003596;
text-decoration: underline;
}


div#news a:active {
color: #003596;
text-decoration: underline;
}

div#privacy {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
position: absolute;
top: 105px;
left: 0px;
}

div#privacy a:link {
text-decoration: none;
color: #5b7abd;
font-weight: bold;
}

div#privacy a:visited {
text-decoration: none;
color: #5b7abd;
font-weight: bold;
}

div#privacy a:hover {
color: #003596;
text-decoration: underline;
}


div#privacy a:active {
color: #003596;
text-decoration: underline;
}

/* The next several lines preceded by "#topnav" are for the top navigation bar with drop downs used on all pages */
#topnav {
width: 779px;
background: #5b7abd;
float: left;
}

#topnav ul {
list-style: none;
margin: 0;
padding: 0;
width: 125px;
float: left;
}

/*the next four styles are to make the specific navigation areas line up better with the second nav bar */
#topnav li#university {
/*width: 7em;
margin-left: 12px;*/}

#topnav li#about {
/*width: 7em;
margin-left: 10px;*/}

#topnav li#partners {
/*width: 7em;
margin-left: -7px;*/}

#topnav li#orscience {
width: 130px;
margin-left: -5px;
text-align: center;
}

#topnav li#search {
width: 50px;
margin-left: 30px;
}

#topnav a, #topnav h2 {
font: bold 14px verdana, sans-serif;
display: block;
margin: 0;
top: 3px; 
padding: 2px 3px;
}

/*the next three styles will control the styles for the main navigation areas on the top navigation bar, not the drop down choices */
#topnav h2 {
color: #fff;
background: #5b7abd;
height: 27px;
}

#topnav h2 a {
font: bold 9px verdana, sans-serif;
color: #fff;
background: #5b7abd;
border-bottom: 0;
border-top: 0; 
}

#topnav h2 a:hover {
font: bold 9px verdana, sans-serif;
color: #000;
background: #5b7abd;
border-bottom: 0;
border-top: 0; 
}
/*These next two styles control the look of the drop-down choices from the top navigation bar */
#topnav a {
color: #000;
background: #EFEFEF;
text-decoration: none;
border-top: 1px #999 solid;
}

#topnav a:hover {
color: #003596;
background: #CCC;
/* border-top: 1px #999 solid; */
}

#topnav li {
position: relative;
}

#topnav ul ul ul{
position: absolute;
top: 0;
left: 100%;
}
#topnav ul ul {
position: absolute;
z-index: 500;
background: #EFEFEF;
}

div#topnav ul ul {
display: none;
}

div#topnav ul li:hover ul {
display: block;
}

div#topnav ul ul,
div#topnav ul li:hover ul ul,
div#topnav ul ul li:hover ul ul {
display: none;
}

div#topnav ul li:hover ul,
div#topnav ul ul li:hover ul,
div#menu ul ul ul li:hover ul, {
display: block;
}

[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#topnav ul li {float: left;}
#topnav ul li a {height: 1%;} 

#topnav a, #topnav h2 {
font: bold 0.6em/1.4em verdana, helvetica, sans-serif;
}

/* The following are to pad and position an image inserted in the main div area of the page --Added 4-27-06 by Susan */
img.right {float: right; margin-left: 6px; margin-bottom: 2px;}

img.left {float: left; margin-right: 6px; margin-bottom: 2px;} 

div#mainerrortxt { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background-color: #FFF;
margin-left: 50px;
width: 70%;
padding-top: 25px;
}

div#mainerrortxt h3 {font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 16px;
	color: #000066; 
	font-weight: bold;
}

div#mainerrortxt ul {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
line-height: 1.3em;
font-weight: normal;
list-style-position: outside;
}

</style>
<![endif]