@charset "utf-8";

/*********************************
		GLOBAL PROPERTIES
**********************************/

	body {
		background: #276280;
		color: #003f5f;
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 18px;		
	}

	h1 {
		color: #003f5f;
		font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0px;
		letter-spacing: -1px;
	}
	
	h2 {
		color: #5b9b98;
		font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 10px 0px 10px;
		letter-spacing: -1px;
	}
	
	h3 {
		color: #5b9b98;
		font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0px;
		letter-spacing: -1px;
	}	
	
	h4 {
	    color: #003f5f;
	    font-size: 12px;
	    margin: 0px;
	}
	
	a {
		color: #5b9b98;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	a img {
	    border: 0px;
	}
	/* For table properties, see table section below */	

/*********************************
		CANVAS PROPERTIES
**********************************/

	#canvas {
		width: 990px;
		margin: 0 auto;
	}

	
/*********************************
		FRAME PROPERTIES
**********************************/

	.frameTop {
	    height: 20px;
	    background: url(/images/villages/box_top.png) no-repeat top center;
	}
	
	.frameMain {	    
	    background: url(/images/villages/box_bg.png) repeat-y top center;
	    padding: 2px 35px;
	}
	
	.frameSep {
	    height: 27px;
	    background: url(/images/villages/box_sep.png) no-repeat top center;
	}
	.frameBottom {
	    height: 20px;
	    background: url(/images/villages/box_bottom.png) no-repeat top center;
	}	
	
	.clearfix {
		clear: both;
	}
	
	.header {
	    height: 61px;
	    padding-top: 17px;
	}
	
	.txtRt {
	    text-align: right;
	    padding-right: 15px;
	}
	
	.padtop {
	    padding-top: 30px;
	}

	
/*********************************
		LOGO PROPERTIES
**********************************/	
	
	#logo {
	    position: absolute;
	    margin: 7px 0 0 38px;
	}
		
	#logo a img {
	    margin: 0px;
	}
	
	#logo img {
	    float: left;
	    margin: 30px 0 0 18px;
	    display: block;
	}
	
/*********************************
		PRIMARY NAVIGATION
**********************************/	
	
	#primaryNav {
	    margin: 0 0 0 495px;
	    padding: 0 0 0 0;
	    list-style: none;
	    height: 50px;
	    font-size: 14px;
	    letter-spacing:-1px;
	}
	
    #primaryNav li {
        float: left;
    }	
    
    #primaryNav a {
    	display: block;
    	color: #cae2e1;
        text-decoration: none;
		background: url(/images/villages/prim_nav_bg.jpg) no-repeat top center;
    }
        
    #primaryNav a:hover,
    #primaryNav a.active {
        color: #fff;
        background-position: bottom;
    }
    
    #primaryNav a span {
    	display: block;
		white-space:nowrap;
		padding: 17px 17px 15px 17px;
		background: url(/images/villages/prim_nav_sep.png) no-repeat right;
    }
    
    #primaryNav .first a {
		background-position: top left;
    }
    
    #primaryNav .first a:hover,
    #primaryNav .first a.active {
    	background-position: bottom left;
    }
    
    #primaryNav .last{
    
    }
    #primaryNav .last a {
		background-position: top right;
		zoom:1;
    }
    
    #primaryNav .last a:hover,
    #primaryNav .last a.active {
    	background-position: bottom right;
    }    
    
    #primaryNav .last a span {
    	background: none;
    }
    
/*********************************
		PAGE PROPERTIES
**********************************/	
    
    #welcomePic {
        float: left;
        padding-top: 5px;
    }
    
    #welcomeTxt {
        float: left;
        padding: 15px 0 0 20px;
        /*width: 410px;*/
        width: 500px; 
    }
    
    #welcomeTxt a {
        font-size: 14px;
    }
    
    #flashFrame {
    	width: 439px;
    	height: 265px;
    	background: url(/images/villages/flash_frame.jpg) no-repeat;
    	padding: 18px;
    }
    
    #showcase {
        margin: 5px 0 0 0;
        padding: 0px;
        list-style: none;
    }
    
    #showcase li {
        float: left;
        width: 305px;
        padding-bottom: 20px;
    }
    
    #showcase p {
        padding: 0 30px 0 25px;
        margin-top: -5px;
        font-size: 11px;
    }
    
    #showcase p a {
        font-size: 13px;
    }

/*********************************
		COLUMN PROPERTIES
**********************************/	   

    .colMain {
        float: left;
        width: 580px;
        padding: 10px 50px 30px 10px;
    }
    
    .colMain ul {
        margin: 0;
        padding-left: 20px;
    }
    
    .colSub {
        float: left;
        width: 270px;
        padding: 10px 10px 20px 0px;
    }
    
    .colPic {
        float: left;
        margin-left: -10px;
    }
    
    .colTxt {
        width: 350px;
        float: left;
        padding: 0 10px;
    }
    
/*********************************
		BOX PROPERTIES
**********************************/	
	
	.box {
		background: #003f5f;
		margin: 5px 0 10px 0;
		color: #fff;
	}
	
	.boxTop {
		background:  url(/images/villages/b_tr.jpg) no-repeat right;
	}
	
	.boxMain {
		padding: 7px 15px;
	}
	
	.boxMain ul {
	    padding: 0 0 0 25px;
	    margin: 0;
	}
	
	.boxBottom {
		background:  url(/images/villages/b_br.jpg) no-repeat right;
		margin-bottom: 25px;
	}	
	
    .infoBox {
	    border: 1px #fce9ae solid;
	    padding: 12px 12px 12px 65px;
	    background: #fffbcf url(/images/villages/info_icon.jpg) no-repeat 15px 15px;
	    margin: 20px 0;
    }
    
    .infoBox h4 {
        font-size: 14px;
        padding-bottom: 10px;
    }
    
    .errBox {
	    border: 1px #5e0606 solid;
	    padding: 12px 12px 12px 65px;
	    background: #990000 url(/images/villages/err_icon.jpg) no-repeat 15px 15px;
	    margin: 20px 0;
	    color: #fff;
    }
    
    .errBox h4 {
        font-size: 14px;
        padding-bottom: 10px;
        color: #fff;
    }
    
    .errBox ul {
        margin: 0px;
        padding: 0 0 0 15px;
    }
    
    .errBox li {
        margin: 0px;
    }    

/*********************************
		FOOTER PROPERTIES
**********************************/	   

    #footerLogo {
        text-align: right;
        float: left;
        width: 250px;
        padding-left: 20px;
    } 
    
    #footerText {
        float: left;
        width: 640px;
        padding-left: 10px;
    }
    
    #footerLinks {
        margin: 0px;
        padding: 0px;
        list-style: none;
        color: #367976;
    }
    #footerLinks li {
        float: left;
        margin-right: 10px;
    }
    
    #footerLinks li a {
        margin-right: 10px;
    }
    
    
/*********************************
		CONTACT FORM PROPERTIES
**********************************/	  
#formtable {
	width:550px;
}

#formtable td{
	vertical-align:top;
	padding-bottom:15px;
	width:auto;
}

#formtable th{
	background-color:#00356B;
	border-bottom:2px solid #BED5E5;
	color:#F0F0F0;

	padding:5px;
	text-align:left;
	font-weight:bold;
	font-size:14px;
}

#formtable label{
	display: block;
	font-weight:bold;
	padding:2px;
}


#formtable td label.error{
	background: url(/images/villages/error_label_bg.gif) no-repeat 0% 50%;
	color:#bf1200;
	padding:2px 0px 2px 20px;
}


#formtable td input{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	border:1px solid #6E6E6E;
	padding:2px;
	width:246px;
}
#formtable td input.radio, #formtable td input.checkbox{
	display:inline;
	width:auto;
	border:0px;
}


#formtable td label.radio, #formtable td label.checkbox{
	display:inline;
	width:auto;
	border:0px;
}


#formtable td select{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	border:1px solid #6E6E6E;
	padding:2px;
	width:252px;
}

#formtable td textarea{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	border:1px solid #6E6E6E;
	padding:2px;
	width:246px;
}

#contact .note{font-size:9px;font-weight:bold;margin:0px;padding:0px;}

/*
input.fieldfocus{
	background-color:#f7f2a4;
}
*/
#contact input.phone{
	width:40px;
}
#contact input.extension{
	width:50px;
}

#contact input.city, #contact input.zip{
	width:100px;
}
#contact select.state, #contact select.country{
	width:120px;
}
#contact select.timezone{
	width:100px;
}
#contact select.besttime{
	width:120px;
}

#contact textarea.comments{
	width:540px;
}

#contact p.required{color:red;fon-size:9px;font-stle:italic;margin:0px;padding:0px;}

.question_required{font-size:16px; color: #FF0000;}

.odd{background-color:#ddd;}

.buttons{text-align:right;width:530px;}
.buttons input {
	font-weight:bold;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background:transparent url(/images/villages/fade-butt.png) repeat scroll 0%;
	border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204);
	border-style:double;
	border-width:3px;
	color:#333333;
	font-size:1em;
	padding:0.25em;
	width:auto;
}

.footnote{
	margin-left:2px;
	font-style:italic;
	color:#00a640;
}


input.require, select.require{
	background-color:#f7f2a4;
}
.required_radio{
	background-color:#f7f2a4;
}
span.require{
	font-size:10px;
	color:red;
	font-weight:bold;
}


#report {
	margin:1em 0em;
	border:1px solid #ededed;
	background:#fffbc6;
	position:relative;
}
#report h5{
	margin-top:0em;
	text-align:left;
	font-size:1em;
	background:#bf1200;
	color:#fff;
	padding:0.3em;
	margin-bottom: 3px solid #e1001d;
	font-size:1.2em;
}
#report ul{
	margin:1em;
	padding-left:1em;
	list-style:square;
}
#report ul li{
	list-style:square;
	font-size:1.1em;
}

/************ SPECIAL CONSULT DAY FORMATING *****************/
#consultDay{
  margin:20px 10px;
  padding-bottom:20px;
  float:left;
}
#consultDay .calendar{
  float:left;
  margin-right:10px;
}
#consultDay .points{
  list-style:none;
  padding:0px;margin:0px;
}
#consultDay .points li{
  margin:15px 0px 15px 10px;
  padding:0px 0px 0px 25px;
  font-size:14px;
  line-height:20px;
  list-style:none;
  background: url(/images/villages/point.jpg) no-repeat;
}

#consultDay h1{
  margin-bottom:10px;
  font-size:22px;
  height: 57px;
  line-height: 57px;
  letter-spacing:-1px;
}

#consultDetails{
  float:left;
  width:329px;
  margin-right:20px;
}

#consultForm{
  float:left;
  width:541px;
  background:url("/images/villages/consult_form_mid.jpg");
}
#consultForm .signup{
  position:absolute;
  margin-left:439px;
  margin-top:10px;
}
#consultForm .wrapper{
  padding:25px 25px 20px 25px;
  background:url("/images/villages/consult_form_top.jpg") no-repeat;
}
#consultForm .foot{
  height:15px;
  background:url("/images/villages/consult_form_bot.jpg") no-repeat bottom;
}
#consultForm .column{
  width:240px;
}
#consultForm .left{
  float:left;
  margin-right:10px;
}
#consultForm .right{
  float:left;
}

#consultForm .row{
  height:45px;
}
#consultForm h3{
  border-bottom:2px solid #5B9B98;
  margin:5px 0px;
}

#consultForm .rowColumn{
  float:left;
  width:110px;
  margin-right:8px;
}

#consultForm label{
display:block;
}
#consultForm .field{
  width:230px;
  background: #fff url(/images/villages/form_field_bg.gif) repeat-x;
  border:1px solid #7f9db9;
  color:#666;
}
#consultForm .city{
  width:108px;
}
#consultForm .state{
  width:108px;
}
#consultForm .country{
  width:108px;
}
#consultForm .zip{
  width:108px;
}
#consultForm .phone{
  width:42px;
}
#consultForm .extension{
  width:55px;
}
#consultForm .timezone{
  width:230px;
}
#consultForm .besttime{
  width:230px;
}
#consultForm .submit-button{
  float:right;
  background:#999;
  margin:10px 10px 0px 0px;
  margin-left:0px;
}