/* ====== common ====== */
body,html {
margin: 0;
padding: 0;
background: #2d2d2d url(../images/background.jpg) top repeat-x;  }
img {
margin: 0;
padding: 0;
border: 0; }
.clear {
clear:both;
height:1px;
overflow:hidden; }
#homeimg {
display: block;
}

/* ====== header ====== */
#header {
width: 960px;
height: 85px;
margin: 0 auto;
padding: 0; }
.headerlogo {
float: left;
margin: 0;
padding: 0;
border: 0;
display: block }
.headerbuttons {
float: right;
margin: 0;
padding: 0;
border: 0;
display: block }

/* ====== nav ====== */
#navcontainer {
width: 960px;
height: 29px;
margin: 0 auto;
padding: 0;
background: url(../images/menu-bg.jpg) repeat-x;  }
#nav, #nav ul {
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0;
background: transparent; }
#nav li {
float: left;
margin: 0;
padding: 0;
display: inline; }
#nav a {
font: bold 12px Arial, Helvetica, sans-serif; 
color: #FFF;
text-decoration: none;
display: block;
margin: 0;
padding: 7px 20px 7px 20px; }
#nav a:hover {
color: #272727;
text-decoration: none;
background: #FFF; }
#nav .current {
color: #272727;
text-decoration: none;
background: #FFF; }

/* ======= CLOCK ======= */
#clock {
	float: right;
	margin: 0;
	padding: 7px 20px 0 0;
	font: 11px Arial, Georgia, Times New Roman, Times, serif;
	color: #FFF;
}

/* ====== mainimage ====== */
#mainimage {
width: 960px;
margin: 0 auto;
padding: 0;
border: 0;
display: block }
.fadein { 
position:relative; 
width:960px; 
height:297px; 
margin: 0 auto;
padding: 0;
border: 0;
display: block }
.fadein img { position:absolute; left:0; top:0; }

/* ====== fonts ====== */
h1 {
font: 14px Arial, Tahoma, Times New Roman, serif; 
color: #4e4e4e;
margin: 0;
padding: 0 0 10px 0; }

/* ====== content ====== */
#contentcontainer {
width: 100%;
margin: 0 auto;
padding: 0;
background-color: #FFF
}
#content {
width: 960px;
margin: 0 auto;
padding: 5px 0 10px 0;
background-color: #FFF
}
#homeleft {
float: left;
width: 340px;
margin: 0 0 0 20px;
padding: 0;
 }
#homeleft p {
font: normal 12px/20px Tahoma, Arial, Helvetica, sans-serif; 
color: #2d2d2d;
margin: 0;
padding: 0 0 10px 0; }
#homeleft a, #homeleft a:active, #homeleft a:visited {
font-weight: bold;
color: #af2c15;
text-decoration: none; }
#homeleft a:hover {
color: #af2c15;
text-decoration: underline; }
#homeleft h1 {
font: 17px Arial, Tahoma, Times New Roman, serif; 
color: #4e4e4e;
margin: 0;
padding: 0 0 5px 0; }

.telred {
font: bold 18px Arial, Helvetica, sans-serif; 
color: #af2c15; }



#homeright {
float: right;
width: 580px;
margin: 0;
padding: 0;
 }
#homeright p {
font: normal 12px/20px Tahoma, Arial, Helvetica, sans-serif; 
color: #2d2d2d;
margin: 0;
padding: 0 0 10px 0; }
#homeright a, #homeright a:active, #homeright a:visited {
font-weight: bold;
color: #af2c15;
text-decoration: none; }
#homeright a:hover {
color: #af2c15;
text-decoration: underline; }
#homeright h1 a, #homeright  h1 a:active, #homeright  h1 a:visited {
font-weight: bold;
color: #4e4e4e;
text-decoration: none; }
#homeright  h1 a:hover {
color: #af2c15;
text-decoration: underline; }
#homeright h1 {
font: 14px Arial, Tahoma, Times New Roman, serif; 
color: #4e4e4e;
margin: 0;
padding: 0 0 5px 0; }
.notes {
font: normal 9px/14px Arial, Helvetica, sans-serif; color: #848484; }

#otherleft {
float: left;
width: 640px;
margin: 0 0 0 20px;
padding: 0; }
#otherleft p {
font: normal 12px/20px Tahoma, Arial, Helvetica, sans-serif; 
color: #2d2d2d;
margin: 0;
padding: 0 0 10px 0; }
#otherleft a, #otherleft a:active, #otherleft a:visited {
font-weight: bold;
color: #af2c15;
text-decoration: none; }
#otherleft a:hover {
color: #af2c15;
text-decoration: underline; }
#otherleft h1 {
font: 17px Arial, Tahoma, Times New Roman, serif; 
color: #4e4e4e;
margin: 0;
padding: 0 0 5px 0; }

#otherright {
float: right;
width: 280px;
margin: 0;
padding: 0; }
#otherright p {
font: normal 12px/20px Tahoma, Arial, Helvetica, sans-serif; 
color: #2d2d2d;
margin: 0;
padding: 0 0 10px 0; }
#otherright a, #otherright a:active, #otherright a:visited {
font-weight: bold;
color: #af2c15;
text-decoration: none; }
#otherright a:hover {
color: #af2c15;
text-decoration: underline; }
#otherright h1 {
font: 17px Arial, Tahoma, Times New Roman, serif; 
color: #4e4e4e;
margin: 0;
padding: 0 0 5px 0; }

#otherleft ul {
	margin: 0 0 15px 15px; 
	padding: 0;
	list-style-type: none; 
}
#otherleft li {
	padding: 0 0 0 15px; 
	font: 12px Arial, Georgia, Times New Roman, Times, serif;
	color: #58585a;
	background: url(../images/bullet.jpg) 0 0.55em no-repeat;
	list-style-type: none  }

/* ====== headings ====== */
h1  {
font: bold 13px Tahoma, Times New Roman, serif; color: #5D5D5D;
margin: 0 0 8px 0;
padding: 0; }
h2  {
font: bold 13px Tahoma, Times New Roman, serif; color: #b52d16;
margin: 0 0 8px 0;
padding: 0; }

/* ====== basic forms ====== */
#form {
width: 603px;
background-color: #f2f2f2;
border: 1px solid #dadada;
padding: 8px 5px 8px 10px;
margin: 0 0 30px 0;
clear: both }
#form p {
padding: 0;
margin: 2px 0; }
#form td {
padding: 0;
margin: 0; }
#form th {
background-color: #ebecea;
font-weight: bold;
text-align: left;
padding: 0;
color: #fc6701; }
#form .button {
font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
width: 80px;
background-color: #2a2a2a;
border: 0;
padding: 4px 0;
margin: 0; }
#form td {
margin: 0;
padding: 2px; }
#form input {
font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #2d2d2d;
width: 308px;
margin: 0;
padding: 4px;
border: 1px solid #dadada;
 }
#form textarea  {
font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #2d2d2d;
width: 308px;
margin: 0;
padding: 4px;
border: 1px solid #dadada;
 }

/* ==== data tables ==== */
td, th {
	font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #000; }
.datatable {
	border: 1px solid #cacaca;
	border-collapse: collapse;
	width: 550px;
	margin: 0 0 15px 0;
	padding: 0;  }
.datatable p {
	margin: 0;
	padding: 0; }
.datatable td {
	border: 1px solid #cacaca;
	padding: 4px 0 4px 4px;
	color: #333; }
.datatable th {
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	background-color: #ebecea;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	color: #fc6701; }
.datatable tr:hover, .datatable tr.hilite {
	background-color: #ebecea; }
.title p {
	color: #FFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
.title2 {
	background-color: #b5b5b5; }
.title2 p {
	color: #FFF;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; }

/* ======= CONTACT FORM ======= */

#contactform {
	margin: 8px 0 0 0;
	padding: 0; 
}
#contactform input { 
	font: 11px Tahoma, Times New Roman, serif; color: #5d5d5d; 
	width: 220px;
	margin: 0;
	padding: 0; 
}
#contactform textarea { 
	font: 11px Tahoma, Times New Roman, serif; color: #5d5d5d; 
	width: 222px;
	height: 100px;
	margin: 0;
	padding: 2px; 
}
#contactform input:focus, #contactform textarea:focus { 
	background-color: #FFC; 
}
#contactform input.submit {
	font: 11px Tahoma, Times New Roman, serif; color: #5d5d5d; 
	width: 80px;
	margin: 10px 6px 0 0;
	padding: 3px; 
}
.contactnotes {
	font: 11px/20px Tahoma, Times New Roman, serif; color: #5d5d5d; 
}

/* ====== footer ====== */
#footer {
	width: 920px;
	margin: 0 auto 40px auto;
	padding: 20px 0;
 }
#footer p {
	margin: 0;
	padding: 0; }
.footerleft {
	font: normal 11px Arial, Helvetica, sans-serif; 
	color: #ececec;
	float: left;
	margin: 0;
	padding: 0 
}
.footerleft a {
	color: #ececec;
	text-decoration: none; }
.footerleft a:hover {
	color: #FFf;
	text-decoration: underline; }

.footerright {
	font: normal 11px Arial, Helvetica, sans-serif; 
	float: right;
	margin: 0;
	padding: 0;
	color: #818181
}
.footerright a {
	color: #818181;
	text-decoration: none; }
.footerright a:hover {
	color: #FFf;
	text-decoration: underline; }