html, body {
	height: 100%;
}
body {
	background-color: #0AA9E3;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-image: url(../images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: -40px top;
}



#container {
	margin-left: auto;
	min-height: 100%;
	width: 834px;
	margin-bottom: -183px;
	padding-top: 55px;
	margin-right: auto;
	padding-right: 62px;
}
#container #headertop {
	background-image: url(../images/top_header.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 834px;
}
#container #header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 196px;
	width: 834px;
}

#container  #nav ul{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 14px Arial;
	width: 642px;
	border: 1px solid #FFFFFF;
	background-image: url(../images/nav_bg.jpg);
	padding-left: 190px;
}

*  html  #container  #nav ul{ /*IE only rule, reduce menu width*/
	width: 632px;
}
#container  #nav  ul li{
display: inline;
}
#container  #nav  ul  li a{
	float: left;
	color: #FFFFFF;
	padding: 10px 10px;
	text-decoration: none;
	background: transparent url(../images/vertical.jpg) center right no-repeat;
}

#container  #nav  ul  li a:hover{
	color: #FFFFFF;
	background-image: url(../images/nav_over.jpg);
	background-repeat: repeat-x;
}
#container  #nav  .current    {
	color: #FFFFFF;
	background-image: url(../images/nav_over.jpg);
	background-repeat: repeat-x;
}


#footer {
	text-align: center;
	color: #FFFFFF;
	background-image: url(../images/footerbg.jpg);
	background-repeat: repeat-x;
	height: 183px;
	background-color: #382A05;
	width: 100%;
	position: relative;
	clear: both;
}
#footer p {
	padding-top: 70px;
	line-height: 1.4;
}


#footer a {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}
#footer a:hover {
	background-color: #ADDEF1;
	color: #382A05;
}

#container #contentwrap {
	position: relative;
	width: 834px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: bottom;
	background-image: url(../images/fadewhitetoblue.jpg);
	float: left;
}
#container  #contentwrap #navshadow {
	background-image: url(../images/under_nav.jpg);
	height: 7px;
	width: 834px;
	background-repeat: no-repeat;
}
#container   #contentbottom  {
	background-image: url(../images/contentbottom.png);
	height: 9px;
	width: 834px;
	background-repeat: no-repeat;
	position: relative;
	float: left;
}


#container #contentwrap #rightboxes {
	float: right;
	width: 242px;
	background-image: url(../images/right_box.png);
	background-repeat: no-repeat;
	margin-top: 17px;
	margin-right: 10px;
	height: 378px;
	position: relative;
}
#container #contentwrap #rightboxes .img1 {
	margin-left: 16px;
	margin-top: 22px;
}
#container #contentwrap #rightboxes .img2 {
	margin-left: 16px;
	margin-top: 6px;
}


#container #contentwrap #content {
	width: 535px;
	padding-left: 15px;
	padding-right: 15px;
}
#container  #contentwrap  #content  p  {
	line-height: 1.75;
	padding: 0;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 10px;

}

#container #contentwrap #content h1 {
	font-size: 16px;
	padding: 0;
	margin: 0;
	padding-top: 20px;
}
#container #contentwrap #content h2 {
	font-size: 14px;
	padding: 0;
	margin: 0;
	padding-top: 30px;
}

#clearfooter{
	clear:both;
	height:183px;
}

* > html #clearfooter {float:left;width:100%;}

.cssform      {
	margin-left: 160px;


}



.cssform p{
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px;
	height: 1%;
	width: 210px;
}



.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
	width: 200px;
	height: 150px;
}
.cssform  img      {
	position: relative;
	bottom: 6px;
	left: 3px;
}
.cssform  table      {
	margin-left: 90px;
	margin-top: 30px;
}


* html .threepxfix{
margin-left: 3px;
}
#container #contentwrap #content ul {
	list-style-image: url(../images/arrow.png);
	list-style-type: none;
}
#container #contentwrap #content a {
	color: #666666;
}
#container #contentwrap #content a:hover {
	color: #3CBCE9;
}


#container #contentwrap #content li {
	padding-bottom: 10px;
}
#container  #contentwrap  #content  #link {
	float: right;
	margin-bottom: 10px;
}
#container  #contentwrap  #content  #link  a {
	color: #666666;
}
#container  #contentwrap  #content  #link  a:hover {
	color: #3CBCE9;
}
#container #header #subheader {
	padding-top: 95px;
	padding-left: 20px;
	font-size: 11px;
	color: #FFFFFF;
}
#container #contentwrap #content .email {
	position: relative;
	top: 3px;
}