/*################################################
################################################## 
### HardCover CSS Document - 1st Draft, 11/1/06 ##
##################################################
################################################*/


/* TESTING ---------------------------------------------------------------------*/
/* Need to figure out how to do a constant refresh based on mouse coordinates---*/
#Layer1 {
	background-color:#66FF00;
	border:#003300 solid 1px;
	position:relative;
	left:259px;
	top:132px;
	width:183px;
	height:1px;
	z-index:100;
	visibility:hidden;
}







/* global layout items ----------------------------------------------------------
-------------------------------------------------------------------------------*/
body {
	margin-top: 0px;
	background-image: url(../images/bg_main.gif);
}

#wrapper {
	width:800px;
	margin:0px auto;
	background-color:#FFFFFF;
/*	border:#FFFFFF thick solid;
*/}

#topleft {
	width:355px;
	height:101px;
/*	background-color:#00FFFF;
*/	display:block;
	float:left;
}

#topright {
	width:445px;
	height:101px;
	background-color:#FFFFFF;
	display:block;
	float:left;
}

#nav {
/*  not as ul */
	width:445px;
	height:44px;
	padding-top:57px;
/*	background-color:#FF0000;	
*/}

#midleft {
	width:355px;
	height:300px;
	padding:45px 0 25px 0;
/*	background-color:#0000FF;
*/	display:block;
	clear:left;
	float:left;
}

#midright {
	width:405px;
	height:300px;
	padding:45px 20px 25px 20px;
	background-color:#ECEEF0;
	display:block;
	float:left;
}

#footer {
	width:800px;
	height:79px;
/*	background-color:#00FF00;
*/	display:block;
}

/* Text styles ---------------------------------------------------------------------*/
.headermain {
	font-family:Arial, Geneva, Helvetica, sans-serif;
/*	font-family:Georgia, "Times New Roman", Times, serif;
*/	font-size:16px;
	font-weight:bold;
	color:#2B70AE;
}

.copymain {
	font-family:Arial, Geneva, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

.copymain a:link {
	font-family:Arial, Geneva, Helvetica, sans-serif;
	font-size:11px;
	color:#CC0000;
	text-decoration:none;
}

.copymain a:hover {
	font-family:Arial, Geneva, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9797;
	background-color:#FFFFCC;
	text-decoration:none;
/*	border-bottom:#FFFF99 solid 1px;
	border-top:#FFCC00 solid 1px;
*/}

.copymain a:visited {
	font-family:Arial, Geneva, Helvetica, sans-serif;
	font-size:11px;
	color:#CC0000;
	text-decoration:none;
}

.tagline {
	font-family:Arial, Geneva, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#2B70AE;
}

/* SECTION STYLES -------------------------------------------------*/
/*/////
// Home
/////*/
#midlefthom {
	width:355px;
	height:365px;
	padding:0px;
	background-color:#FFFFFF;
	display:block;
	clear:left;
	float:left;
}

#midrighthom {
	width:405px;
	height:310px;
	padding:45px 20px 10px 20px;
	background-color:#ECEEF0;
	display:block;
	float:left;
}

/*/////
// Benefits
/////*/
#midleftben {
	width:355px;
	height:700px;
	padding:0px;
	background-color:#FFFFFF;
	display:block;
	clear:left;
	float:left;
}

#midrightben {
	width:425px;
	height:645px;
	padding:45px 0px 10px 20px;
	background-color:#ECEEF0;
	display:block;
	float:left;
/*	overflow:auto;
*/}

#bulletbg01 {
	width:387px;
	padding:4px;
	margin:1px;
/*	background-color:#DDDDDD;
*/}

#bulletbg02 {
	width:387px;
	padding:4px;
	margin:1px;
/*	background-color:#FFFFFF;
*/}

/*/////
// Gallery
/////*/
#midleftgal {
	width:355px;
	height:375px;
	padding:10px 0 10px 0;
	background-color:#FFFFFF;
	display:block;
	clear:left;
	float:left;
}

#midrightgal {
	width:405px;
	height:340px;
	padding:45px 20px 10px 20px;
	background-color:#ECEEF0;
	display:block;
	float:left;
}

#galthumb {
	height: 72px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
/*	background-color:#F44FCC;
*/}

#galthumb a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

#galthumb a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	background-color:#FFCC00;
	text-decoration:underline;
/*	border-bottom:#3366FF solid 1px;
	border-top:#3366FF solid 1px;
*/}

#galthumb a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-decoration:none;
}

/*/////
// News
/////*/
#midleftnew {
	width:355px;
	height:365px;
	background-color:#FFFFFF;
	display:block;
	clear:left;
	float:left;
}

#midrightnew {
	width:405px;
	height:310px;
	padding:45px 20px 10px 20px;
	background-color:#ECEEF0;
	display:block;
	float:left;
}

/*/////
// About
/////*/
#midleftabo {
	width:355px;
	height:295px;
	padding:45px 0 25px 0;
	background-color:#FFFFFF;
	display:block;
	clear:left;
	float:left;
}

#midrightabo {
	width:405px;
	height:310px;
	padding:45px 20px 10px 20px;
	background-color:#ECEEF0;
	display:block;
	float:left;
}

/*/////
// Contact
/////*/
#midleftcon {
	width:355px;
	height:365px;
	padding:0px;
	background-color:#FFFFFF;
	display:block;
	clear:left;
	float:left;
}

#midrightcon {
	width:405px;
	height:310px;
	padding:45px 20px 10px 20px;
	background-color:#ECEEF0;
	display:block;
	float:left;
}