@charset "utf-8";
/* CSS Document */
/* CSS RESET */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}
/* END CSS RESET (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */

body{background-image:url(../i/BackgroundTile.jpg); background-repeat: repeat; /*font-family: Arial, Helvetica, sans-serif;*/ font-size: 15px; color: #343434; }

/* Link Settings */
a:link{color: #cc0000; text-decoration: none;}
a:visited{color: #666666;}
a:hover{color: #666666;}

#footerContainer a:link{color: #FFFFFF; text-decoration: none;}
#footerContainer a:visited{color: #CCCCCC;}
#footerContainer a:hover{color: #CCCCCC;}

/* Headings */
h1{border-bottom: 1px solid #d8d2ca; margin-bottom: 10px; background-image: url(../i/4Squares.png); background-position: center right; background-repeat: no-repeat;}
h2{color: #1b71a2; margin-bottom: -5px; border-bottom: 1px solid #d8d2ca;}
h3{color: #1b71a2; margin-bottom: 5px; 
clear:both;/*border-bottom: 1px solid #d8d2ca;*/}

/* Main Site Containers */
#container{margin: 0px auto; width:960px; position: relative; background-color: #f5edd0; border: 1px solid #666666; background-image:url(../i/ContentVTile8.jpg); background-repeat: repeat-y; border-bottom: none;}
#subHeader{position: relative; height: 159px; width: 960px;}
#subTitle{position: absolute; top:0px; left:220px; width: 740px; height: 159px;}
#innerContainer{background-image:url(../i/Footer10.jpg); background-repeat: no-repeat; background-position:left bottom; min-height: 550px; position: relative; padding-bottom: 90px; text-align: justify;}
#contentContainer{position: relative; margin: 0px 0px 10px 185px; width: 755px; padding: 0px; }
#footerContainer{ text-align: center; width: 450px; color: #ffffff; font-size: 12px; line-height: 16px; position: absolute; bottom: 15px; left: 105px;}


#navContainer{position: absolute; top:0px; left:0px; width: 220px; height: 159px;}
#navBottom{position: absolute; top:159px; left:0px; width: 220px; height: 107px;}
#navigation{background:url("../i/NavUp4.jpg") 0 0 no-repeat; width:220px; height:159px; }
#navigation li span { display: none; }
#navigation li {float:left; list-style:none; position:relative; }

li#navHome a {height:40px; display:block; margin:0; padding:0;}
li#navServices a {height:39px; display:block; margin:0; padding:0;}
li#navActivities a {height:34px; display:block; margin:0; padding:0;}
li#navContact a {height:34px; display:block; margin:0; padding:0;}

li#navHome, li#navServices, li#navActivities, li#navContact {width:220px; }

#navHome a:hover {background:url("../i/NavOver4.jpg") -0px -0px no-repeat;}
#navServices a:hover { background:url("../i/NavOver4.jpg") -0px -40px no-repeat; }
#navActivities a:hover { background:url("../i/NavOver4.jpg") -0px -79px no-repeat; }
#navContact a:hover { background:url("../i/NavOver4.jpg") -0px -113px no-repeat; }

/* Lists */
.copyList{margin: 10px 0px 10px 0px;}
.copyList li {list-style-type: disc; font-weight: bold; font-size: 13px; margin: 0px 0px 0px 35px; line-height: 20px;}

/* Layout */
.bodyCopy{padding: 10px 10px 10px 10px; margin: 0px 10px 0px 0px; }
.content{width: 460px;}
.contentTop{position: absolute; top: 0px; left: 0px; width: 799px; height: 10px;}
.contentBottom{position: absolute; bottom: 0px; left: 0px; width: 799px; height: 10px;}
.mapContainer{border: 1px solid #7a6958; width:425px; height: 350px; margin-bottom: 5px;}
#cornerPhoto{position: absolute; bottom: 11px; right: 11px; width: 325px; height: 260px;}

.contactFloatR{float: right; width: 450px;margin: 0px;}

/*Form */
.form{width: 450px; margin: 0px auto;}
.row{clear: left; padding: 6px; font-weight: bold; font-size: 13px;}
label{float: left; width: 125px; text-align: right; margin-right: 5px; padding-top: 3px;}
.txtbx{float: left; width:203px; border: 1px solid #7a6958; padding: 3px;}
.txtbxR{float: left; width:200px; border: 1px solid #7a6958; padding: 3px; border-right: 4px solid #CC0000;}
.ddl{float:left; width:205px; border: 1px solid #7a6958;}
.ddlR{float:left; width:75px; border: 1px solid #7a6958; border-right: 4px solid #CC0000;}
.validation{float:left; color:Red}
.txtarea{width:440px; height: 100px;}
.chkLabel{float:none;}

.picIdentify{float: left; width: 145px; text-align: center; margin-bottom: 5px;}
.picIdentify img{margin: 6px; border: 1px solid #FFFFFF;}

/*Misc */
.clear{margin:0px; padding: 0px; clear: both; height: 0px;}
.center{text-align: center;}
.floatR{position: relative; float: right;}
.italic{text-align: center; font-style: italic; padding: 0px 70px 0px 40px; margin: 15px 0px 15px 0px; font-size: 13px; line-height: 16px; font-weight:bold;}
hr.thin{height: 1px; border: 0px; color: #67573e; background-color: #7a6958;}
.smallText{font-size: 12px;}
#contentContainer ul{
list-style:disc outside none;
margin-left:0px;
float:left;}
#contentContainer ul li {
 list-style-type: disc;
 margin: 0 0 0 35px;
 margin-bottom: 4px;}
#contentContainer ol {
list-style:decimal outside none;
margin-left:0px;}
#contentContainer ol li {
 list-style-type: decimal;
 margin: 0 0 0 35px;}
 #contentContainer img {
 padding:8px;}
#contentContainer p {
clear:left;}
