body{
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
background-image:url(../images/bg.jpg);
  background-position:top center; /* this will default to being center on ALL Browsers, when will fit where you want it to be when centering your template */
  background-repeat: no-repeat; /* repeat only one time; you can also repeat-y, which will repeat on the y axis only, or repeat-x, which will repeat on the x axis only*/
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  margin:0;
  text-align:center;
  padding:0;
  background-color:#642e0e;
  
}


#gallery_background{
	background-color:#f9f6ea;
	}

p{
  font-family: Arial;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  margin-left:17px;
  margin-right:10px;
  color:#5b5856;
 
}
li{
  font-family: Arial;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  margin-left:20px;
  margin-right:10px;
  color:#5b5856;
 
}

table{
	margin-left:20px;
}

#backcontainer {
  width:806px;
  margin: 0 auto;
  padding:0;
  text-align: left;
}

#container {
  width:806px;
  float:left;
  margin-top:49px;

}

#header{
  clear:none;
  float:left;
  width:806px;
}

#nav{
  clear:none;
  float:left;
  width:806px;
  height:51px;
  background-image:url(../images/nav_bg.jpg);
  background-position:top center; /* this will default to being center on ALL Browsers, when will fit where you want it to be when centering your template */
  background-repeat: repeat; /* repeat only one time; you can also repeat-y, which will repeat on the y axis only, or repeat-x, which will repeat on the x axis only*/
  
}

#banner{
  clear:none;
  float:left;
  width:806px;
  height:350px;
}


#inside_banner{
  clear:none;
  float:left;
  width:806px;
  height:136px;
}

 #copy{
  clear:none;
  float:left;
  width:746px;
  background-color:#f9f6ea;
  padding-left:50px;
  padding-right:10px;
  

 }

#callout {
  width:806px;
  height:125px;
  float:left;
  background-color:#f9f6ea;
}


#callout1 {
  width:256px;
  height:125px;
  float:left;
  margin-left:25px;
}

#callout2 {
  width:250px;
  height:125px;
  float:left;
 }
 
#callout3 {
  width:248px;
  height:125px;
  float:left;
 }
 
 #gallery {
  width:720px;
  height:100px;
  float:left;
  margin-left:17px;
  background-color:#f9f6ea;
}


#gallery1 {
  width:175px;
  height:100px;
  float:left;

  
}

#gallery2 {
  width:175px;
  height:100px;
  float:left;

 }
 
#gallery3 {
  width:175px;
  height:100px;
  float:left;

 }
 
 #gallery4 {
  width:175px;
  height:100px;
  float:left;

 }




#footer{
  clear:both;
  float:left;
  width:781px;
  height:90;
  background-image:url(../images/footer.jpg);
  background-position:top center; /* this will default to being center on ALL Browsers, when will fit where you want it to be when centering your template */
  background-repeat: no-repeat; /* repeat only one time; you can also repeat-y, which will repeat on the y axis only, or repeat-x, which will repeat on the x axis only*/
  padding-left:25px; 
  padding-top:15px;
  
}

a.videonav:link{
	font-family:Arial, Helvetica, sans-serif;
	color:#6c5635;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	text-decoration:none;
}

a.main:link{
	font-family:Arial;
	color:#5b5856;
	text-decoration: none;
}

a.main:visited{
	font-family:Arial;
	color:#5b5856;
	text-decoration: none;
}


a.main:hover { 
	font-family:Arial;
	color:#666161;
	text-decoration: underline;
}


a.survey:link{
	display:block;
	width: 418px;
	height: 82px;
	color:#333;
	background: url("../images/survey_startbutton_off.jpg") 0 0 no-repeat;
	text-decoration: none;
}

a.survey:visited{
	display:block;
	width: 418px;
	height: 82px;
	color:#333;
	background: url("../images/survey_startbutton_off.jpg") 0 0 no-repeat;
	text-decoration: none;
}

a.survey:hover { 
	display:block;
	width: 418px;
	height: 82px;
	color:#333;
	background: url("../images/survey_startbutton_on.jpg") 0 0 no-repeat;
	text-decoration: none;
}


a.footer:link{
	font-family:Arial;
	font-size:10px;
	line-height:16px;
	color:#c6c5c4;
	text-decoration:none;
}


a.footer:visited{
	font-family:Arial;
	font-size:10px;
	line-height:16px;
	color:#c6c5c4;
	text-decoration:none;
}

a.footer:hover{
	font-family:Arial;
	font-size:10px;
	line-height:16px;
	color:#c6c5c4;
	text-decoration:underline;
}  
	
.ine{
	margin-left:17px;
}

h1{
	font-family: Arial;
  font-size: 16px;
  font-weight:bold;
  line-height: 20px;
  text-decoration: none;
  margin-left:17px;
  color:#5b5856;

}

h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#5b5856;
	margin-left:17px;
	font-size:14px;
	font-weight:bold;

}
h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#6c5635;
	font-size:14px;
	font-weight:bold;

}

h4{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight:normal;

}
.subhead{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:16px;
	font-weight:bold;
}
.subhead2{
font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	line-height:15px;
	text-decoration:none;
}
.subhead3{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:16px;
	font-weight:normal;
	line-height:20px;
}
	
.tabletext{
  font-family: Arial;
  font-size: 12px;
  line-height: 20px;
  margin-right:10px;
  color:#5b5856;
 
}



.footerheaders{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	line-height:16px;
	color:#c6c5c4;
	text-decoration:none;
}


.footercopy{
	font-family:Arial;
	font-size:10px;
	line-height:16px;
	color:#c6c5c4;
}


.imagepadding{
	padding-right:10px;
}