/*////////// layout positioning style //////////*/
body {
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	background: #484A3D url(../img/bg_page.gif) repeat center top;
}
html {
 height:100%;
}
div#page {
 height:100%; width:100%;
}
div#head {
	width:100%;
	height:158px;
	background-color: #000033;
	background: url(../img/bg_top_grad.jpg) repeat center top;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
}
* html div#head {
	height:98px;
	}
.logo {
	width:760px; margin: 0 auto;
	text-align: left;
	padding-left:20px;
}
.logo img{
	margin-bottom: 10px;
	}
.green_shine {
	width:100%;
	background-color: #B7B4AF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: center;
}
div#menu {
	width:100%;
	background-color: #505247;
	text-align:center; 
	color:#C2BEB1; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
}
.center {
	text-align: center;
	margin: auto;
}
.content_area {
	width:710px;
	margin: auto;
	padding:20px 20px 20px 30px;
	text-align: left;
	background-color: #928C7D;
	min-height: 220px;
   height: auto;
   _height: 220px;



}
.width { 
	width:758px;
	margin: auto;
	padding:10px;
	text-align: left;
}
div#base {
	width:100%;
	height:55px;
	background: #000033 url(../img/bg_btm_grad.gif) repeat center top;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #ABD7C7;
}
div#foot {
	width: 758px;
	text-align:right;
	padding: 20px 0px 20px 0px; margin: auto;
}

/*////////// fonts style //////////*/
h1{
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #3B3D2F;
	text-transform: uppercase;
}
h2{
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	color: #000000;
}


/*////////// misc style //////////*/
.image_right{
	border: solid 1px #000000;
	margin: 0px 0px 10px 10px;
}
.td_space{
	padding: 5px 0px 5px 10px;
}
hr{
	color: #3B3D2F; height:1px;
}

/*////////// hyperlink - anchor tag styles //////////*/
a:link, a:visited 			{ color: #01209F; text-decoration: none; }
a:hover 					{ text-decoration: underline; }
a.lightlink:link, a.lightlink:visited { color: #F2CE00; text-decoration: none;}
a.lightlink:hover 					{ color: #FFFFFF; text-decoration: underline; }
a.menusubbutton:link, a.menusubbutton:visited { color: #000000; text-decoration: none; font-weight: bold;}
a.menusubbutton:hover 					{ color: #000000; font-weight: bold; text-decoration: underline; }


/*////////// FORM styles //////////*/
input {
	background-color: #C2BEB1; border: solid 1px #3B3D2F; font-size: 11px;
}
textarea {
	background-color: #C2BEB1; border: solid 1px #3B3D2F; font-size: 11px;
}
select {
	background-color: #C2BEB1; border: solid 1px #3B3D2F; font-size: 11px;
}
.button {
	color: #FFFFFF; font-weight: bold; font-size: 10px; background-color: #000000; border: 2px solid #3B3D2F; width: 60px;
}
.formtext {
	background-color:#C2BEB1; padding:4px; border-right:solid 1px #3B3D2F; border-left:solid 1px #3B3D2F; border-bottom:solid 1px #3B3D2F;}
.formfield {
	background-color:#767062; padding:4px; border-right:solid 1px #3B3D2F; border-bottom:solid 1px #3B3D2F;}
.formhd {
	background-color:#3B3D2F; padding:4px; border-right:solid 1px #3B3D2F; border-left:solid 1px #3B3D2F; border-bottom:solid 1px #3B3D2F; font-weight: bold; text-transform: uppercase; color:#FFFFFF}