/* CSS Document */

/*Graphics, Design, Layout and CSS by Monica Koemans. Copyright Spectral Fusion, 2005. All rights reserved. Any past, present, or future products of Spectral Fusion are protected by United States copyright laws and may not be modified in any way without prior written consent of the designer or party responsible for its creation. This includes removing or modifying our registered logo or name, copyright notice, or any other piece of work belonging to Spectral Fusion. You may not reproduce this page without the designer's written permission.*/

body{
	background-color:#425872;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.9em;
	position: relative;
	z-index: auto;
	}
	
a {
	color: #445A75;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;}


/****************************************************TEXT STYLES*************************************************/

h1{
	border:1px solid #000;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	width: auto;
	letter-spacing: 1.4em;
	left: 15px;
	background-color: #9C6500;
	color: #FFFFFF;
	}

div#textbox h2{
	font-size:13px;
	font-weight:bolder;
	color:#FFFFFF;
	letter-spacing:0.5em;
	width:204px;
	text-align:center;
	padding-top: 15px;
	}

.textintextbox {
	font-size: 11px;
	padding-top: 18px;
	line-height: 1.4em;
	color: #000000;
}

/****************************************************LAYOUT STYLES*************************************************/

/*container centers the page*/

div#container{ width:760px;
	margin:0 auto 0 auto;
	padding:0;
	position:relative;
	background-repeat:repeat-y;}

/*this is the list of links*/


ul#links li{
	display:inline;
	float:left;
	margin:0 35px 0 3px;
}
ul#links span{display: none;}



/*content holds the text and images*/
div#content{
	width:680px;
	margin:0 auto 0 auto;
	margin-left: 15px;
	margin-top: 0px;
	float: left;
	padding-top: 0px;
}
	
/*textbox is the "what's new?" section within the content*/
div#textbox{height:250px;
	width:224px;
	background-image:url(../images/background/bgshadowBsnG.gif);
	background-repeat:no-repeat;
	float:right;}	
div#textbox p{padding:10px;}
	
/*footer is the information at the bottom of the page*/
div#footer{
	height:88px;
	width:728px;
	display:block;
	margin:0;
	padding:0 0 0 px;
	background-image:url(../images/default_r4_c1.gif);
	background-repeat: no-repeat;
	font-size:0.8em;
	color:#c6c2b6;
	position:;
	bottom: auto;
	left: 84px;
}

div#footer p{text-align:right;
	font-style:italic;
	float:left;
	margin:15px 50px 0 0;
	width:380px;
	display:block;
	line-height:.9em;}

/*footerleft is the um links*/
ul#footerleft{margin:15px 0 0 0;
	padding:0;
	float:left;
	width:300px;
	display:block;}
ul#footerleft li{list-style-type:none;
	margin:-5px 0 0 0;
	padding:0;}	
ul#footerleft li#um{margin:0 0 0 0;}	
	
ul#footerleft li a{font-weight:bold;
	text-decoration:none;
	color:#c6c2b6;}

/*copyright information*/

div#sfd{margin:0 auto 0 auto;
	width:760px;
	display:block;
	text-align:center;}
	
p#sfd{font-size: .7em;
	color:#333333;
	width:760px;
	text-align:center;}

h1#print{display:none;}

.umlinks {
	line-height: 1.4em; }
	
.copyright {	
	color: #c6c2b6;
	}

div#basinlink {
	position: absolute;
	left: 52px;
	top: 215px;
	}

div#homelink {
	position: absolute;
	left: 576px;
	top: 215px;
	background-image: url(CCHO%20Home);
	}

div#linkslink {
	position: absolute;
	left: 459px;
	top: 215px;
}

div#sciencelink {
	position: absolute;
	left: 146px;
	top: 215px;
}

div#teamlink {
	position: absolute;
	left: 281px;
	top: 215px;
}

	
div#mainContainer {
	background-image: url(../images/background/bgRepeatgray.gif);
	background-repeat: repeat-y;
	background-position: center;
	float: right;
	width: 728px;
	z-index: auto;
}

