/* CSS Document */
body {
	margin: 0px;
	background: url(../images/bg.jpg) repeat-x left top;
	background-color: #8E5B38;
}
p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7B4017; line-height: 16px;}
a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7B4017; text-decoration: underline;}
a:hover { text-decoration: underline; color: #968468;}

li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7B4017; line-height: 16px; }

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6E3A16;
	line-height: 16px;
	font-weight: bold;
	padding: 30px 20px 0px 25px;
}

#sitemap { width: 433px; position: relative; text-align: left;}
#sitemap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.sitemap { width: 215px; float: left; }
.sitemap ul { text-align: left;}


#menubar2 { width: 800px; height: 57px; }
#container { text-align:left; background: url(../images/index/index_09.gif); background-repeat :repeat-y; width: 800px; margin: 0px auto 0px auto;}
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#insidecontainer { text-align:left; background: url(../images/index/index_09.gif); background-repeat:repeat-y; width: 800px; margin: 0px auto 0px auto;}
#bodycontainer { width: 694px; padding: 0px 57px 0px 49px; margin: 0px;}


#leftcol { width: 433px; padding: 0px; margin: 0px; float: left;}
#lc-top { width: 261px; height: 274px; float: left; padding-bottom: 50px;}
#leftcolbg {
	background-image: url(../images/index/index_05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 433px;
	padding: 0px 0px 15px 0px;
}
#leftcolbg p, #video p { padding: 0px 25px 0px 30px;}
#video { width: 433px; padding: 20px 0px 0px 0px; }

.leftcolbg {
	background-image: url(../images/index/index_05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 433px;
	padding: 0px 0px 15px 0px;
}
.leftcolbg p { padding: 0px 20px 0px 30px;}
#procedure { width: 433px; position: relative; }
#procedure:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.procedures { width: 144px; float: left; }
.procedures ul {text-align: left; list-style-type: square;
}
.procedures li{ padding: 5px 0px 0px 5px; line-height: 16px;}


#proareas { width: 420px; margin: 0px 0px 0px 0px; position: relative; }
#proareas:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#proareas div { width: 170px; float: left; }
#proareas ul {text-align: left; list-style-type: square; margin: 0px 0px Opx 20px;}
#proareas li { font-size: 11px; margin: 1px 0px 0px 5px; }
#proareas a { font-size: 11px; }
#proareas h4 { font-size: 12px;	font-family: Arial, Helvetica, sans-serif;	color: #6E3A16;	font-weight: bold; padding: 0px 0px 0px 25px; margin: 0px;}




#rightcol {width: 261px; padding: 0px; margin: 0px; float: left;}
#contactbg { background: url(../images/index/index_13.gif); background-repeat :repeat-y; width: 261px; margin: 0px auto 0px auto;}
#contacttext p{ padding: 0px 30px 0px 57px; margin: 0px;}
#quickcontact { width: 261px;}
#quickcontact form { width: 200px; margin-top: 0px; margin-left: 50px; margin-bottom: 0px; margin-right: 0px; }
#quickcontact div { margin: 2px 0px 0px 25px; font-size: 11px; color: #000000; }
.fields {
	display: block;
	width: 145px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-top: 0px;
	margin: 0px;
	border: 1px solid #D0C7C0;
} 
.bigfields { display: block; width: 145px; height: 80px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; border: 1px solid #D0C7C0; padding-top: 0px; margin: 0px; } 

#footer p{ margin: 0px; padding: 0px; background-color: #8E5B38; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; line-height: 16px; text-align:center;}
#footer a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: underline;}
#footer a:hover { text-decoration: underline; color: #FCEACF;}

/* nav */
#menubar { position: relative; text-align: left; } /* when doing a drop down make sure the nav and the drop down div's are contained inside this div */
.menu .options { margin-right:1px; margin-bottom:1px; background-color:#EFE1D7; }
.menu a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#8E5B38; display:block; padding:2px 10px; text-decoration:none; background-color:transparent; border-width: 1px; border-style: solid; border-color: #FFFFFF}
.menu a:hover { background-color: #C0AFA2; color:#ffffff;  }

#nav { background: url(../images/index/index_03.gif) no-repeat top left; width: 800px; height: 57px; position: relative; margin: 0px; padding: 0px; }
#nav li { list-style: none; padding: 10px 0px 0px 4px; margin: 0px; position: absolute; top: 0px;}
#nav li, #nav a { height: 31px; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px;	color: #6E3A16;	font-weight: bold; padding-top: 8px; text-align: center; text-decoration: none; }
#nav li, #nav a:hover { text-decoration: underline; color: #AE7C5A; }
#nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px; text-decoration: none; }
#nav1 { width: 75px; left: 43px;}
#nav2 { width: 133px; left: 98px;}
#nav3 { width: 94px; left: 228px;}
#nav4 { width: 79px; left: 323px;}
#nav5 { width: 113px; left: 408px;}
#nav6 { width: 141px; left: 522px;}
#nav7 { width: 72px; left: 660px;}

/* CRAZYNESS! Sorry didn't realize you were doing more of a difficult nav. You want to seperate each link into its own div by assigning them 'width' and 'left' properties.

#nav2 { background: url(../images/index/nav.gif) no-repeat top center; width: 800px; height: 57px; position: relative; margin: 0px; padding: 0px; }
#nav2 li { list-style: none; padding: 15px 0px 0px 50px; margin: 0px; position: absolute; top: 0px;}
#nav2 li, #nav2 a { height: 30px; display: block; }
#nav2 span { display: none;}

.menu .options { margin-right:1px; margin-bottom:1px; background-color:#EFE1D7; }
.menu a, .menu a:visited, .menu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#8E5B38;
	display:block;
	padding:2px 10px;
	text-decoration:none;
	background-color:transparent;
	border: 1px solid #FFFFFF;
}
.menu a:hover { background-color: #C0AFA2; color:#ffffff; }

#nav{
	background-image:url(../images/index/index_03.gif);
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 8px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6E3A16;
	text-decoration: none;
	line-height: 16px;
	font-weight: bold;
	height: 57px;
	width: 800px;
	margin: 0px; 
}

#nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6E3A16;
	text-decoration: none;
}
#nav a:hover { text-decoration: underline; color: #AE7C5A;} 
*/

/* buttons */
#button1 { width: 261px; height: 274px; }

#m_button { width: 261px; height: 330px; background: url(../images/index/buttons.jpg); no-repeat top left; margin: 0px; padding: 0px; position: relative; }
#m_button p {
	padding: 8px 0px 0px 90px;
	margin: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;
	font-weight: bold; 
	line-height: 14px;}
	
#m_button li {margin: 0px; padding: 0px; list-style: none; display: block; position: absolute;}
#m_button a {display: block;}

#m_button1 {top: 3px; left: 57px; width: 175px; height: 45px; }
#m_button2 { top: 56px; left: 57px; width: 175px; height: 47px; }
#m_button3 { top: 111px; left: 58px; width: 175px; height: 45px; }
#m_button4 { top: 166px; left: 58px; width: 175px; height: 45px; }
#m_button5 { top: 220px; left: 58px; width: 175px; height: 45px; }
#m_button6 { top: 275px; left: 58px; width: 175px; height: 45px; }

#m_button1 a {height: 45px; text-decoration: none; margin: 0px; padding: 0px;}
#m_button2 a {height: 47px; text-decoration: none;}
#m_button3 a {height: 45px; text-decoration: none;}
#m_button4 a {height: 45px; text-decoration: none;}
#m_button5 a {height: 45px; text-decoration: none;}
#m_button6 a {height: 45px; text-decoration: none;}

#m_button1 a:hover { background: url(../images/index/buttons.jpg) -318px -3px no-repeat; margin: 0px; padding: 0px;}
#m_button2 a:hover { background: url(../images/index/buttons.jpg) -318px -56px no-repeat;}
#m_button3 a:hover { background: url(../images/index/buttons.jpg) -319px -111px no-repeat;}
#m_button4 a:hover { background: url(../images/index/buttons.jpg) -319px -166px no-repeat;}
#m_button5 a:hover { background: url(../images/index/buttons.jpg) -319px -220px no-repeat;}
#m_button6 a:hover { background: url(../images/index/buttons.jpg) -319px -275px no-repeat;}

/* main contact*/ 
 #big-contact { padding:20px 0 10px 25px; float:left; } 
 #big-contact label { width:150px; position:relative; display:block; text-align:right; color:#7B4017; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7B4017;} 
 #big-contact label input, #big-contact label textarea { background-color:#fff; border:1px solid #D0C7C0; position:absolute; width:150px; left:110%; top:-2px; } 
 #big-contact select { background-color:#ffffff; border:1px solid #D0C7C0; position:absolute; width:150px; left:110%; top:-2px; font-size: 11px;}
 #big-contact label textarea { width:150px; height:75px; top:0; } 
 .submit-big-contact { margin:80px 0 0 250px; width: 51px; border: 0px;}
 #flash_area2{
	height: 250px;
	width: 175px;


}
	
	#flash_news {
	width: 300px;
}
#boss_news {
	padding-left: 25px;
	margin-left: 35px;
	margin-top: -5px;
	height: 300px;
	width: 320px;
}