/* 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;
color: black;
font-family: "Times New Roman", Times, serif;
font-size: 11pt;
}

@page {
size: 8.5in 11 in; margin: 0.5in;
}

/*Secondnav is the second nav bar at the top, the light blue bar without drop downs */
div#secondnav {
display: none;
}



/*left navigation section for 2nd level pages and beyond */
div#leftnav {display: none;
}



/*logo and tagline section for 2nd level pages and beyond */
div#header { border-bottom-color: #f16146;
border-bottom-style: solid;
border-bottom-width: thin;
width: 2.25in;
}

/* This is the heading section with the grid background under the navigation bars for 2nd level pages and beyond */
div#secondheading {
position: absolute;
left: 0;
top: 1in;
margin-left: 0;
border-bottom-color: #f16146;
border-bottom-style: solid;
border-bottom-width: thin;}

/*main center text area for 2nd level pages and beyond */
div#main {background-color: white;
color: black;
position: absolute;
left: 0;
width: 4.5in;
top: 1.8in;
border-right-color:#999;
border-right-style: solid;
border-right-width: thin;
}

/* This styles the text within the main section */
div#main p {
font-family: "Times New Roman", Times, serif;
font-size: 11pt;
color:#000; 
background-color: #FFF;
font-weight: normal;

}

div#main ul {
font-family: "Times New Roman", Times, serif;
font-size: 11pt;
font-weight: normal;
list-style-position: outside;
list-style-image: url(images/bluearrow-rt.gif);
margin -right: 15px;
}

div#main ol {
font-family: "Times New Roman", Times, serif;
font-size: 11pt;
font-weight: normal;
list-style-position:outside;
}


/*The following are for headings in the main body text.*/
div#main h1 {font-family: "Times New Roman", Times, serif; 
    font-size: 14pt;
	color: #006; 
	font-weight: bold;
}

div#main h2 {font-family: "Times New Roman", Times, serif; 
    font-size: 12pt;
	color: #006; 
	font-weight: bold;
}

div#main h3 {font-family: "Times New Roman", Times, serif; 
    font-size: 11pt;
	color: #006; 
	font-weight: bold;
}

div#main td {font-family: "Times New Roman", Times, serif;
font-size: 9pt;
}

div#main td.courseschedule {font-family: "Times New Roman", Times, serif;
font-size: 11pt;
background-color: #CCC;
color: #000;
}

div#main th.courseschedhead {font-family: "Times New Roman", Times, serif;
font-size: 11pt;
font-weight: bold;
text-align: left;
background-color: #CCC;
color: #000;
}

/* this styles the breadcrumbs text */
div#main .breadcrumb {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
color: #5b7abd;}

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

div#main a:visited {
text-decoration: underline;
color: #5b7abd;
}

div#main .highlight {
background-color: #FFFF00;
color: #000000;
font-weight: bold;
font-family: "Times New Roman", Times, serif;
font-size: 12pt;
}

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

/* right highlights and fact section on second level pages and beyond */
div#rightside {background-color: white;
color: black;
font-family: "Times New Roman", Times, serif;
font-size: 10pt;
position: absolute;
left: 4.7in;
top: 1.8in;
width: 2in;
}

div#rightside a:link {
text-decoration: underline;
color: #5b7abd;
}

div#rightside a:visited {
text-decoration: underline;
color: #5b7abd;
}

div#rightside h3 {background-color: white;
color: #f16146;
font-weight: bold;
font-size: 10pt;
font-family: "Times New Roman", Times, serif;
}

div#rightside h4 {background-color: white;
color: #006;
font-weight: bold;
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


div#rightside .rightsidetext {
font-size: 10pt;
font-family: "Times New Roman", Times, serif;

}

div#rightside p {
font-size: 10pt;
font-family: "Times New Roman", Times, serif;
}

div#rightside ul {
font-size: 10pt;
font-family: "Times New Roman", Times, serif;
list-style-position: outside;
}

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

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

/* 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: 152px;
z-index: 1;
height: 56px;
overflow: hidden;
color: #000;
}

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;
}

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

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

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

div#quickbar a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000;
font-weight: normal;
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-size: .6em;
}
/* HOME PAGE ONLY - The current news section of the home page */
div#news {
position: absolute;
top: 260px;
width: 398px;
left: 15px;
z-index: -5;
}

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

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .6em;
}

/* The next several lines preceded by "#topnav" are for the top navigation bar with drop downs used on all pages */
#topnav {
display: none;
}

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

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