/*************************************************************************************************
/* File: layout.css
/* Purpose: This file contains all of the layout defining CSS styles used in the template.
/************************************************************************************************/


/* -----------------------------------------------------------------------------------*/
/* ---------------------------------->>> GLOBAL <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------*/


body{ 
	background:url(../images/bkrnd_page.png);
	font-family:Verdana,Arial, sans-serif;
	font-size:62.5%;
	}

h2{ 
	border-bottom:1px solid #597b7b;
	color:#597b7b; 
	font-size:1.4em;
	margin-bottom:5px;
	}

h3{ 
	border-bottom:1px solid #597b7b;
	color:#597b7b;  
	font-size:1.2em; 
	margin-top:20px;
	}

h4{ 
	color:#597b7b;  
	font-size:1.1em;
	}
		
p{ 
	font-size:1.2em; 
	line-height:1.7em; 
	margin-bottom:15px; 
	}

a{ 
	color:#597b7b; 
	font-weight:bold; 
	text-decoration:none; 
	}
	
a:hover{ background-color:#d9e7e7;}

ul{ margin-bottom:15px; }

li{ 
	background:url(../images/bullet_standard.png) left center no-repeat; 
	font-size:1.2em;
	padding:3px 0 3px 15px;
	}

.textHeavy li{ background-position: left 8px;}
.textHeavy p{ font-size:90%; line-height:1.4em; margin-bottom:5px; }
input, select, textarea{ margin-bottom:10px;}


/* -----------------------------------------------------------------------------------*/
/* ---------------------------------->>> LAYOUT <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------*/

#site{ 
	background:url(../images/bkrnd_site.jpg);
	margin: 0 auto;
	width:915px;
	}

#header{ 
	background:url(../images/bkrnd_header.jpg); 
	height:156px; 
	width:100%; 
	margin-bottom:30px;
	position:relative;
	}
	
	#postageBox { position:absolute; bottom:0; right:40px;}
	
#content{ 
	background:transparent url(../images/bkrnd_content.png) no-repeat top left;
	float:left;
	display:inline;
	margin-left:25px;
  	width:586px;
 
	}
		
	#content .boxBottom {
	  background:white url(../images/bkrnd_content.png) no-repeat bottom left;
	  font-size:1px;
	  line-height:1px;
	  height:31px;
	}
	
	/* rounded corners */
	#content .roundedTop { background:url(../images/contentTop.gif) no-repeat top left; height:92px; }
	#content .roundedBottom { background: transparent url(../images/contentBottom.gif) no-repeat bottom left; height:31px; 	padding: 31px 0 0 70px; }

#contentArea{padding:30px 65px;}

#sidebar{ 
	float:left;
	width:200px;
	background:transparent url(../images/bkrnd_sidebar.png) no-repeat top left;
	}
	#sidebar img{ margin-left:45px;}


#footer{ 
	background:url(../images/bkrnd_footer.jpg); 
	clear:both;
	height:186px; 
	position:relative;
	width:100%; 
	}
	#footer p{width:330px; text-align:center; margin:auto; padding-top:75px; padding-left:20px; font-size:1em; line-height:1.2em;}
	#footer a{ color:#000; }
	#footer a:hover{ background-color:#dccd9c;}

/* -----------------------------------------------------------------------------------*/
/* -------------------------------->>> NAVIGATION <<<---------------------------------*/
/* -----------------------------------------------------------------------------------*/

#nav{ list-style-type: none; margin-left:20px; width: 193px; }
#nav li{ background:transparent; padding:0; }
	
	#nav a{ width: 193px; display:block; background-position:-105px; text-indent:-5000px;}
	
	#step1{ background:url(../images/nav_1.gif) no-repeat; height:46px;}
	#step2{ background:url(../images/nav_2.gif) no-repeat; height:41px;}
	#step3{ background:url(../images/nav_3.gif) no-repeat; height:41px;}
	#step4{ background:url(../images/nav_4.gif) no-repeat; height:41px;}
	#step5{ background:url(../images/nav_5.gif) no-repeat; height:41px;}
	#step6{ background:url(../images/nav_6.gif) no-repeat; height:43px;}
	#step7{ background:url(../images/nav_7.gif) no-repeat; height:40px;}
	#step8{ background:url(../images/nav_8.gif) no-repeat; height:41px;}
	#step9{ background:url(../images/nav_9.gif) no-repeat; height:41px;}
	#step10{ background:url(../images/nav_10.gif) no-repeat; height:45px;}
	


/* -----------------------------------------------------------------------------------*/
/* -------------------------------->>> IMAGE MAPS <<<---------------------------------*/
/* -----------------------------------------------------------------------------------*/
.hotspotLogo{	
	bottom:0;
	display: block;
	height: 286px;			
	position:absolute;
	left:0;
	width: 335px;
	}


.hotspotContact{	
	bottom:0;
	display: block;
	height: 186px;			
	position:absolute;
	right:0;
	width: 235px;
	}
			
.hotspotLocations{	
	display: block;
	height: 73px;
	left:29px;
	position:absolute;
	top:0;
	width: 162px;
	}

.hotspotLogo:hover	{background-color:transparent !important;}
.hotspotContact:hover	{ background:url(../images/hotspotContact.jpg); 	background-color:transparent !important;}
.hotspotLocations:hover{ background:url(../images/hotspotLocations.jpg);  	background-color:transparent !important;}

/* -----------------------------------------------------------------------------------*/
/* ----------------------------------->>> FORMS <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------*/

#formStyle{ border:solid 1px #d6e2e2; background:#f7fefe; padding-bottom:30px;}
	#formStyle form{ padding:15px; }
	#formStyle button{ float:right; margin:10px 50px;}
	#formStyle label{ float:left; width:140px; text-align:right; font-size:1.1em; margin-right:3px; }
	#formStyle input{ width:200px; border:solid 1px #9ab6b6; padding:2px; }

.required{color:#597b7b; font-weight:bold; }

#privacyBox{ background:#daf1f1; width:80%; margin:auto; }
	#privacyBox td{ text-align:center; margin:auto; padding:10px;}
	#privacyBox label{  text-align:left;  width:auto;}
	#privacyBox input{ width:30px; }

#formFields label{ width:80px; }

/* For Checkbox Tables */
table label{ text-align:left !important; }
table input{ width:auto !important; margin-top:6px;}

/* -----------------------------------------------------------------------------------*/
/* ----------------------------->>> BASE CLASSES <<<----------------------------------*/
/* -----------------------------------------------------------------------------------*/

.footnote{ font-size:1em; line-height:1.3em; }