/* defualt style */

blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}


html {
	height: 100%;
}
body {
	font:76%/1.5  Lucida Sans Unicode, Arial, Helvetica, sans-serif; 
	margin: 0px;
	height: 100%;
	
	color: #333;
	background:#d6cbb2 url(../images/bg.jpg);
	
	
}

h1 { font-size: 2em; line-height: 1.1em; margin:10px 0;}
h2, h3, h4{margin-top:1.2em;}

h2, h3, h4, h5, h6 { font-weight: bold; letter-spacing: -1px; margin-bottom: 0.2em; }

h2 { font-size: 1.5em; color: #5f605c;  }

h3 { font-size: 1.4em; color: #7e7762; letter-spacing: 0; }

h4 { font-size: 1em; font-weight:bold; color: #333; letter-spacing: 0; }




p { font-size: 1em; color: #333; line-height: 1.5em; margin-bottom:12px; }

a, a:link { color: #537a1e; text-decoration: none; }

a:hover, a:active { text-decoration: none; color:#f1c74e; }

ul, ol{margin-bottom:10px;}

ul li {
	list-style: disc;
	margin-left: 2em;
}

ul.no-markers li {
	list-style: none;
	margin-left: 0;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	line-height: 1em;
}

ol li {
	list-style-type: decimal;
	margin-left: 2em;
}

em {
	font-style: italic;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#skip{display:none;}





/* Global Structure \*/

#mainContainer{ width:100% margin:0; padding:17px 0 0 0;}
#mainContent{width:900px; margin:0 auto; padding:6px 5px 0 5px; background: transparent url(../images/bg-shade.png) top left no-repeat;}

/* header \*/
#header{width:900px; height:96px; margin:0; padding:0;}
#header h1 a{width:331px; height:72px; display:block; text-indent:-9999px; background: url(../images/logo.png) top left no-repeat; margin:31px 0 0 30px;}

/* top nav\*/
#navcontainer{font-size: 1.1em; padding:0; width: 880px; float:left; margin:0 10px 10px 10px; background: #6c6349 url(../images/nav_bg.gif) top left no-repeat; }
#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;


}

#navlist li
{
display: inline;
list-style-type: none;
float:left;
margin:0;
padding:6px 0;



}

#navlist a { padding:3px 10px 4px 10px; float:left; border-right:1px solid #89826d; border-left:1px solid #5f5740; }
#navlist a.first { padding:3px 10px 4px 20px; float:left; border-right:1px solid #89826d; border-left:none; }

#navlist a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navlist a:hover, #navlist a:link.current, #navlist a:visited.current
{
color: #f1c74e;
text-decoration: none;
}

/*Home Page Hero Image\*/
#heroPic{width:880px; height:226px; margin:0 10px; background:url(../images/hm_hero.jpg) top left no-repeat; float:left;}

/*hm content container*/
#hmcontentContainer{width:852px; padding:19px 24px 0 24px; float:left; background-color:#FFFFFF; }
#hmLeftColumn{width:645px; margin:0 24px 25px 0; float:left; }
#hmRightColumn{width:183px; margin:0;  float:left;}
#hmRightColumn img{margin:0 0 22px 0;}

#hmLeftColumn h2{margin:0 0 15px 0;}

#hmIntro{width:611px; padding:20px 17px 19px 17px; background:#edeae1 url(../images/intro_bg.gif) bottom left no-repeat; margin:0;}
#hmIntro h2{font-size:2em; color:#d5a401;}

#hmIntro ul
{
list-style: none;
margin: 0;
padding: 0;
font-weight:bold;
font-size:1.2em;

}

#hmIntro ul li
{
background-image: url(../images/icon_tick.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 30px;
margin: 0;
list-style: none;
}

#hmResults{width:611px; padding:0 17px;  margin:0 0 22px 0;}
#hmResultsC1{width:300px; margin:0 5px 0 0;float:left; }
#hmResultsC2{width:305px; margin:0;float:left; }
#hmResults h4{margin-top:5px;}

/*footer*/

#footerContainer{position:relative; width:852px; height:137px; margin:0 auto; padding:24px; float:left; background: transparent url(../images/footer_bg.png) top left no-repeat; }
#footerContainer p{font-size:0.9em;}
#footerContentLeft{width:439px; margin:0 40px 0 24px; padding:0; float:left;}
#footerContentRight{width:269px; margin:; padding:0; float:left;}

#footerContainer .face a, #footerContainerSec .face a{ position:absolute; top:55px; left:750px; width:72px; height:34px; display:block; background:url(../images/fish.png) top left no-repeat; text-indent:-9999px;}
#footerContainerSec .face a:hover, #footerContainer .face a:hover{background:url(../images/fish.png) top right no-repeat;}


/*Secondary Page specific*/

#secHero{width:880px; height:103px; margin:0 10px 20px 10px;background:url(../images/sec_hero.jpg) top left no-repeat; padding:0;  float:left; }
#secContent{position:relative; width:852px; padding:0 24px 40px 24px; float:left; background-color:#FFFFFF;}
.pageNav{position:absolute; list-style:none; margin:0; padding:0; top:65px; right:300px;}
.pageNav li{float:left; list-style:none; margin:0; padding:0; }
.pageNav li a{font-weight:bold; margin:0 6px; padding:0;}

.slideBase{width:204px; margin:0 12px 20px 0; background:url(../images/slide_bg.jpg) top left no-repeat; float:left; text-align:center;}
.slideEnd{margin:0 0 20px 0; text-align:center;}
.slideBase a img , slideEnd a img{border:1px solid #d7d0c4; margin:18px 0 0 0;}
.slideBase p, .slideEnd p{margin:19px 0 0 0; }
.slideBase p a, .slideEnd p a{font-weight:bold;}

#footerContainerSec{position:relative; width:852px; height:137px; margin:0 auto; padding:24px; float:left; background: transparent url(../images/footer_bg.png) top left no-repeat; }
#footerContainerSec p{font-size:0.9em;}
#footerContentLeftSec{width:453px; margin:0 40px 0 0; padding:0; float:left;}
#footerContentRightSec{width:269px; margin:; padding:0; float:left;}



/*Form*/

#reg, #contact{margin:20px 0 0 0; padding:15px; background-color:#f3ece0; border:1px solid #bcae94; width:530px;}
 label{
float: left;
width: 190px;
font-weight: bold;
margin:0 0 18px 0;
}

#contact label{
float: left;
width: 110px;
font-weight: bold;
margin:0 0 18px 0;
}

 label.tick{
float: left;
width: 190px;
font-weight: bold;

}
div.pleasetick{margin-left: 21px; margin-top:-19px; margin-bottom:30px;float:left;}

input.decbox{ float:left;}

label span{font-weight:normal; font-size:0.9em; color:#666;}

#reg input, #reg textarea{


}

.asterisk{float:right; font-size:0.9em ; width:100%; margin-bottom: 10px; text-align:right;}

#reg textarea, #contact textarea{
width: 250px;
height: 150px;
margin:0 0 18px 0;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

#reg br, #contact br{
clear: left;
}

dt{float:left; font-weight:bold; width:100px;}
dd{float:left;}