/* Styles */
body {
font-family: 		Lucinda-Sans, Geneva, Arial, sans-serif;
font-size:			.75em;
color:   			#000000; 									/* black text colour */
background-color:  	#cccccc;									/* white */
line-height:		150%;
margin:				0px;
padding:			0px;
}

h1 {
font-size:			1.8em;
color:				#009966;
line-height:		150%;
}

h2 {
font-size:			1.4em;
color:				#009966;
}

h3 {
font-size:			1.2em;
color:				#990000;
}

img {
border:				none;
}

ul {
padding-left:		20px;
}

.alternate {
font-weight:		bold;
color:				#0073bb;
}

.breadcrumb {
color:				#999999;
font-size:			0.8em;
}

.sahara {
color:				#990000;
font-weight: 		600;
}
.red {
color:				#009966;
font-weight:		900;
}

.smallprint {
font-size:			0.8em;
}

.errortext {
color:				#ff0000;
font-weight:		bold;
}

.rollover a {
display:			block;
width: 				130px;
height: 			20px;
padding:			0px 0px 0px 0px;
color: 				#ffffff;
background: 		url("../images/button.gif") 0 0 no-repeat;
text-decoration: 	none;
text-align:			center;
}
	
.rollover a:hover { 
background-position: 0 -20px;
color: 				#ffffff;
}
	
.rollover a:active {
background-position: 0 -20px;
color: 				#000000;
} 

#page-container {
width:				100%;
background-color:	#cccccc;
}

/* Layout options for main content area */

	#mainarea {
	width:				780px;
	background-color:	#ffffff;
	margin:				0px auto;
	}

	#content {
	width:				740px;
	margin:				auto;
	margin-top:			20px;
	padding-bottom:		20px;
	}	
	
	#leftcol {
	float:				left;
	width:				330px;
	vertical-align:		top;
	vertical-align:		text-top;
	margin:				0px 15px;
	padding-top:		10px;
	}
	#rightcol {
	float:				right;
	width:				320px;
	_width:				300px;
	vertical-align: 	top;
	border-style:		solid;
	border-width:		1px;
	border-color:		#009966;
	margin:				10px 15px;
	_margin:			10px 8px;
	padding:			0px 15px;
	padding-bottom:		20px;
	padding-top:		10px;
	color:				#990000;
	}
	
	#bottom {
	clear:				both;
	color:				#ffffff;
	width:				780px;
	text-align:			center;
	padding:			0px 0px;
	background-color:	#009966;
	font-size:			0.9em;
	}
	#bottom a {
	color:				#ffffff;
	}

/* Form styles without tables */

div.row {
	clear: 			both;
	padding-top: 	7px;
	margin-top:		1px;
}
div.row span.formlabel {
	float: 			left;
	width: 			220px;
	text-align: 	left;
}
div.row span.formelement {
	float: 			right;
	width: 			100px;
	text-align: 	right;
}