/* CSS Document */
body {
	margin: 0px 0px;
	padding: 0px 0px;
	font: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #894101;
	text-align: left;
}
a, a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a.selected, a.selected:link
	{
	color:#000000;
	}
a.selected:hoved
	{
	text-decoration:none;
	}


/* layout */
#page {
 	position: relative;
 	width: 780px;
  	height: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	text-align: left; /* part 2 of 2 centering hack - sets all text back to default left align*/
}

#wrap {
	position: relative;
	min-height: 100%;
}

#content {
	position: relative;
	width: 784px;
	height:100%;
	margin: 0px 0px;
	background-color: #da7d03;
	border-right: 4px solid #ffa800;
	border-bottom: 4px solid #ffa800;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 780px;
}
html>body #content{
	width: 780px;
}


/* HEADER */
#header {
	position: relative;
	float: left;
	clear: both;
	width: 780px;
	height: 143px;
	background-color: #ffa800;
	margin: 0px 0px;
	padding: 0px 0px;
	overflow: hidden;
}
#header img{
	border: none;
}
#headerContact {
	position: relative;
	float: left;
	clear: both;
	width: 780px;
	height: 27px;
	backgound-color: #ffa800;
	text-align: left;
	line-height: 24px;
	padding-left: 680px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 100px;
}
html>body #headerContact{
	width: 100px;
}
#headerContact a, #headerContact a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #FFF;
}
#headerContact a:hover {
	text-decoration: underline;
}
#headerContact img{
	border: none;
}
#headerImage {
	position: relative;
	float: left;
	clear: both;
	width: 780px;
	height: 116px;
	margin: 0px 0px;
	padding: 0px 0px;
	
}


/* CONTENT */
#contentWrap {
	position: relative;
	float: left;
	clear: both;
	width: 780px;
	margin: 0px 0px;
	padding: 25px 0px 15px 0px;
}

#navLeft{
	position: relative;
	float: left;
	width: 207px;
}
#navLeft a, #navLeft a:link{
	width: 207px;
	height: 24px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	background: transparent url("/elements/images/members/navButton_OFF.gif") no-repeat;
}


#navLeft a.selected, #navLeft a.selected:link
	{
	color: #ffa800;
	background: transparent url("/elements/images/members/navButton_ON.gif") no-repeat;
	}
	

/*
#navLeft a.selected:hover{
	color: #ffa800;
	background: transparent url("/elements/images/members/navButton_ON.gif") no-repeat;
}
*/

#navLeft a.error, #navLeft a.error:link
	{
	background-color:#FF3333;
	color: #FFF;
	background: transparent url("/elements/images/members/navButton_OFF_error.gif") no-repeat;
	}
	
#navLeft a.selectederror, #navLeft a.selectederror:link
	{
	color: #ffa800;
	background: transparent url("/elements/images/members/navButton_ON.gif") no-repeat;
	}

#navLeft a:hover{
	color: #ffa800;
	background: transparent url("/elements/images/members/navButton_ON.gif") no-repeat;
}

#navLeft a.error:hover{
	color: #ffa800;
	background: transparent url("/elements/images/members/navButton_ON_error.gif") no-repeat;
}

#navLeft a.selectederror, #navLeft a.selectederror:link
	{
	color: #ffa800;
	background: transparent url("/elements/images/members/navButton_ON_error.gif") no-repeat;
	}

#navLeft ul{
	margin: 0px 0px;
	padding: 0px 0px;
	list-style: none;
}
#navLeft li{
	height: 28px;
	text-align: right;
}

#contentRight{
	position: relative;
	float: left;
	clear: right;
	width: 573px;
	padding: 0px 40px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 493px;
}
html>body #contentRight{
	width: 493px;
}
#contentRight h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px;
	padding: 0px 0px;
}
#contentRight p{
	margin: 0px 0px;
	padding: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
}
#contentRight table {
	width: 100%;
	border: 1px solid #FFF;
	padding:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
}
#contentRight th {
	background: #FF9900;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	border-bottom: 2px solid #FFF
}
#contentRight tr, td{
	padding: 0 4px;
	border: 1px solid #FFF;
}
#contentRight td.titles{
	background: #CC6600;
	font-weight: bold;
}

/* FOOTER */
#footerWrap {
	position: relative;
	float: left;
	clear: both;
	width: 780px;
}
#footerLine {
	position: relative;
	float: left;
	clear: both;
	background-color: #ffa800;
	width: 780px;
	height: 5px;
}
#footerLine p{
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 1px;
	line-height: 5px;
}
#footerLinks {
	position: relative;
	float: left;
	clear: both;
	width: 780px;
	height: 18px;
	padding-left: 15px;
	line-height: 14px;
	background-color: #FFF;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 765px;
}
html>body #footerLinks{
	width: 765px;
}
#footerLinks a, #footerLinks a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #da6803;
	text-decoration: none;
}
#footerLinks a:hover {
	text-decoration: underline;
}
#footerBottom {
	position: relative;
	float: left;
	clear: both;
	background-color: #da6803;
	width: 780px;
	height: 50px;
}
