* {
	padding: 0;
	margin: 0;
	}

body {
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: center;
	background: #c5c5c8 url(images/body.gif) left top repeat-x;
	margin: 0 0 10px 0;
	color: #c5c5c8;
    }



/********main divs*********/

div#wrapper {
	
	width: 700px;
	margin: 0 auto;
	text-align: left;
	background: #fff url(images/footer.gif) left bottom no-repeat;
	}
	
* html body #wrapper {
	overflow:hidden;
	}
	
div#header {
	padding: 13px 0 0 0;
	height: 48px;
	position: relative;
	background: #424153;
	}
	
div#bigImage {
	width: 700px;
	height: 127px;
	margin: 5px;
	}

div#content {
	position: relative;
	padding: 0 0 0 20px;
	margin: 0 0 2px 0;
	
	}
	
div#footer {
	height: 45px;
	clear: both;
	}

/*****************************navigation******************************************/

div#navigation {
	height: 33px;
	position: relative;
	}



div#navigation {
	background: #f76c06 url(images/navTop.gif) left top no-repeat;
	}


#navigation ul {
				float: left;
    			margin: 0px;
				width:690px; /* opera 7 navigation wrap solution*/
    			font-family: Verdana, Arial, Helvetica, sans-serif;
    			font-size: 11px;
				line-height: 33px;
				white-space: nowrap;
				padding-left: 4px;
				padding-top:11px;
				
}

#navigation li {
				list-style-type: none;
				display: inline;
				margin: 0;
				
				
}

#navigation li a {
				text-decoration: none;
				padding: 0px 0px 6px 0px;
				margin: 0;
}

#navigation a:link, #navigation a:visited {
				float: left;
				line-height: 9px; /*9px triangle equal across browsers*/
				font-weight: normal;
				margin: 0 7px 4px 10px;
				text-decoration: none;
				color: #ffffff;
				background-color: transparent;
}

#navigation a:link#current, #navigation a:visited#current {
				
				background: url(images/triangleDarkBlue.gif) no-repeat bottom center;
				padding-bottom: 8px;
				color: #3773AE;
}



#navigation a:hover {
				background: url(images/triangleDarkBlue.gif) no-repeat bottom center;
				padding-bottom: 8px;
				color:#3773AE;
}
				
#navigation a:hover#current {
				cursor:default;
}

/*right hand navigation*/

div#content div#sidemenu {
	width: 185px;
	background: #4A4962 url(images/what_do_snails_eat_column_top.gif) left top no-repeat;
	position: relative;
	top: 0;
	right: 5px;
	}
	
/***************************************** main content */

#main p {

color:#424153;
}

#main h2 {
font-size:15px;
color:#424153;

}

.rightImage {

float:right;
margin: 16px 10px 10px 10px;

}



/**********************header*************************/

div#header h2 {
position: absolute;
	top: 22px;
	left: 580px;
	color:#F0F0F0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

div#header span, div#header span#brandnewpr, div#header span#brandnewtr, div#header span#brandnewcog {
	width: 109px;
	height: 14px;
	position: absolute;
	top: 29px;
	left: 570px;
	}
	
/*----- Right column -----*/

div#sidebar {
	width: 185px;
	background: #424153 url(images/what_do_snails_eat_column_top.gif) left top no-repeat;
	float: right;
	position: relative;
	top: 0px;
	right: 5px;
	border-top: 5px solid white;
	}


div#sidebar p#sidebar_columntop {
	padding: 20px 5px 0 11px;
	}

/*****************content ********************/

#content {		
				margin-top:0px;
				background: url(images/columns.gif) left top repeat-y;
				border: 0px solid #96BADD;
				margin-left: 0px;
				margin-right: 0px;
				margin-bottom: 35px;
				padding: 0px 0 0 0;
				
}




	

/*----------------------------------------- CONTENT -----------------------------------------*/

div#heading, div#subheading {
	height: 32px;
	margin: 0 5px;
	position: relative;
	background: #f76c06;
	}



div#subheading {
	background: #BCD431;
	}

div#heading h2 {
	width: 157px;
	height: 14px;
	display: block;
	position: absolute;
	top: 9px;
	left: 18px;
	background: url(images/welcome.gif) left top no-repeat;
	}

div#content p {
	padding: 0 220px 15px 0;
	}

div#content p.toppadding_home {
	padding-top:5px;
	}
	



/*----- SIDEDIV -----*/

div#sidediv {
	width: 185px;
	height: 148px;
	background: #4A4962 url(images/sidediv.gif) left top no-repeat;
	float: right;
	position: absolute;
	top: 0;
	right: 5px;
	}

div#sidediv .indent a {
  	width: 93px;
	height: 20px;
	padding: 0;
	margin: -20px 0px 0px 0px;
	display: block;
	}

div#sidediv .indent a:hover {
  	width: 93px;
	height: 20px;
	padding: 0;
	margin: -20px 0px 0px 0px;
	display: block;
	}



div#sidediv h3 {
	width: 93px;
	height: 20px;
	display: block;
	position: absolute;
	top: 16px;
	left: 11px;
	background: url(images/h3_cognition.gif) left top no-repeat;
	}

/*****************************footer******************************/

ul#footernav {
	list-style: none;
	font-size: 11px;
	padding: 16px 0 0 20px;
	}

ul#footernav li {
	float: left;
	}

ul#footernav li a, ul#footernav li a:visited {
	color: #33324E;
	text-decoration: none;
	padding: 0 16px 0 0;
	background: url(images/line.gif) right top no-repeat;
	}

ul#footernav li a:hover {
	text-decoration: underline;
	}

ul#footernav li.nobg a {
	background: none;
	}



div#heading h1 {
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 32px;
	padding: 0 0 0 17px;
	}


	
	

/****************content**********************/

div#content h1, div#content h3 {
	font-size: 12px;
	font-weight: bold;
	padding: 18px 0 0 0;
	}

div#content ul {
	padding: 0 0 9px 17px;
	}

div#content ul li {
	padding: 0 0 15px 0;
	}




/******************************other****************************/




	#header h1 {
	color:#F0F0F0;
	position:relative;
	top:7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-left: 13px;
	}


	
	 ul#nav {

float: left;
margin: 0px;
width:649px; /* opera 7 navigation wrap solution*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 24px;
white-space: nowrap;
padding-left: 11px;

}
#nav a:link, #navigation a:visited {

				float: left;
line-height: 9px; /*9px triangle equal across browsers*/
font-weight: normal;
margin: 0 7px 4px 10px;
text-decoration: none;
color: #666666;
background-color: transparent;

}

#nav a:link#current, #navigation a:visited#current {
background: url(images/triangleDarkBlue.gif) no-repeat bottom center;
padding-bottom: 8px;
color: #000000;

}



