body {
	background-color:#FFFFFF;/**#004080;**/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	.wholebody {
	height: 1200px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	
	position: relative;
	top: 0px;
}

	.wholebody, .leftbody, #links, #vmarquee {
	background-color:#800000;
	
	}
	
	a:link {
	text-decoration: none;
	}
	a:visited {
	text-decoration: none;
	}
	a:hover {
	text-decoration: none;
	}
	a:active {
	text-decoration: none;
	}
	cite {
	font-size: 16px;
	color: #004080;
	background-color:#C3D9FF;
	font-style: normal;
	text-decoration: none;
	margin: 0px 3px 0px 10px;
	font-weight: bold;
	clear: both;
	padding-top: 1px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 8px;
	}
	
	h1 {
	height:32px;
	font-size: 20px;
	color:#FFFFFF;
	text-align: center;
	padding: 5px 0px 5px 0px;
	background-image: url(images/h1.jpg);
	background-repeat:repeat-x;
	background-position: 0% 0%;
	margin:0px;
	}
	h1 a{
	clear:both
	}
	
	h1 a:link, h1 a:visited {
	font-size:16px;
	color:#FFFFFF;
	background-color:#004080;
	line-height:22px;
	padding: 3px 7px 3px 7px;
	border: solid 2px #C3D9FF;
	font-weight: bold;
	}
	
	h1 a:hover {
	font-size:16px;
	color:#004080;
	background-color:#FFFFFF;
	line-height:22px;
	padding: 3px 7px 3px 7px;
	border: solid 2px #004080;
	font-weight: bold;
	}
	
	/** h2 is the red box **/
	h2, h3, h4, h5, h6, #h7 {
	height:28px;
	font-size: 16px;
	color:#FFFFFF;
	text-align: center;
	padding: 5px 0px 5px 0px;
	background-repeat:repeat-x;
	background-position: 0% 0%;
	margin:0px;
	}
	
	h2
	{
	background-image: url(images/h2.jpg);
	}
	
	h3 {
	background-image: url(images/h3.jpg);
	}
	
	
	h4 {
	background-image: url(images/h4.jpg);
	}
	
	h5 {
	background-image: url(images/h5.jpg);
	}
	
	h6 {
	background-image: url(images/h6.jpg);
	}
	
	#h7 {
	background-image: url(images/h7.jpg);
	}
	
	
	/***** these next rules are for the borders around the left and right of the frame *****/
	
	#left { /*** this is in the wholebody ****/
	position:absolute;
	background-image:url(images/left.jpg);
	height: 1200px;
	width: 30px;
	top:0px;
	left:-20px;
	background-repeat: repeat-y;	
	}
	
	
	#right { /*** this is in the wholebody ****/
	position:absolute;
	background-image:url(images/right.jpg);
	height: 1200px;
	width: 20px;
	top:0px;
	left:660px;
	background-repeat: repeat-y;
		}
	
	#adwords {
	background-color:#004080;
	top:310px;
	right:0px;
	width:160px;
	height:770px;
	position:absolute;
	z-index: 10;
		
	}
	

	#adshawr {
	background-image:url(images/right.jpg);
	background-repeat:repeat-y;
	top:10px;
	height:580px;
	width:20px;
	left:160px;
	position:absolute;
	z-index: 10;
	}
	
	#adshawl {
	background-image:url(images/adleft.jpg);
	background-repeat:repeat-y;
	top:10px;
	height:580px;
	width:20px;
	left:-20px;
	position:absolute;
	z-index: 10;
	
	}
	
	/* left hand side links i.e site map and paypal ********************************/
	#links {
	height:1200px;
	left:700px;
	width:160px;
	position:absolute;
	text-align: center;	
	}
	/**
	#links, #rlin, #llin {
	height:auto; }
	**/
	

	#rlin {
	background-image:url(images/right.jpg);
	background-repeat:repeat-y;
	top:0px;
	width:20px;
	left:160px;
	position:absolute;
	
	}
	
	#llin {
	background-image:url(images/leftad.jpg);
	background-repeat:repeat-y;
	top:0px;
	width:20px;
	left:-20px;
	position:absolute;
	
	}
	/** this is the small boxes on the right hand side **/
	#linksnav {
	position:relative;
	width:160px;
	display: block;
	background-color:#FFFFFF;
	font-size:12px;
	float: left;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
	
	/** textlink is the link box in the small area **/
	#textlink {
	position:relative;
	width:190px;
	display: block;
	background-color:#FFFFFF;
	font-size:12px;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	}
	
	
	
	#linksnav a:link, #textlink a:link, #linksnav a:visited, #textlink a:visited, #button a:link, #button a:visited{
	color:#FFFFFF;
	background-color:#004080;
	line-height:22px;
	padding: 0px 7px 0px 7px;
	border: solid 2px #C3D9FF;
	font-weight: bold;
	margin:2px 0px 2px 0px;
	display: block;
	}
	

	#linksnav a:hover, #textlink a:hover, #button a:hover {
	color:#004080;
	background-color:#FFFFFF;
	line-height:22px;
	padding: 0px 7px 0px 7px;
	border: solid 2px #C3D9FF;
	font-weight: bold;
	display: block;
	}
	
	#linksnav img {
	padding: 5px;
	border: solid 2px #FFFFFF;
	clear: both;
	position: relative;
	
	}
	
	#button {
	position:relative;
	margin-right:10px;
	width:160px;
	font-size:12px;
	clear:none;
	float:right;
	}
	
/* this is where the paypal information is ****/
	
	#statement {
	width:150px;
	border: solid 2px #009933;
	display:block;
	background:#999933;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	margin: 5px 0 0 0 ;
	}
	
	#logo {
	position:absolute;
	top:0px;
	left:32px;
	width:590px;
	height:150px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;	
	
	}
	#navbar {
	position:absolute;
	top:150px;
	left:32px;
	width:590px;
	padding: 5px 0px 5px 0px;
	height:30px;
	background-color:#FFFFFF;
	color:#C3D9FF;
	text-align: center;
	display: inline;
	font-size:14px;
	}

	#navbar a:link, #navbar a:visited {
	color:#FFFFFF;
	background-color:#004080;
	line-height:30px;
	padding: 3px 7px 3px 7px;
	border: solid 2px #C3D9FF;
	font-weight: bold;
	}



.leftbody {
	height: 1200px;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	position:absolute;
	top: 0px;
	left:10px
}

/** text area start
********************************************************/

.textbox {
	position: absolute;
	line-height:20px;
	width: 640px;
	height:980px;
	left: 12px;
	top: 200px;
	overflow: scroll;
	background:#800000;
}

.textbox p {
	margin: 0px 5px 0px 5px;

}

.textbox img {
	float:left;
	padding: 5px;
	margin: 7px;
	border:solid 3px #004080;
	overflow: hidden;
	display: inline;
}


	#textarea {
	left:3px;
	position:relative;
	width:610px;
	border: solid 1px #CCCCCC;
	background:#FFFFFF;
	clear: both;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	}
	
	


/** this is for the slide slow on index page, the items floats left **/

	.slideshow {
	width:310px;
	height:235px;
	margin: 0px 10px 0px 10px;
	float:left;
	position:relative;
	}
	
	.slideshow img {
	border:none
	
	}
	
	/** this is for the small slide show which is in the #links div on the right hand side **/
	
	#smallslideshow {
	position:relative;
	float:right;
	margin: 2px 0px 2px 2px;
	float:right;
	border:none;
	visibility: visible;
	}
	
	#smallslideshow img {
	border:none;
	padding:0px;
	margin:0px;
		}

/* Text area finish **********************************/


	dt {
	width:115px;
	margin:2px 5px 2px 5px;
	display:inline;
	}
	
	#sitemap a:link, #sitemap a:visited {
	color:#FFFFFF;
	background-color: #004080;
	line-height:30px;
	padding: 2px 7px 2px 7px;
	border: solid 2px #C3D9FF;
	font: 14px bold;
	margin:2px 0px 2px 0px;
	display: block;
	height:60px;
	overflow: hidden;	
	}
	
	#sitemap a:hover  {
	color:#004080;
	background-color:#FFFFFF;
	line-height:30px;
	padding: 2px 7px 2px 7px;
	border: solid 2px #C3D9FF;
	font: 14px bold;
	display: block;
	height:60px;
	overflow: hidden;	
	}
	
	


/*set CSS for SPAN tag surrounding each image this is for the seq slide show*/
.seqslidestyle{
margin-right: 15px;
}

/* this is for the text moving */
#marqueecontainer{
position: relative;
float:right;
width: 200px; 
height: 200px; 
background-color: white;
overflow: hidden;
border: 3px solid #C3D9FF;
padding: 2px;
padding-left: 4px;
}



#vmarquee {
position: absolute; 
width: 98%;}


#vmarquee img {
	position:relative;
	left:40px;
	border:#FFFFFF;

}

#vmarquee p {
clear:both;
padding:0px 5px 10px 5px;
text-align:center;
color:#FFFFFF;
font-size:12px;
}


#vmarquee a:link, #vmarquee a:visited {
	text-decoration: none;
	color:#FFFFFF;
}

#vmarquee a:hover, #vmarquee a:active {
text-decoration: underline;
color:#FFFFFF;
}


#pictureoftheweek {

	position:relative;
	left:110px;
	width:350px;
	}

#clear {
clear:both;
}