@charset "UTF-8";
/* CSS Document */

/*
COLOR PALETTE
#333 - Main Font 
#005595 -darker blue
#63b2f1- lighter blue
*/

/*
TABLE OF CONTENTS
CLEAR STYLES - Clear all styles
MAIN - Basic layout framework, tags, links, alerts and errors,
HEADER and BANNER - Logo, Search, Flash Banner, etc.
NAVIGATION  Main menu
CONTENT - Home page content layout
FOOTER - Copyright
MISC - Clear

*/

/************************CLEAR STYLES************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
	}
:focus {
	outline: 0;
	}

/*********************Main styles*******************/
strong{
	font-weight:bold;
	}
em{
	font-style:italic;
}
body{
	background: url(/graphics/bg.jpg) repeat-x #131315;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.2em;
	}
#wrapper{
	width:960px;
	background: url(/graphics/topbg.jpg) no-repeat;
	margin:0 auto;
	}
/************************HEADER and BANNER**********************/
#header{
	position:relative;
	width:960px;
	height:128px;
	}
#diagridlogo{
	position:absolute;
	background:url(/graphics/diagridlogo.jpg) no-repeat top left;
	top:0px;
	left:0px;
	height:80px;
	width:310px;
	text-indent:-9999em;
	}
#search{
	position:absolute;
	right:3px;
	top:14px;
	width:350px;
	text-align:right;
	}
#searchbutton{
	background: url(/graphics/searchbutton.jpg) no-repeat;
	width:98px;
	height:21px;
	border:none;
	}
#banner{
	height:282px;
	width:960px;
	position:relative;
	padding:0;
	margin:0;
	}
#partners ul li{
	color:#fff;
	padding:0px 0px 0px 15px;
	background:url(/graphics/arrow.gif) no-repeat left 6px;

	}
#partners ul{
	position:absolute;
	top:17px;
	left:0px;
	width:360px;
	padding:40px 35px 0px 75px;
	list-style:none;
	font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Arial, Helvetica,Tahoma,sans-serif;
	font-size:.85em;
	background:url(/graphics/institutions.jpg) no-repeat;
	}
#partners a{
	color:#fff;
	text-decoration:none;
}
#partners a:hover{
	text-decoration:underline;
}
#flashmap{
	position:absolute;
	right:0px;
	bottom:0px;	
	}
/************************NAVIGATION**********************/
#nav{
	position:absolute;
	background:url(/graphics/navbar.jpg) no-repeat top left;
	width:585px;
	height:43px;
	top:77px;
	right:3px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:9999;
	}
#nav ul{
	list-style:none;
	display:inline;
	float:left;
	padding:9px 0px 10px 10px;
/*	margin-top:-7px;*/
	}
#nav ul li{
	display:inline;
	padding:8px 10px;
	border-right: solid 1px #ccc;
	font-family:inherit;
	font-size:.9em;
	}
#nav ul ul li{
	display:inline;
	padding:0px 0px;
	font-family:inherit;
	font-size:.9em;
	border-right: none;
	margin:0px;
	}

#nav ul #last{
	border-right:none;
	}
#nav ul a{
	color:#333;
	text-decoration:none;
	}	
#nav ul a:hover{
	color:#333;
	color:#125bd5;
	}

/**************************CONTENT********************************/
#contenttops{
	height:16px;
	width:960px;
	background:url(/graphics/boxtops.jpg) top left no-repeat;
	}
#contentbottom{
	height:86px;
	width:960px;
	background:url(/graphics/contentbottom.jpg) top left no-repeat;
	}
#content{
	margin-top:0px!important;
	margin-top:-2px;
	width:960px;
	background:url(/graphics/indexfauxcol.jpg) top left repeat-y;
	}
#content p a{
	text-decoration:none;
	color:#63b2f1;
	}
#content h3 a{
	text-decoration:none;
	color:#fff;
	}
#content h3 a:hover{
	color:#63b2f1;
	}
#content p{
	padding: 10px 30px 5px 30px;
	color:#fff;
	font-size:.8em;
	font-weight:normal;
	font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Arial, Helvetica,Tahoma,sans-serif;
	}
#content ul{
	padding: 10px 30px 5px 40px;
	color:#fff;
	font-size:.8em;
	font-weight:normal;
	font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Arial, Helvetica,Tahoma,sans-serif;
	list-style:none;
	}
#content ul li{
	padding:10px 5px 0px 25px;	
	}
#content ul li a{
	color:#fff;
	text-decoration:none;
	}
#content ul li a:hover{
	color:#63b2f1;
	}
#content #userinfo{
	background: url(/graphics/guideicon.gif) no-repeat left 10px;
	}
#content #admininfo{
	background: url(/graphics/toolsicon.gif) no-repeat left 10px;
	}
#content #condormanual{
	background: url(/graphics/condormanualicon.gif) no-repeat left 10px;
	}
#content #materials{
	background: url(/graphics/lectureicon.gif) no-repeat left 9px;
	}
#content #monitoring{
	background: url(/graphics/monitoringicon.gif) no-repeat left 14px;
	}
#content h2{
	padding: 10px 30px 5px 62px;
	color:#fff;
	font-size:1.1em;
	font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Arial, Helvetica,Tahoma,sans-serif;
	}
#col1, #col2{
	background: url(/graphics/col1topbg.jpg) top no-repeat;
	width:360px;
	float:left;
	}
#col3{
	background: url(/graphics/col3topbg.jpg) top no-repeat;
	width:240px;
	float:left;
	}
#col3 h2{
	background:url(/graphics/quicklinkicon.jpg) no-repeat 25px 0px;
	}
/*#col3 img{
	margin-left:30px;
	}*/
#col2 #promo{
	background:url(/graphics/newsicon.jpg) no-repeat 25px 0px;
	}
#col2 #outages{
	background:url(/graphics/outages.jpg) no-repeat 25px 0px;
	}
#col1 h2{
	background:url(/graphics/abouticon.jpg) no-repeat 25px 0px ;
	}
#col2 h3{
	padding: 10px 30px 5px 55px;
	color:#fff;
	font-size:.9em;
	font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Arial, Helvetica,Tahoma,sans-serif;
	background:url(/graphics/newsstoryicon.gif) no-repeat 30px 10px;
	}
#col2 p{
	padding: 10px 30px 15px 55px;
	}

/***********************FOOTER***********************************/
#footertop{
	margin-top:20px;
	background: url(/graphics/footertop.jpg) no-repeat top left;
	width:960px;
	height:13px;
	}
#footerbottom{
	background: url(/graphics/footerbottom.jpg) no-repeat top left;
	width:960px;
	height:35px;
	margin-bottom:30px;
	}
#footercontent{
	background: url(/graphics/footerbg.jpg) repeat-y;
	width:960px;
	color:#eee;
	font-size:.7em;
	font-weight:normal;
	font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Arial, Helvetica,Tahoma,sans-serif;
	}
#footercontent p{
	padding:10px 30px;
	}
#copyright{
	float:left;
	}
#contact{
	float:right;
	}
#logos{
	clear:both;
	padding:10px 30px;
	}
#purduelogo{
	margin-left:-10px;
	}
/*****************MISC******************************/
.clear{
	clear: both;
	}