/* CSS Document */

body
{
	background-color:#c0c0c0;
	line-height:140%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	top:0px;
}
a
{
	margin:0;
	padding:0;
	color:#008bcb;/*blue*/
	text-decoration:none;
}
p
{

	font-size:12px;
	line-height:140%;
	text-align:left;
	max-width: 600px;

}
ol
{

	font-size:12px;
	line-height:140%;
	text-align:left;
	max-width: 600px;

}
.names
{
	font-size:11px;
	line-height:160%;

}
a:hover
{
	color:#33cc00;/*green*/
}
/*a:visited
{
	color:#005e42;
}*/

/*here we go...*/
/*outercontainer surrounds the entire page*/
/*this style allows us to have a transparent footer at the bottom*/
#outercontainer
{
	position:relative;
	width:990px;/*this makes the elements non-sizable*/
	top:0;
	margin:0 auto;/*I think auto is what makes it center*/
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
/*this goes inside and at the top of outercontainer*/
/*everything but the footer is in here*/
#container
{
	/*width:100%;*/
	width:990px;/*this makes the elements non-sizable*/
	background-color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	/*this border doesn't work in Fox*/
	border-color:#073588;
	border-style:solid;
	border-width:1px;	
}
#bluebar
{
	background-image:url(gif/toptile.gif);
	width:990px;
	height:18px;
}

#header
{
	float:left;
	width:100%;
	height:94px;
	margin:0;
	padding:0;
	background-color:white;/*for FOX*/
}
#headerleft
{
	float:left;
	width:193px;
	height:94px;
	background-repeat:no-repeat;
}
#headerright
{
	float:right;
	padding:78px 30px 0px 0px;	
	margin:0;
	text-align:right;
}
#headerright a
{
	width:100%;
	clear:left;
	margin:0px 7px 0px 7px;
	color:#073588;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;/*make embedded tags align to the right*/
	text-decoration:none;
}
#headerright a:hover
{
	color:#e98001;
}

#topnav
{
	float:left;
	width:9900px;
	height:52px;
	margin:0;
	padding:0;
	color:#5c5c5c;
	background-color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#secondpart
{
	float:left;
	width:9900px;
	margin:0;
	padding:0;
	/*background-color: transparent;*/
	background-color:white;/*for Fox*/
}
/*the main parts of the page*/

/*Matt's sponsor layout info*/

.sponsortable
{
width:700px;
}

.sponsorlogo
{
border-width:0;
}

.sponsorclassbox
{

background-color:#E3F7DF;
vertical-align:middle;
}

#titlesponsor .sponsorlogobox
{
width:325px;
}

#majorsponsor .sponsorlogobox
{
width:225px;
}

#supportingsponsor .sponsorlogobox
{
height:75px;
width:175px;
text-align:center;
vertical-align:middle;
}

.sponsordescrbox
{
vertical-align:top;
}

#majorsponsor .sponsornamebox
{
vertical-align:top;
}

#titlesponsor .sponsornamebox
{
width:250px;
vertical-align:top;
}

#supportingsponsor .sponsornamebox
{
width:200px;
text-align:right;
vertical-align:middle;
}

#titlesponsor .sponsorinfobox
{
vertical-align:top;
}

#majorsponsor .sponsorinfobox
{
width:100px;
vertical-align:top;
}

.sponsorspacer
{
height:30px;
}

/*specific overrides depending on layout*/
#mainbody
{
	float:right;
	width:563px;
	padding:10px 10px 10px 10px;
}
#leftbody
{
	float:left;
	width:300;
	padding:2em 38px 1em 38px;
}
#leftbody P
{
		margin-top: 0px;
		    PADDING-top: -2px;

}
#rightbody
{
	float:right;
	width:422px;
	padding:2em 38px 10px 0px;
}

#mainbody p
{

	font-size:12px;
	line-height:140%;
	text-align:justify;

}
#leftbody p
{

	text-align:left;
		font-size:11px;
	line-height:140%;

}
#footer
{
	float:left;
	width:990px;
	padding:.25em 0 0 0;
	color: white;	
	background-color:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
}
#footer p
{
	margin:0;
	color:white;
	font-size:9px;
}
#footer a
{
	margin:0px 4px 0px 4px;
	padding:0 0 0 0;
	color:white;
	font-size:9px;
	text-decoration:none;
}

/*************************************/
/*the top level of the navigation list*/
#nav 
{
	position:relative; 
	margin:0;
	padding:10px 0 10px 38px;
	list-style-type:none;
}
#nav ul 
{
	padding:0; 
	margin:0; 
	list-style-type:none;/* for Firefox */
}

/*the first level of items in the list*/
/*inside the list item is an anchor element (I believe mainly to support the :hover stuff)*/
#nav li,
#nav li a
{
	float:left;
/*	display:block; */
	position:relative;/*or else be left justified at edge of container*/
}

/*the second declarations are for IE6*/
#nav li.about,
#nav li.about a
{
	background:url(nav/about.gif);
	background-repeat:no-repeat;
	width:114px;
	height:31px;	
}
/*programs is now pipeline*/






/*******************************/

#breadcrumb
{
	margin-top:20px;
	FONT-SIZE:9px; 
	MARGIN-BOTTOM:7px; 
	COLOR: #666;
}


/**** sub classes ****/
#sidenav
{
/*	position:relative;*/
	float:left;
margin-top: 20px;
line-height:100%;

	padding-left: 20px;
		padding-right: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: transparent;
}
#sidenav ul
{
	margin:00px 0px 0px 20px;
	padding:0;
	font-size:11px;
	color:#33cc00;
	font-weight:600;
	text-align:left;
	list-style-type:none;	
}
#sidenav ul a
{
	font-size:11px;
	color:#e98001;
}

#sidenav ul li
{
	margin:0;
	padding-top: 10px;
	font-size:10px;
	font-weight:normal;
	color:#33cc00;
	line-height:2.0em;
}
#sidenav ul li a
{
	font-size:10px;
	color:#073588;	
}
#sidenav ul li a:hover
{
	color:#e98001;	
}
#sidenav ul li ul
{
	position:relative;

	margin:0;
	padding:0;
}

.orangetext
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#e98001;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:600;
}

h1
{
color:#00aeff;
font-size:13px;
}
h2
{
color:#33cc00;
font-size:12px;
}
h3
{
color:#00275d;
font-weight:700;
font-size:12px;
}
#toc
{
font-size:9px;
position: absolute;
top: 250px;
left:44px;

}
#toc p
{
font-size:11px;
margin-top: 4px;
margin-bottom: 4px;
line-height:125%;
padding-left:4px;
padding-right:4px;
}
#toc th
{
font-size:12px;
font-weight:600;
background-color:#00aeff;
border-bottom:thick #33cc00;
color:#ffffff;
}
#toc th a
{
color:#ffffff;
}
#toc th a:hover
{

color:#FF6633;
}