/*
	CSS Document
	Please append changes to the bottom
*/

* {
	margin:				0;
	padding:			0;
}

html, body {
	height:				auto;
}

*html body {				/* for IE 6 and below */
	behavior:			url("csshover.htc");
}



/*
	Images
*/

#footBar {
	background:			url("../images/bgFoot.png") repeat-x;
}



/*
	Structure
*/

#wrapper {
	width:				100%;
}

#headBar {
	height:				120px;
}

#headBar .headLogo {
	float:				left;
}

#headBar .imgLogo {
	margin:				23px 25px 35px 25px;
}

#headBar .headNav {
	float:				left;
	margin:				17px 0 0 30px;
}

#headBar li, #footBar li {
	margin:				0 0 0 10px;
}

#headBar li a, #footBar li a {
	display:			block;
	padding:			1px 5px 1px 5px;
}

#contentBar .leftCol {
	float:				left;
	width:				150px;
	margin:				40px 0 50px 30px;
}

#contentBar .rightCol {
	float:				left;
	width:				520px;
	margin:				40px 0 50px 30px;
}

#contentBar p {
	margin:				0 0 15px 0;
}

#contentBar ul, #contentBar ol {
	padding-left:		20px;
	margin:				0 0 15px 0;
}

#footBar {
	height:				144px;
}

#footBar .footLinks, #footBar .footNav {
	float:				left;
}

#footBar .footLinks {
	width:				100px;
	margin:				20px 0 0 30px;
}

#footBar .footNav {
	margin:				20px 0 0 80px;
}

h3 {
	margin:				0 0 5px 0;
}

label {
	display:			block;
	margin:				0 0 10px 0;
	overflow:			auto;
}

.formLabel {
	display:			block;
	float:				left;
	width:				100px;
	margin:				0 10px 10px 0;
	padding:			2px 0 0 0;
}

.formButtons {
	margin:				25px 0 10px 0;
}

form h3 {
	margin:				0 0 10px 0;
}

form .fRow {
	margin:				0 0 30px 0;
}

form h2 {
	margin:				0 0 15px 0;
}

.text {
	padding:			2px;
}

.button {
	padding:			2px;
	margin:				0 3px 0 3px;
}

.fLeft {
	float:				left;
}

.captcha {
	margin:				0 5px 0 0;
}

.captchaInst {
	float:				left;
	margin:				0 0 0 110px;
}

.fWidthCode {
	width: 100px;
}

.fWidth1 {
	width:				200px;
}

.fWidth2 {
	width:				250px;
}

.fWidth3 {
	width:				500px;
}

.fHeight1 {
	height:				100px;
}

.fHeight2 {
	height:				175px;
}

/*
	Appearance
*/

a img {
	border:				0;
}

body, .text {
	font:				normal 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:				#333;
}

body {
	background:			#484848;
}

h3 {
	font:				bold 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#headBar {
	border-top:			6px solid #333;
	background:			#fff;
}

#headBar .headNav {
	border-left:		1px solid #ababab;
}

#headBar ul, #footBar .footLinks ul, #footBar .footNav ul {
	list-style:			none;
}

#headBar li a, #headBar li h1 a, #footBar li a {
	font:				normal 10px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:				#333;
	text-decoration:	none;
}

#headBar li a:hover {
	color:				#a5ca55;
}

#contentBar {
	background:			#a5ca55;
}

#contentBar p {
	text-align:			justify;
	line-height:		1.6;
}

#contentBar a {
	color:				#fff;
	text-decoration:	none;
}

#contentBar a:hover {
	background:			#97b94e;
}

#contentBar ul, #contentBar ol {
	list-style-type:	square;
}

#footBar .footLinks, #footBar .footNav {
	border-left:		1px solid #6a6a6a;
}

#footBar li a {
	color:				#b4b4b4;
}

#footBar li a:hover {
	color:				#a5ca55;
	background:			none;
}

.text {
	border:				1px solid #718a3a;
}

.text:focus {
	border:				1px solid #333;
}

.formLabel {
	font-size:			12px;
	font-weight:		bold;
}

form .fQuestion {
	font-weight:		bold;
}

.captchaInst {
	font-style:			italic;
}


/*
	Generic classes
*/

.clear {
	clear:				both;
}

.clLeft {
	clear:				left;
}

.clRight {
	clear:				right;
}

.alLeft {
	text-align:			left;
}

.alRight {
	text-align:			right;
}

.alCenter {
	text-align:			center;
}



/*
	Ugly ugly IE6 hacks
*/

*html #headBar li h1 {
	margin-bottom:		15px;
}

*html #headBar li, *html #footBar li {
	margin-bottom:		-15px;
}

*html #footBar .footLinks {
	margin-left:		15px;
}

*html #footBar .footNav {
	margin-left:		80px;
}

*html #contentBar .leftCol {
	margin-left:		15px;
}



/*
	Append changes below
*/