﻿body { font-family: arial, verdana, sans-serif; padding: 0px; margin: 0px; text-align: center; }


.strip1 {
	width: 100%;
	height: 100px;
	top: 50px;
	left: 0px;
	position: absolute;
	background: #6000b0;
	background-image: url('../images/Banner1.jpg');
}
.strip2 { width: 100%; height: 40px; top: 150px; left: 0px; position: absolute; background: #000090; }
.strip3 {
	width: 100%;
	height: 125px;
	top: 550px;
	left: 0px;
	position: absolute;
	background: #6000b0;
	background-image: url('../images/Bannerbottom1.jpg');
}

.website {
	width: 800px;

	height: 600px;

	
top: 50px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;
	
margin-bottom: auto;
	padding: 0px;
	
position: relative;

	border: none;
	text-align: left;
}

.titlel { color: #FFFFFF; font-size: 48px; 
top: 10px; left: 10px; 
position: absolute;
 font-weight: bold;}
.titles { color: #FFFFFF; font-size: 22px; 
top: 60px; left: 10px; 
position: absolute; }

/* General links in text */
a { color: #669999; text-decoration: none; }
a:link { color: #669999; text-decoration: none; }
a:visited { color: #669999; text-decoration: none; }
a:focus { color: #669999; text-decoration: none; }
a:hover { color: #99CCCC; text-decoration: none; }
a:active { color: #669999; text-decoration: none; }

/* Menu Buttons - links*/
a.but { width: 142px; height: 14px; background: #FFFFFF; color: #669999; padding: 3px; font-size: 12px; }
a.but:link { width: 142px; height: 14px; background: #FFFFFF; color: #669999; padding: 3px; font-size: 12px; }
a.but:visited { width: 142px; height: 14px; background: #FFFFFF; color: #669999; padding: 3px; font-size: 12px; }
a.but:focus { width: 142px; height: 14px; background: #FFFFFF; color: #669999; padding: 3px; font-size: 12px; }
a.but:hover { width: 142px; height: 14px; background: #FFFFFF; color: #99CCCC; padding: 3px; font-size: 12px; }
a.but:active { width: 142px; height: 14px; background: #FFFFFF; color: #669999; padding: 3px; font-size: 12px; }

/* Menu Buttons - current */
.current {
	width: 142px;
	height: 14px;
	background: #6600CC;
	color: #FFFFFF;
	padding: 2px;
	padding-left: 3px;
	font-size: 12px;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
}

#menu1 { top: 110px; left: 10px; position: absolute; }
#menu2 { top: 110px; left: 168px; position: absolute; }
#menu3 { top: 110px; left: 326px; position: absolute; }
#menu4 { top: 110px; left: 484px; position: absolute; }
#menu5 { top: 110px; left: 642px; position: absolute; }

.image { width: 306px; height: 340px; top: 150px; left: 484px; position: absolute; }

.text { width: 464px; height: 340px; top: 150px; left: 10px; position: absolute; font-size: 12px; color: #669999; line-height: 13.5px; }

.credit { width: 464px; height: 10px; top: 480px; left: 375px; position: absolute; font-size: 10px; color: #669999;}

.small { width: 148px; height: 105px; position: absolute; background: #FFFFFF; }

#small1 { top: 510px; left: 10px; }
#small2 { top: 510px; left: 168px; }
#small3 { top: 510px; left: 326px; }
#small4 { top: 510px; left: 484px; }
#small5 { top: 510px; left: 642px; }
