/********************* General Styles ************************/
hr	{ color:#FFFFFF; height:1px; width:100%; }

html, body {
height: 100%; /* Required */
}

body {
margin: 0;
padding: 0;
}

body, td, p, .normal { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12;

	color: #666666;

}

p {
margin: 0;
padding: 0 0 12px 0;
}

.explanotes	{ 
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #666666;
font-style: italic;
}

#rtefield	{ 
background:#ffffff;
}

a:link, a:active, a:visited{ 
color: #9F6C03;
	
		font-weight: normal;
	
		font-style: normal;
	
		text-decoration: underline;
	
}
a:hover{ 
color: #9F6C03;
	
		font-weight: normal;
	
		font-style: normal;
	
		text-decoration: none;
	
}

/********************* Heading Styles ************************/

h1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16;
	color: #9F6C03;
	
		font-weight: bold;
	
		font-style: normal;
	
	margin: 0;
	padding: 0 0 12px 0;
}

h1 a:link, h1 a:active, h1 a:visited {
	color: #9F6C03;
	
		font-weight: bold;
	
		font-style: normal;
	
		text-decoration: underline;
	
}

h1 a:hover {
		
		font-weight: bold;
	
		font-style: normal;
	
		text-decoration: none;
	
}
H2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14;
	color: #FF7800;
	margin:0; 
	padding: 0 0 6px 0;
	
		font-weight: bold;
	
		font-style: normal;
	
}

H2 a:link, H2 a:active, H2 a:visited {
	color: #FF7800;
	
		font-weight: bold;
	
		font-style: normal;
	
		text-decoration: underline;
	
}

H2 a:hover {
	color: #FF7800;
	
		font-weight: bold;
	
		font-style: normal;
	
		text-decoration: none;
	
}
H3 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12;
	color: #3161A9;
	margin:0; 
	padding: 0;
	
		font-weight: bold;
	
		font-style: normal;
	
}

H3 a:link, H3 a:active, H3 a:visited {
	color: #3161A9;
	
		font-weight: bold;
	
		font-style: normal;
	
		text-decoration: underline;
	
}

H3 a:hover {
	color: #3161A9;
	
		font-weight: bold;
	
		font-style: normal;
	
		text-decoration: none;
	
}


/************************************************************/

/********************* Footer Styles ************************/
a.footerlink:link, a.footerlink:active, a.footerlink:visited, a.footerlink:hover {
	
		color: #BF8C33;
	
}

#footer a {
color: #000000;
font-weight: bold;
text-decoration: underline;
}

#footer a:hover {
color: #999;
}

#footer #strapline p {
	color: #FFF;
}

/************************************************************/


/********************* Form Element Styles ************************/

.Text400	{  font-family: Arial, Helvetica, sans-serif; font-size: 12;color:#000000; width: 400px;}
.Text300	{  font-family: Arial, Helvetica, sans-serif; font-size: 12;color:#000000; width: 300px; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.Text200	{  font-family: Arial, Helvetica, sans-serif; font-size: 12;color:#000000; width: 200px; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.Text150	{  font-family: Arial, Helvetica, sans-serif; font-size: 12;color:#000000; width: 150px; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.Text100	{  font-family: Arial, Helvetica, sans-serif; font-size: 12;color:#000000; width: 100px; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.Text50		{  font-family: Arial, Helvetica, sans-serif; font-size: 12;color:#000000; width: 50px; border: #666666; border-style: solid; border-top-width: 1pt; 
.Text25		{  font-family: Arial, Helvetica, sans-serif; font-size: 12;color:#000000; width: 25px; border: #666666; border-style: solid; border-top-width: 1pt; border-right-width: 1px; border-bottom-width: 1pt; border-left-width: 1px}
.button		{  font-family: Arial, Helvetica, sans-serif; font-size: 12;color:#000000; background-color: #ffffff; border: #666666; border-style: solid; border-top-width: 1pt; border-right-width: 1px; border-bottom-width: 1pt; border-left-width: 1px}
.Text		{  font-family: Arial, Helvetica, sans-serif; font-size: 12;color:#000000; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.Transparent{  background-color: transparent; border: none }

/******************** BEGIN LAYOUT STYLES ********************/

#container {
width: 100%;
position: relative;
background:#818181;
}

#header {
background: #FFF;
height:80px;
}

#content {
padding: 10px 0 10px 10px;
}

#main {
margin-left:180px;
padding: 20px 20px 20px 20px;
background:#FFF;
width:100%
}

html>body #main {
margin-left:180px;
padding: 20px 20px 20px 20px;
background:#FFF;
width:auto;
}

#leftcol {
padding: 0;
width: 180px;
float: left;
}

#footer {
width: 100%;
background: #FFF;
margin-top:-30px;
}

#strapline {
background:#FF7800;
color:#FFF;
height:30px;
line-height:30px;
float:right;
margin:0 0 10px 0;
}

#strapline p {
font-size:1.3em;
font-weight:bold;
float:right;
margin:0;
padding:0 10px 0 0;
}

#footleft {
font-family: Verdana, Arial, Helvetica, sans-serif;
float:left;
padding-left:10px;
font-size: 11px;
}

#footleft img.logo {
	float: left;
	margin-right: 10px;
	border: 0px;
}

#footleft a {
	font-weight: normal;
}

#footright{
float:right;
padding-right:10px;
}

/******************** BEGIN LAYOUT STYLES ********************/


/******************** BEGIN MENU STYLE ********************/

#navcontainer {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin-right:10px;
margin-top: 1px;
}

#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li {
border-bottom: 1px solid #818181;
margin: 0;
}

#navcontainer li.white  {
border-bottom: 1px solid #818181;
margin: 0;
background:#FFF;
line-height:21px;
padding-left:10px;
}

#navcontainer a {
margin: 0;
line-height:25px;
width: 100%;
display: block;
background:#FF7800;
}

#navcontainer span.nonactive {
margin: 0;
line-height:25px;
width: 100%;
display: block;
color: #818181;
background:  #FF7800;
font-weight: normal;
}

#navcontainer a:link, #navlist a:visited {
color: #FFFFFF;
text-decoration: none;
}

#navcontainer a:hover {
color: #818181;
}

#navcontainer li img.icon {
float:left;
margin-right:5px;
}

#navcontainer .MenuTabDot{border-bottom:solid 1px #FFFFFF;height:1px;}

#navcontainer .MenuTabOnTop{
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	height:1px;
	background:#FFFFFF;
}	

/******************** END MENU STYLE ********************/

/**************** Editor Menu Tab Styles **************************/

.MenuTabDot{border-bottom:solid 1px #CCC;height:1px;}

.MenuTabOffTop{
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	height:1px;
	
		background:#818181;
	
	}

.MenuTabOnTop{
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	height:1px;
	background:#EAEAEA;
}

.MenuTabOffMain{
	/*filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,enabled=true,startColorstr=#F0EDDD, endColorstr=#FFFFFF) ;*/
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	height:20px;
	padding:0px 10px 0px 10px;
	background:#818181;
	
		cursor:hand; 
	
	font-family: Arial,Helvetica;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none
	}

.MenuTabOnMain{
	
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	height:20px;
	padding:0px 10px 0px 10px;
	background:#EAEAEA;
	
		cursor:hand; 
	
	font-family: Arial,Helvetica;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none
	}

#editormenucontainer .MenuTabOnMain{
	
		filter: none;
	
	border-bottom:none;
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
	height:20px;
	padding:0px 10px 0px 10px;
	background:#FFF;
	
		cursor:hand; 
	
	font-family: Arial,Helvetica;
	font-size: 12px;
	color: #FF7800;
	font-weight: bold;
	text-decoration: none
	}

#editormenucontainer .MenuTabOnTop{
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
	height:1px;
	background:#FFF;
}	

#editormenucontainer .MenuTabOffMain{
	border-bottom:none;
	border-left:solid 1px #FF7800;
	border-right:solid 1px #FF7800;
	height:20px;
	padding:0px 10px 0px 10px;
	background:#FF7800;
	
		cursor:hand; 
	
	font-family: Arial,Helvetica;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none
	}

#editormenucontainer .MenuTabOffTop{
	border-top: none;
	border-left:solid 1px #FF7800;
	border-right:solid 1px #FF7800;
	height:1px;
	background:#FF7800;
	}

#editormenucontainer .MenuTabDot{border-bottom:solid 1px #818181;height:1px;}

.DemoSiteNotes {
	font-weight: bold;
	font-style:italic;
	font-size: 10px;
	color: #FF7800;
}

#logout, #loggedout {
 position:absolute;
 visibility: hidden;
 top:300px;
 left:550px;
 width:200px;		
 z-index:2;
 height:100px;
 border:2px #FF7800 solid;
 color: #FF7800; 
 background-color:#FFFFFF;
 padding:0.5em; 
 }

 #loggedout {
	height:230px;
 }

 #logout h1, #loggedout h1 {
	color: #818181;	
 }

 
#logoutlayer {
	position:absolute; 
	visibility: hidden;
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	background-color:gray; 
	padding:0.5em; 
	text-align: center;
	opacity: 0.6;
	filter:alpha(opacity=60);
	z-index: 1;	
}