/* Knarr Brothers, Your Web Design and Development Team */
body {
 color: #ffffff;
 background: #000000 url(../images/bg-grad.jpg) repeat-x top;
 font-family: Verdana, Arial, helvetica, Sans-Serif; /* Originally used Tahoma. Keep Century Gothic in Mind for Future Projects */
 font-size: 80%;
 margin: 0;
 padding: 0;
 border: 0;
}
#wrapper4 {
 background: url(../images/bg-ms.jpg) repeat-y top center;
}
#wrapper3 {
 background: url(../images/bg-t.jpg) no-repeat top center;
}
#wrapper2 {
 background: url(../images/bg-bottom2.jpg) no-repeat bottom center;
}
#wrapper1 {
 width: 850px; margin: auto; min-height: 650px;
}
mainWrapper { width: 850px;}
/* header section */
#header {
 min-height: 55px;
 padding: 0;
 margin: 15px auto 0 auto;
 width: 808px;
}
#mainlogo {float: left; margin: 30px auto 5px 30px;}
#mainlinks {
 float: left;
 width: 808px;
 background: #666666 url(../images/mainNavbg2.jpg) repeat-x;
 z-index: 1000;
}
#mainlinks ul {
 float: left;
 margin: 0;
 padding: 0;
 list-style: none;
}
#mainlinks ul li {
 float: left;
 margin: 0;
 background: url(../images/mainNavDiv.jpg) no-repeat top left;
 position: relative;
}
#mainlinks ul li.first {
 background: none;
}
#mainlinks a, #mainlinks a:link, #mainlinks a:hover, #mainlinks a:active, #mainlinks a:visited {
 font-weight: normal;
 display: block; 
 padding: 0 15px 0 15px;
 line-height: 21px;
 font-size: 13px;
}
#mainlinks a, #mainlinks a:link, #mainlinks a:active {
 text-decoration: none;
 color: #ffffff;
 background: transparent; 
}
#mainlinks a:hover {
 text-decoration: underline;
 color: #ffff33;
 background: transparent;
}
#mainlinks a:visited {
 text-decoration: none;
 color: #ffff77;
 background: transparent;
}

/* content section */
#content {
 min-height: 550px;
 padding: 10px 20px 10px 20px;
 color: #ffffff;
}
#mainContent {
 float: left; 
 margin:10px 15px; 
 background: transparent;
 text-align: justify;
}
#mainContent p {font-size: .9em;}
#mainContent a, #mainContent a:link, #mainContent a:active, #mainContent a:hover, #mainContent a:visited {
 font-weight: bold;
}
#mainContent a, #mainContent a:link, #mainContent a:active {
 text-decoration: none; color: #ffff33;
}
#mainContent a:visited {
 text-decoration: none; color: #0066ff;
}
#mainContent a:hover {
 text-decoration: underline; color: #ffff00;
}
#extraCont {width: 100%; margin: 0 5px;}
#leftCont {float: left; width: 45%; margin: 0 5px;}
#rightCont {float: right; width: 50%; margin: 0 5px;}

h1, h2, h3, h4, h5, h6 {color: #ffff00;}
.white {color: #ffffff;}
p, td {color: #ffffff;}
table {padding: 0; margin: 0; border: 0;}
th {font-weight: bold;}
td {font-weight: normal;}
input {font-size: .8em;}
textarea {font-size: .8em;}
img {border: 0;}
hr {
 background: #0066ff url(../images/hr.jpg) no-repeat center top;
 width: 776px;
 height: 2px;
}
.Form {
	color: #000066;
	background-color: #ffffff;
	border: 1px solid #3399ff;
}
.Form1 {
	font-size: .9em;
	color: #000066;
	background-color: #ffffff;
	border: 1px solid #6699ff;
}
.Form2 {
	font-size: .9em;
	font-weight: bold;
	color: #000066;
	background-color: #ffffff;
	border: 1px solid #6699ff;
}
.Form3 {
	font-size: .9em;
	color: #000066;
	background-color: #ffffff;
	border: 1px solid #6699ff;
	font-family: Arial, Helvetica, Sans-Serif;
}

img.right {
 float: right;
 border: 0;
 margin: 5px 0 5px 15px;
 display: inline-block;
}
img.left {
 float: left;
 border: 0;
 margin: 5px 15px 5px 0;
 display: inline-block;
}
.left {text-align: left;}
.center {text-align: center;}
.justify {text-align: justify;}
.right {text-align: right;}
.small {font-size: 11px;}

/* Address and Copyright Information */
#copyright {
width: 100%;
text-align: center;
font-size: .8em;
margin: 10px auto 20px auto;
}
#copyright a, #copyright a:link, #copyright a:visited, #copyright a:hover, #copyright a:active {
 display: inline;
 font-weight: bold;
}
#copyright a, #copyright a:link, #copyright a:active {
 color: #ffff33;
 text-decoration: none;
}
#copyright a:visited {
 color: #0066ff;
 text-decoration: none;
}
#copyright a:hover {
 color: #ffff33;
 text-decoration: underline;
}

/* BEGIN CLEARFIX (http://www.positioniseverything.net/easyclearing.html)
=====================================
	ClearFix is for floated elements instead of <div class="Clear"></div> below it.
	When ClearFix is used, Clear div should not be needed.
	USE THIS:
	<div class="ClearFix">
		<div style="width: 30%; float: left;">content</div>
		<div style="width: 30%; float: left;">content</div>
	</div>
	NOT THIS:
	<div style="width: 30%; float: left;">content</div>
	<div style="width: 30%; float: left;">content</div>
	<div class="Clear"></div>
	*/
	.ClearFix:after, .cmspage:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	.ClearFix, .cmspage {
	display: inline-block;
	}
	/* Holly Hack Targets IE Win only \*/
		* html .ClearFix, * html .cmspage {
		height: 1%;
		}
		.ClearFix, .cmspage {
		display: block;
		}
	/* End Holly Hack */
/* END CLEARFIX
===================================== */