@charset "UTF-8";
/* CSS Document */

body {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	background: #dfdfdf;
	margin: 0;
	padding: 0;
	color: #000;
}

ul, ol, dl {
	font-size:12px;
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 30px; 
}

li{
	padding-top:3px;
}

h1{
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px;
	font-size:20px;
	font-weight:bold;
}


h2{
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px;
	font-size:16px;
	font-weight:bold;
	color: #d21212;
}

h3{
	margin-top: 10px;;	
	font-size:14px;
	font-weight:bold;
	color: #779e12;
	text-transform:uppercase;
	width:100%;
	border-bottom:1px solid #cccccc;
}

p {
	font-size:12px;
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}

 h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}

a img { 
	border: none;
}

a {
	color: #d21212;
	text-decoration: none; 
}
a:hover{ 
	text-decoration: underline;
}

.dShadow{
		width:962px;
		border:1px #ccc solid;
		border-top:none;
		margin: 0 auto;
}

.container {
	width: 960px;
	background: #FFF;
	border:1px #999 solid;
	border-top:none;
}

.header {
	background: #ADB96E url(../images/bg_header.png) repeat-x top;
	height:74px;
}

.logo{
		margin-top:12px;
		padding-left:10px;
}

.nav{
	background:url(../images/bg_nav.png) repeat-x top #000;
	color:#999;
	font-size:12px;
}

.nav-border{
	border-bottom:5px solid #d21212;
}

.nav a{
		font-size:12px;
		text-transform:uppercase;
		color:#FFF;
		text-decoration:none;
}

.nav a:hover{
		color:#CCC;
}

.masthead{
	background: #d21212;
	
}

.masthead-txt{
	padding-top:30px;
	font-size:16px;
	float:right;
}

.masthead-txt h1{
	font-size:16px;
	padding-left:0px;
	color:#FFF;
}

.masthead-txt h4{
	text-transform:uppercase;
	font-size:22px;
	padding-left:0px;
	margin:0px;
}

.search{
	margin:20px;
	background:url(../images/bg_search.jpg) no-repeat top center;
	width:100%;
	height:123px;
	font-size:16px;
	font-weight:bold;
	display:block;
}

.searchBox{
		margin-left: 180px; 
		padding-top:20px;
		/*width:360px;*/
		font-size:28px;
		color:#FFF;
}

.searchBox-input{
		background:url(../images/bg_inputSearch.png) no-repeat top;
		/*background-color:none;*/
		border:none;
		width:308px;
		height:28px;
		padding-left:5px;
		font-size:16px;
		font-weight:bold;
}


.searchBtn{
		background:url(../images/btn_search.png) no-repeat top;
		width:126px; 
		height:32px; 
		border:none;
		margin:0px;
}

.content {
	padding: 15px;
}

table{
		font-size:12px;
}



/*-------------- forms  -------------------- --*/

.required{
		color:#d21212;
		font-size:14px;
		font-weight:bold;
		
}

.form-container{
		margin-left:160px;
		margin-right:160px;
		font-size:12px;
		padding-top:20px;
		padding-bottom:30px;
}



.regform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 205px; 
height: 1%;
}

.regform label{
float: left;
margin-left: -205px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.regform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 300px;
border:1px solid #ccc;
font-size:12px;
height:22px;
}

.regform textarea{
width: 400px;
height: 150px;
border:1px solid #ccc;
font-size:12px;
}

.regform select{ 
width: 100px;
border:1px solid #ccc;
padding-top:3px;
padding-bottom:5px;
padding-right:6px;
font-size:12px;
margin-top:-5px;
}

* html .threepxfix{
margin-left: 3px;
}


.submitBtn{
		background:url(../images/btn_submit.png) no-repeat; width:116px; height:32px; border:none;
}

.checkBtn{
		background:url(../images/btn_check.png) no-repeat; width:246px; height:32px; border:none;
}

.resetBtn{
	background:url(../images/btn_clear.png) no-repeat; width:116px; height:32px; border:none;
}

.domform p{
width: 600px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
height: 1%;
}

.domform input[type="text"]{ 
width: 300px;
border:1px solid #ccc;
height:30px;
font-size:18px;

}

.domform select{ 
width: 80px;
border:1px solid #ccc;
padding-top:3px;
padding-bottom:5px;
padding-right:6px;
font-size:18px;
}

.domtotal{
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding:10px;
		font-weight:bold;
		font-size:14px;
}

.domform input[type="password"]{ 
width: 105px;
border:1px solid #ccc;
font-size:12px;
height:30px;
font-size:18px;
}


/*---- logos set gray ----*/

.logos-btm{
		background:url(../images/bg_gray.png) no-repeat center;
		height:97px;
		width:918px;
		padding-top:10px;
		text-align:center;
		margin: 0 auto;
}

.logo-box{
	float:right;
	width:229px;
	text-align:center;
	vertical-align:middle;
}

.footer-text{
	width:918px;
	padding-top:10px;
	text-align:center;
	margin: 0 auto;
	font-size:13px;
	font-weight:bold;
}
		


/*---- logos set gray end ----*/



.footer {
	padding: 10px 20px;
	background: #727272;
	border-top:3px solid #000;
	color:#999;
	font-size:10px;
}

.footer a{
	color:#000;
	font-size:10px;
}

.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.greenspan {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #779e12;
}
.hiddendiv {
	visibility: hidden;
	display: none;
}
.visiblediv {
	visibility: visible;
	display: block;
}
.invaliddiv {
	visibility: visible;
	display: block;
	background-image: url(../images/bg_invalid.png);
	background-repeat:no-repeat;
	background-position: left top;
}

.incompletediv {
	visibility: visible;
	display: block;
	background-image: url(../images/bg_incomplete.png);
	background-repeat:no-repeat;
	background-position: left top;
}

.visiblediv input[type="text"]{ 
width: 300px;
border:1px solid #ccc;
height:22px;
font-size:18px;
margin-left:5px;

}

.invaliddiv select{ 
width: 80px;
border:1px solid #ccc;
padding-top:0px;
padding-bottom:5px;
padding-right:6px;
font-size:18px;
height:26px;
}

.incompletediv select{ 
width: 80px;
border:1px solid #ccc;
padding-top:0px;
padding-bottom:5px;
padding-right:6px;
font-size:18px;
height:26px;
}

.invaliddiv input[type="text"]{ 
width: 300px;
border:1px solid #ccc;
height:22px;
font-size:18px;
margin-left:5px;
}

.incompletediv input[type="text"]{ 
width: 300px;
border:1px solid #ccc;
height:22px;
font-size:18px;
margin-left:5px;
}

.visiblediv select{ 
width: 80px;
border:1px solid #ccc;
font-size:18px;
height:26px;
padding-top:0px;
padding-bottom:5px;
padding-right:6px;
/*margin-top:-5px;*/
}
.regformvis div {
	visibility: visible;
	display: block;
}

.regformvis p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 205px; 
height: 1%;
}

.regformvis label{
float: left;
margin-left: -205px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.regformvis input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 300px;
border:1px solid #ccc;
font-size:12px;
height:22px;
}

.regformvis textarea{
width: 400px;
height: 150px;
border:1px solid #ccc;
font-size:12px;
}

.regformvis select{ 
width: 100px;
border:1px solid #ccc;
padding-top:3px;
padding-bottom:5px;
padding-right:6px;
font-size:12px;
}

.modalboxdiv{
	position:relative;
	width:620px;
	height:200px;
	margin-left:10px;
	margin-top:10px;
	overflow:auto;
	display:block;
	border: 1px solid;
	border-color:#aaa;
	font-size:12px;
}

.modalboxdivOutter{
	position:relative;
	width:640px;
	height:270px;
	margin-left:0px;
	display:block;
	border: 1px solid;
	border-color:#eee;
	font-size:12px;
}