/* ================================================================ **
** style.css

/* ---------------------------------------------------------------- **
** Generic
** ---------------------------------------------------------------- */
html {
	height: 100%;
	/* font-size: 62.5%; */
}

body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	color: #646464;
	padding: 15px;
	text-align: center;
}

h1,h2,h3,h4,h5,h6{
margin: 8px 0px;
color: #5A3D1F;
}


h1{
font-size: 1.1em;
}

h2{
font-size: 0.9em;
}

h3{
font-size: 0.7em;
}

h4{
font-size: 0.6em;
}


/* links */
a{
color: #000066;
text-decoration:none; 
}

a:hover{
color:#C9CDE0;
text-decoration:none; 
}

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/
#container {
	margin: 0 auto;
	text-align: left;
	width: 840px;
	}

/*------------------------------------------------------------*
**  Banner 1
**------------------------------------------------------------*/
#banner1 {
	padding: 0px;
	height: 92px;
	width: 840px;
}

#banner1Left {
	float:left;
	background: url('../images/logo.jpg') no-repeat;
	width: 415px;
	height: 77px;	
	margin: 0;
	}	
#banner1Left a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	outline: none;
	}
	
#banner1Right {
	padding: 10px;
	float: right;
	width: 400px;
	text-align:right;
}

#topmenu ul{
margin: 0px;
padding: 0px 0px 0px 20px;
list-style: none;
font-size: 10px;
}

#topmenu li{
display: inline;
}

#topmenu a{
	font-weight: normal;
	font-size:1.1em;
	text-transform: lowercase;
	text-decoration:none; 
	color: #000000;
	
	padding: 2px 5px;
}

#topmenu a:hover{
color:#99CCCC;
text-decoration:underline;
}

#strapline {
	padding-top: 15px;
}
.smallsubtext {font-size:9px; color: #666666;}
.taglinefont {font-size:12px; font-weight:bold; color:#5A3D1F;}
.phonenumber {font-size:16px; font-weight:normal; color:#000000;}

/*------------------------------------------------------------*
**  Banner 2
**------------------------------------------------------------*/
#banner2 {
	clear:both;
	background: #99CCCC;
	height: 16px;
	padding: 4px 0px 4px 0px;
	font-size: 12px;
}


#banner2 ul{
margin: 0px;
padding: 0px 0px 0px 20px;
list-style: none;
float: left;
width: 100%;
position: relative;
}

#banner2 li{
float: left;
}

#banner2 a{
text-decoration:none; 
color: #000000;
padding: 0px 5px;
font-weight: normal;
text-decoration:none;
}

#banner2 a:hover{
color:#5A3D1F;
text-decoration:underline;
}

#banner2 .current{
	text-decoration:underline;
	font-weight: bold;
}


/*------------------------------------------------------------*
**  Banner 3
**------------------------------------------------------------*/

#banner3 { clear:both; background: #dddddd; padding: 0px; }

#banner3Left {
	float:left;
	width: 580px;
	height: 233px;	
	margin: 0px;
	padding: 0px;

}

#banner3Right {
	float: right;
	width: 260px;
	height: 233px;	
	margin: 0px;
	padding: 0px;
}

#banner3RightMenu{
float: right;
width: 240px;
list-style: none;
margin: 0px;
padding: 0px;
margin-top:50px;
font-size: 12px;
}


#banner3RightMenu li{
height: 35px;
margin-bottom: 13px;
background: url('../images/callToActionBG.jpg') no-repeat bottom right;
}

#banner3RightMenu a{
display: block;
color:#99CCCC;
font-weight:bold;
text-decoration:none;
}

#banner3RightMenu a:hover{
color: #000000;
text-decoration:underline;
}

#banner3RightMenu span{
color:#666666;
font-size: 0.8em;
}

/*------------------------------------------------------------*
**  Banner 4
**------------------------------------------------------------*/

#banner4 {
	clear:both;
	background: url('../images/banner4BG.jpg') repeat-x;
	padding: 0px;
	height: 20px;
	width: 840px;
}

#banner4 ul{
	margin: 0px;
	padding: 3px 0px 0px 20px;
	list-style: none;
	float: left;
	width: 100%;
	font-size: 12px;
	color: #646464;
}

#banner4 li{
	float: left;
	
}

#banner4 a{
	text-decoration:none; 
	padding: 0px 5px;
	text-decoration:none;
	color: #646464;
}

#banner4 a:hover{
	color:#5A3D1F;
	text-decoration:underline;
}

#banner4 .current{
	text-decoration:underline;
	font-weight: bold;
}


/*------------------------------------------------------------*
** Body 
**------------------------------------------------------------*/

#body {
	clear: both;
	padding-top: 15px;
}


#body #content,
#body #subcontent { float: left; }

#body #content { width: 565px; padding-right: 15px }
#body #subcontent { padding-left: 15px; width: 245px; }

#body #contentWide { width: 840px; }

/* text */
p {
	line-height: 1.5em;	
	font-size: 0.7em;
}

.menuTitle, .menuItem {
	font-style: italic;
	text-align: center;
}

.menuTitle{
	font-weight: bold;
}

.specialOffer {
	color: #cc3333;
}

.offerTerms {
	font-size: 10px;
	color: #999999;
}

.error {
	color: red;	
}

/* lists */
#content ul, #subcontent ul, #contentWide ul {
	line-height: 2em;
	list-style-type: square;
	font-size: 0.7em;
}

/* images */





/* tables */
table { margin: 15px 0; border-collapse: collapse; }
table th.prices, table td.prices {padding: 10px 15px;  text-align: left; font-size: 12px; vertical-align: top; }

table th.prices { 
	background: #99cccc;
	color: #fff; 
	border: 1px solid #fff; 
	font-weight: normal; 
	}	


/* forms */
form { border: 1px solid #ccc; padding: 0; margin: 25px 0; }
form fieldset { border: 0; padding: 10px 25px 15px; margin: 0; }
form fieldset legend { font-weight: bold; font-size: 14px; border-bottom: 1px solid #ccc; padding: 10px 0px 10px 0px; margin: 0px;}
form p { height: 1%; }
form p:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
form p label {  
	float: left; 
	display: block; 
	width: 30%; 
	margin-right: 20px; 
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	}
form p input,
form p select,
form p textarea { 
	font-size: 1em;
	color: #666; 
	border: 1px solid #ccc; 
	padding: 5px; 
	background-color: #fff; 
	width: 55%; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  
	}
form p select { width: 20%; }
form p select.large { width: 50%; }
form p input.small { width: 20%; }
form ul.fieldlist { margin: -30px 0 10px 33%; padding: 0; list-style-type: none; }
form ul.fieldlist li { color: #666; padding: 0 30px 5px 0; white-space: nowrap; }
form input.btn { 
	border: 0; 
	width: auto;
	overflow: visible; 
	background-color: #99cccc; 
	padding: 8px; 
	cursor: pointer; 
	color: #fff; 
	font-weight: bold;
	}

/* horizontal rule */
hr { clear: both; border: 0; height: 1px; background-color: #ddd; color: #ddd; margin: 30px 0 0; }

/* classes */
.left { float: left; }
.right { float: right; }


	

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/	
#footer { clear: both; border-top: 1px dashed #999; font-size: 0.9em; margin: 40px 0 0; }