/* CSS Document */

*, html {margin:0px; padding:0px;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background: url(images/pagebackground.png) top left repeat-x;
	padding:0px;
	margin:0;
	}
	
/*img { behavior: url(css/iepngfix.htc);}*/

a { color:#58d2ff;}
a:hover { text-decoration:none;}
#header p.slogan {
	font-family:Arial;
	color:#fff;
}	

#container {
	margin:0px auto;
	width:797px;
	}


#contact {
	margin-left:20px;
}

#contact label {
	color:#fff;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.error {
	display:block;
	color:#fff;
	margin-left:20px;
	padding-top:10px;
	}

/*------- Header ----------*/


#header {
	width:797px;
	height:261px;
	/*background: behavior: url(images/headerback.png) top left no-repeat;*/
	}


.headerpng{
/* Mozilla ignores crazy MS image filters, so it will skip the following */
//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/headerback.png') ;

}

/* IE ignores styles with [attributes], so it will skip the following. */
.headerpng[class]{
background: url(images/headerback.png)top left no-repeat;
}

#header p {
	font-family:"Trajan Pro", "Times New Roman", Times, Verdana, Arial, serif;
	font-size:1.5em;
	color:#2488b0;
	float:right;
	margin:95px 35px 0px 10px;
	
}


#topnav {
	float:right;
	*float:none;
	margin-top:105px;
	*margin-top:225px;
	margin-left:30px;
	*margin-left:238px;
	margin-right:28px;
}

#topnav li {
	list-style-type:none;
	float:left;
	color:#fff;
	padding-left:30px;
	font-weight:bold;
	
}

#topnav li a {
	text-decoration:none;
	color:#fff;
	position:relative; /*this is used to allow the links to be clickable in IE7 because the //filter used above breaks them if this is not in place*/
}

#topnav li a:hover {
	border-top:2px solid #b6c06d;
	border-bottom:2px solid #b6c06d;

}

/*----------- Left Column ----------------*/
	
#leftcol {
	width:256px;
	background:url(images/left_column_back.png) top left repeat-y;
	float:left;
	
	}

#leftcol .pic {
	width:auto;
	margin:11px 21px 11px 37px;
	/*border:1px solid #545454;*/
	
}


	
#footer {
	background:#06131b;
	width:100%;
	float:left;
}

#footer ul {
	width:100px;
	background:#000;
	width:150px;
	float:right;
	list-style-type:none;
	margin:10px 10px 0px 30px;
	padding:4px 4px 14px 20px;
}

#footer ul li {
	color:#666;
	font-size:.85em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;

}

/*----------- Right Column ----------------*/

#rightcol {
	width:514px;
	background: url(images/rightcolumnback-fade2.png) top left repeat-x;
	float:left;
	}
	
	
#rightline {
	width:8px;
	float:left;
	}
	

#contentHeader {
	display:block;
	width:500px;
	margin:20px 0px 0px 8px;
	padding-bottom:0px;
	
}

#contentHeader .contentHead {
	width:auto;
	font-family:"Trajan Pro", "Times New Roman", Times, Verdana, Arial, serif;
	font-size:2em;
	color:#fff;
	padding:12px 8px 8px 12px;
	/* makes png background target IE7 and FireFox only.  IE6 styelsheets handles background for it.*/
	background:url(images/contentheader_back.png) top left repeat-y !important;
	background:none;
	margin:-5px 2px 0px 0px;

}

.headerTopShadow {
	margin-bottom: 3px;
	}
	
.headBottomShadow {
	*margin-top:-12px;

}

.topShadowAlign {
	margin-left:10px;
	*margin-bottom:-2px;
}

.bottomShadowAlign {
	margin-left:10px;
	margin-bottom:20px;	
}


#content {
	width:498px;
	height:auto;
	background:url(images/content_back.png) top left repeat-y !important;
	background:none;
	margin:0px 0px 0px 9px;
	padding-bottom:10px;
	
}

#content p {
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:15px 20px 5px 20px;
	
	}

#content ul {
		margin:0px 0px 15px 45px;
		}

#content li {
		font-size:.92em;
		list-style-type:square;
		margin-left:20px;
		color:#fff;
		padding:3px 0px 3px 0px;
}

input, textarea {border:1px solid #fff;}