* { margin: 0; padding: 0; }
td{ vertical-align: top; }
img{ border: 0; }
html{ height: 100%; }
.clearboth{ clear: both; }

body{ background: #fff url(bg.gif) repeat-x; }

.mainCon{ width: 961px; background: url(clouds.gif) no-repeat; margin: 0 auto 0 auto; padding: 0 0 0 49px; overflow: hidden; }

.topHeader{ width: 908px; margin:auto;}
.logo{ margin: 10px 0 0 22px; }

.menu{ width: 882px; height: 58px; background: url(menuBg.jpg) no-repeat; font: 14px/18px arial, helvetica, sans-serif; color: #fff; padding: 0 13px 0 13px; overflow: hidden; }
.menu a{ display: block;  color: #fff; text-decoration: none; padding: 20px 15px 24px 18px; }
.menu a:hover{ background: url(menuBgHover.jpg) repeat-x 0 4px; }

.header{
	width: 898px;
	height: 275px;
	background: #dbd5bd;
	margin: 0 4px 0 4px;
	overflow: hidden;
	font: 14px/20px arial, helvetica, sans-serif;
	color: #000;
	overflow: hidden;
	Border: solid;
	Border-width:1px;
	border-top-width:0px;
	Border-color: #AFA283;
}
.header h1{ font: bold 26px/24px arial, helvetica, sans-serif; color: #004a80; margin: 0 0 20px 0; }

.contentTop{ width: 908px; height: 8px; background: url(contentTopBg.png) no-repeat; overflow: hidden; }
.contentBottom{ width: 908px; height: 8px; background: url(contentBottomBg.png) no-repeat; overflow: hidden; }
.content{ width: 900px; margin: 21px 4px 12px 3px; overflow: hidden;  font: 12px/18px arial, helvetica, sans-serif; color: #3b230b; overflow: hidden; }

.leftCol{ width: 292px; padding: 0 27px 0 0; }
.centerCol{ width: 309px; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; overflow: hidden; }
.rightCol{ width: 269px; overflow: hidden; }

.textBoxHeading{ font: bold 20px/18px arial, helvetica, sans-serif; color: #e21b22; margin: 0 0 18px 0; }
.textBox1{ width: 291px; margin: 0 0 30px 1px; overflow: hidden; }
.textBox1 a{ font: 11px/14px arial, helvetica, sans-serif; color: #004a80; text-decoration: none; }

.newsletter{ width: 227px; background: #f0efd8 url(bgNewsletter.gif) no-repeat right bottom; padding: 10px 0 10px 30px; overflow: hidden; }
.newsletterHeading{ font: 16px/16px arial, helvetica, sans-serif; color: #e21b22; margin: 0 0 15px 0; }
.field{ width: 167px; float: left; height: 19px; background: #fff; border: 1px solid #dbd5bd; font: 11px/14px arial, helvetica, sans-serif; color: #959595; padding: 4px 0 0 10px; margin: 2px 0 0 0; }
.signup{ float: right; margin: 0 20px 0 0; }

.textBox2{ padding: 0 0 0px 30px; overflow: hidden; }
.textBox2 a{ font: 11px/14px arial, helvetica, sans-serif; color: #004a80; text-decoration: none; }

.textBox3{ padding: 0 0 0 25px; overflow: hidden; }
.textBox3 a{ font: 11px/14px arial, helvetica, sans-serif; color: #004a80; text-decoration: none; }

.footer{ width: 900px; margin: 0 4px 0 4px; font: 12px/14px arial, helvetica, sans-serif; color: #c1b997; text-align: center; padding: 30px 0 0 0; overflow: hidden; }
.footer a{ color: #c1b997; text-decoration: none; }
.spaceBottom{ width: 908px; height: 45px; overflow: hidden; }


/**************** STYLES **************/

h1{ font: bold 24/24px arial, helvetica, sans-serif; color: #e21b22; margin: 15px 0 20px 0; }
h2{ font: bold 20px/20px arial, helvetica, sans-serif; color: #e21b22; margin: 25px 0 10px 0; }
h3{ font: bold 20px/20px arial, helvetica, sans-serif; color: #e21b22; margin: 30px 0 10px 0; }
h4{ font: bold 18px/18px arial, helvetica, sans-serif; color: #e21b22; margin: 40px 0 10px 0; }

a{ color: #00537f; text-decoration: none; }

ol{ margin: 12px 0 12px 37px; }
ol li{ margin: 8px 0 0 0; padding: 0 0 0 10px; line-height: 16px; }

ul{ list-style: none; margin: 11px 0 12px 16px; }
ul li{ background: url(bullet-default.gif) no-repeat 0 0px; padding: 1px 0 0 30px; margin: 6px 0 0 0;  line-height: 16px; color: #000; }

ul.check{ list-style: none; margin: 11px 0 12px 16px; }
ul.check li{ background: url(bullet-check.gif) no-repeat 0 0px; padding: 1px 0 0 30px; margin: 6px 0 0 0;  line-height: 16px; color: #000; }

ul.arrow{ list-style: none; margin: 11px 0 12px 16px; }
ul.arrow li{ background: url(bullet-arrow.gif) no-repeat 0 0px; padding: 1px 0 0 30px; margin: 6px 0 0 0;  line-height: 16px; color: #000; }

.info{ width: 540px; padding: 11px 15px 11px 45px; background: #769db9 url(info.gif) no-repeat 11px 15px;  font: 12px/16px arial, helvetica, sans-serif; color:#fff; border-top: 1px solid #00537f; border-bottom: 1px solid #00537f; overflow: hidden; }
.info h1{ font: bold 26px/24px arial, helvetica, sans-serif; color: #fff; margin: 0px 0 5px 0; }
.info-thumb{ float: left; margin: 0 10px 10px 0; }
.info a{ color: #00537f; }

.quotation{ background: url(quotation-start.gif) no-repeat left top; width: 350px; padding: 0 0 10px 37px; overflow: hidden; }
.quotation p{ background: url(quotation-end.gif) no-repeat right bottom; padding: 0 25px 0 0;  }

/**************** BOX'S **************/

.box1{ font: 11px/14px arial, helvetica, sans-serif; color: #3a230b; }
.boxTitle1{ font: bold 12px/14px arial, helvetica, sans-serif; color: #004a80; }
.boxDate1{ font: 9px/12px arial, helvetica, sans-serif; color: #898989; }
.box1 a{ color: #004a80; text-decoration: none; }
.boxContent1{ }
.boxReadMore1{ }
.boxSpacer1{ background: url(bgBox.gif) repeat-x 0 5px; line-height: 1px; padding: 5px 0 5px 0; }

.box2{ width: 269px; font: 12px/18px arial, helvetica, sans-serif; color: #3a230b; overflow: hidden; }
.boxTitle2{ font: bold 12px/18px arial, helvetica, sans-serif; color: #004a80; }
.boxDate2{ font: 9px/11px arial, helvetica, sans-serif; color: #898989; }
.box2 a{ color: #004a80; text-decoration: none; }
.boxContent2{  }
.boxReadMore2{  }
.boxSpacer2{ background: url(bgBox.gif) repeat-x 0 5px; line-height: 1px; padding: 5px 0 5px 0; }

.box3{ width: 244px; overflow: hidden; }
.boxTitle3{ font: bold 12px/15px arial, helvetica, sans-serif; color: #004a80; }
.boxDate3{ font: 9px/11px arial, helvetica, sans-serif; color: #898989; }
.box3 a{ color: #004a80; text-decoration: none; }
.boxContent3{ font-size: 11px; line-height: 14px; }
.boxReadMore3{ font: 11px/14px arial, helvetica, sans-serif; color: #3a230b; }
.boxSpacer3{ background: url(bgBox.gif) repeat-x 0 5px; line-height: 1px; padding: 5px 0 5px 0; }

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		background-color:none;
		border: none
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:900px;
		height:275px;
		overflow:hidden;
		Border: none;
		Border-color: #fff;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:0px;
		height:77px;
		position:absolute;
		top:415px;
		}	
	#nextBtn, #slider1next{ 
		padding-left:870px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
		background-color:#fff;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#7f6e58;
		color:#fff;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#aa864f;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
