/* set up main menu */
#navigation {
	margin-top: 0px;
	padding: 0px;
	display: block;
}

.bg2 {
background-color:#E6D9CB;
}

img { border: 0px; }
#footer { text-align: right; padding: 15px 0px 15px 15px; }
/* state menu */
ul#nav {
	margin-left: 15px;
	padding: 0px;
	background-color: #EBE2D8;
	width: 415px;
	height: 80px;
}
ul#nav li { 
	display: inline;
	list-style: none;
}
ul#nav li a {
	padding: 1em 1.3em;
	font: 11px "Tahoma", "Geneva";
	color: #333;
	text-decoration: none;
	float: left;
}
ul#nav li a:hover {
	text-decoration: underline;
	color: #666;
}
/* client menu */
ul#clientnav {
	margin: 15px auto;
	padding: 0px;
	width: 195px;
	height: 100px;
}
ul#clientnav li { 
	display: block;
	list-style: none;
}
ul#clientnav li a {
	margin-left: 1em;
	margin-top: 1em;
	font: 12px "Tahoma", "Geneva";
	color: #fff;
	text-decoration: none;
}
ul#clientnav li a:hover {
	margin-left: 1em;
	margin-top: 1em;
	color: #fff;
	text-decoration: underline;
}
/* begin top tier stuff */
body {
	margin:0px 0px; 
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	background-color: #A5A69B;
	text-align:center; /* Hack for IE5/Win */
}
#container {
	width: 740px;
	margin:25px auto;
	text-align:left;
	padding:0px;
	display: block;
}
/* end top tier stuff */
#header {
	width: 740px;
	height: 116px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#colorbar1 {
	width: 740px;
	line-height: 21px;
	background-color: #492A6B;
	display: block;
}
#colorbar2 {
	width: 740px;
	line-height: 4px;
	background-color: #181512;
	display: block;
}
#colorbar3 {
	width: 740px;
	line-height: 5px;
	background-color: #000;
	display: block;
}
h1 {
	font: 17px "Arial Black";
	color: #326D5C;
	display: block;
	margin: 0px;
	padding-left: 15px;
	padding-top: 15px;
}
table {
	width: 475px;
	padding: 0px;
	margin-left: 15px;
}
td {
	width: 50%;
	font: 13px "Tahoma", "Geneva";
	color: #666;
	line-height: 18px;
	vertical-align: top;
}
td h2 {
	font: 14.5px "Tahoma", "Geneva";
	color: #666;
	font-weight: bold;
	margin: 13px 0px 1px 0px;
	vertical-align: top;
}
.picright {
	float: right; 
	clear: right; 
	margin-left: 2em;
	margin-top: 1em;
}
.clientbutton {
	position: relative;
	bottom: 0px;
	left: 0px;
}
#content {
	width: 740px;
	margin: 0px;
	padding: 0px;
	background-image: url(../graphics/img_home_background.gif);
	background-repeat: repeat-y;
}
#leftcontent {
	width: 224px;
	float: left;
	background-color: #0066A4;
}
#leftcontent a img, #leftcontent a:hover img{
	border: 0px;
	margin-left: 70px;
}
#rightcontent {
	width: 516px;
	float: left;
	background-color: #F1ECE6;
}
/* hide from IE5 mac \*/
* html body div#rightcontent {
	width: 516px;
	margin-top: -3px;
	float: left;
	background-color: #F1ECE6;
}
/* end hiding from IE5 mac */
#rightcontent p, #rightcontent22 p {
	font: 13px "Tahoma", "Geneva";
	color: #666;
	line-height: 25px;
	margin-left: 15px;
	padding: 0px;
	width: 475px;
}
#rightcontent p a, #rightcontent22 p a{
	font: 13px "Tahoma", "Geneva";
	color: #0066A4;
	text-decoration: underline;
}
#rightcontent p a:hover, #rightcontent22 p a:hover{
	font: 13px "Tahoma", "Geneva";
	color: #003A5E;
	text-decoration: underline;
}
/* To cause the parent to expand, a static or relative element in the parent must clear the float(s). */
.clearing {
	clear: both;
	font-size: 0;
}
/* end float clearing */
/* Begin secondary pages */
#header22 {
	width: 224px;
	height: 116px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#colorbar22 {
	width: 224px;
	line-height: 4px;
	background-color: #181512;
	display: block;
}
#rightcontent22 {
	width: 516px;
	float: left;
	background-color: #F1ECE6;
}
#rightcontent22 h1 {
	font: 17px "Arial Black";
	color: #326D5C;
	display: block;
	margin: 0px;
	padding-left: 15px;
	padding-top: 50px;
}
/* begin form styling */
form {
	margin: 0; 
	padding-left: 15px;
}
fieldset {
	border: 1px solid #ccc; 
	padding: 3px 10px 10px; 
	margin: 10px 0;
}
legend {
	font: 10px Verdana;
	font-weight: bold;
	color: #666;
	margin: 10px 0;
	padding: 2px 4px;
	border: 1px solid #ccc;
	background: #F4F4F4;
}
input {
	width: 150px;
	margin-top: 2px;
}
input.button {
	border: 1px solid #FFF;
	padding: 0.4em 1.6em;
	font: 11px Verdana;
	background-color: #0066A4;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
textarea {
	display: block;
}
label {
	font: 11px Verdana;
	color: #666;
	float: left; 
	width: 35%; 
	margin-right: 5px; 
	margin-top: 2px; 
	padding-top: 2px; 
	text-align: right; 
}
#rightcontent22 form p {
	font: 11px Verdana;
	color: #666;
	width: 85%; 
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}
label.textarea {
	font: 11px Verdana;
	color: #666;
	width: 80%;
	margin-top: 2px; 
	padding-top: 2px; 
	text-align: left; 
}
label.radiolabel {
	font: 11px Verdana;
	color: #666;
	width: 40%;
	margin-top: 2px; 
	padding-top: 2px; 
	text-align: left; 
}
label.shortradiolabel {
	font: 11px Verdana;
	color: #666;
	width: 10%;
	margin-top: 2px; 
	padding-top: 2px; 
	text-align: left; 
}
.checkbox {
	width: 5%;
	text-align: left; 
}
label strong {
	font-size: 11px;
}
#sidebyside {
	width: 475px;
}
#textarea {
	width: 475px;
}
#textarea label {
	font: 11px Verdana;
	color: #666;
	width: 90%;
	display: block;
	margin-top: 2px; 
	padding-top: 2px; 
	text-align: left; 
}
#textarea label.nobr {
	display: inline !important; 
	float: none !important;
}
#sidebyside label.nobr {
	display: inline !important; 
	float: none !important;
}
.sub {
	background: #F4F4F4; 
	padding-top: 10px;
	text-align: center;
}
form a {
	border: 1px solid #FFF;
	padding: 0.4em 1.6em;
	font: 11px Verdana;
	background-color: #0066A4;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
form a:hover {
	background-color: #4685AA;
	color: #FFF;
	text-decoration: none;
}
/* end form styling */