body	{
	margin: 0;
	padding: 0;
	background-color:#000000;/*of body behind wrapper*/
	width:100%;
	background-image: url(images/gerardwebb.gif); 
	background-repeat: no-repeat;
	font: small Arial, Helvetica, Verdana, sans-serif;
	}

	
#wrapper{
	background-color:#000000;
	margin-left:247px;	/*margin:auto;*/
	margin-top:-703px;
	padding: 10px 0px 0px 0px;
	width: 784px; /* 750px max so it would look good in 800x600*/
	
	}


#mainleft { 
	position:absolute;
	width:350px; 
	background-color:#000000;
	margin-left:40px;
	margin-right:0px;
	margin-top:20px;
	
	
	} 

#mainleft h2{
	color: #00FFFF;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 110%;
	}
	
#mainleft h3{
	color: #COCOCO;
	font-size: 105%;
	
	}
	
#mainleft p{
	color: #ffffff;
	font-size: 100%;
	
	}
	

#mainright {
	position:absolute;
	width:275px;
	background-color:#000000;
	margin-right:40px;
	margin-top:20px;
	margin-left:469px;
	
	
	} 
	
#mainright h2{
	color: #00FFFF;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 110%;
	}
	
#mainright h3{
	color: #COCOCO;
	font-size: 105%;
		
	}
	
#mainright p{
	color: #ffffff;
	font-size: 100%;
	}
	
#mainright p a:link, #mainright p a:visited {
	text-decoration: none;
	color: #33ccff;/*color of link text*/
	font-weight: normal;
	}
	
#content{	/* positions content and leaves room for sidebar*/
	
	margin-left:247px;
	padding-top:10px;
	background-color:black;
	color:white;
	width: 784px;
	}
	
#content h2{
	color: #00FFFF;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 110%;
	}

	
#content h3{
	color: #C0C0C0;
	font-size: 95%;
	
	}




#content img {

margin: 5px 5px 5px 5px;


	color:black;
	display: inline;
	}

#content li	{
	
	margin:;
	list-style:;
	margin: 0px;
	padding: 0px;
	color:#ffffff;
	
	}




/*style rest of main content*/


	
#content .inner ul.features{
	margin:0;
	padding:0;
	list-style: none;

	}
	
#content .inner h3{
	font-size:130%;
	}
	

	
#content .inner p{
	color: #000000;
	font-size: 90%;



}


#content p.more{
margin-top:0;
text-align:right;

}



#content .inner a:link,#content .inner a:visited/*makes visited links visible*/
			
			{
		
			color: blue;
}

#latestnews { 
	
	width:704px; 
	background-color:black;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:40px;
	margin-right:40px;

	} 

#latestnews h2{
	color: #00FFFF;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 110%;
	}
	
#latestnews h3{
	color: #C0C0C0;
	font-size: 105%;
	
	}
	
#latestnews p{
	color: #ffffff;
	font-size: 100%;
	
	}

#latestnews ul{
	color: #ffffff;
	font-size: 100%;
	
	}
#latestnews table{
	color: #ffffff;
	font-size: 100%;
	
	}


	
#footer{
	position:relative;
	width:1280px;
	color: #ffffff;
	margin-top:10px;
	margin-left:10px;
	clear:both;/*set below right and left columns*/
	background-color:#000000;
	}
	
	
#footer p{
	position:relative;
	font-size: 110%;
	color: #ffffff;
	margin: 0;
	padding: 0.2em 0 0.2em 0;
	}

	

	
#footer a:link, #footer a:visited {

			
			color: #808080;
			text-decoration: none;
			font-weight: normal;
			
	}
	
#monoSlideshow{
		
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	border-left: 2px solid white;
	border-right: 2px solid white;
	width:700px;
	margin-left:40px;
	margin-right:40px;
	}
	
#contact { 
	position:absolute; 
	width:550px; 
	background-color:#000000;
	margin-left:40px;
	margin-top:0px;
	margin-bottom:20px;
	margin-right:40px;
	
	} 
	
#cv{
list-style: none;
}

#photocontent{

margin-left:25px;
}
#photocontent h2{
color: #00FFFF;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 110%;
margin:0px;
}

	
#photocontent h3{
	color: #C0C0C0;
	font-size: 80%;
padding-left:3px;

	#photocontent p	{
	
		text-align:right;
		font-size: 110%;
		
	}