body {
	background-color: #fff;
	color: #ccc;
	padding: 0;
	margin: 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}
a.black:link {color: #000; font-weight: bold;}
a.black:active {color: #000; font-weight: bold;}
a.black:visited {color: #000; font-weight: bold;}
a.black:hover {color: #fff;  font-weight: bolder;}

a.white:link {color: #fff; font-style: bold;}
a.white:active {color: #fff;  font-style: bold;}
a.white:visited {color: #fff;  font-style: bold;}
a.white:hover {color: #000;  font-style: bold;}

a.red:link {color: ##8B000E; font-style: bold;}
a.red:active {color: ##8B000E;  font-style: bold;}
a.red:visited {color: ##8B000E;  font-style: bold;}
a.red:hover {color: ##8B000E;  font-style: bold;}



h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a { color: #46574D; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #000; background: inherit; }
h3 { font: 90% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #000; background: #FFF; }
p {
	margin: 0 0 15px 0;
	line-height:18px;
}
p2 {
	margin: 0 0 0px 0;
	line-height: 0.6em;
}

form { margin: 0; }

.content { 
    background: #FFF; 
	margin: 0 auto;
	padding: 0px;
	width: 890px;
	color: #000;
}

.preheader {
	background: #000 url(preheader.jpg) no-repeat center bottom;
	color: #FFF;
	width: 890px;
	height: 54px;
}

.preheadertitle {
	background: #000 url(preheadunder.jpg) no-repeat center bottom;
	color: #FFF;
	width: 890px;
	height: 30px;
	margin: 0;
	padding: 0;
}


.preheader a { color: #FFF; background: inherit; text-decoration:none; }
.preheader a:hover { color: #FFF; background: inherit;}

.preheader .padding {
	
	float: right;
	padding: 52px 70px 0 0;
	color: #000;
}

.preheader .paddinghead {padding: 15px 0 15px 10px;}
.preheader .paddinghead select {font-size:10px;}
.preheader .paddinghead {color:#000;}
.preheader .paddinghead a {font-size:10px;color:#000;margin:0 3px;}
.preheader .paddinghead a:hover {color:#fff;}
.header {
	background: #ccc url(header.jpg) no-repeat center bottom;
	color: #ccc;
	width: 890px;
	height: 239px;
	margin: 0;
	padding: 0;
}

.header .title {
	float: left;
	width: 747px;
	height: 185px;
	padding: 13px 40px 0 71px;
	color: #FFF;
	font: bold 1.8em Arial, sans-serif;
}



#nav {
	background: #FFF url(menu.jpg) no-repeat center bottom;
	background-color: #FFF;
	width: 890px;
	height: 24px;
	margin: 0;
	padding: 0;
}

#nav ul { margin:0; list-style:none; padding: 0px 0 0 40px; }



/*  Navi Starts you can change the font colour of the nav here color:#fff; place replace it with a 6 digit code
*******************************************************************************/
#nav a, #nav strong, #nav span { float:left; display:block; color:#000; padding: 4px 10px 3px 10px;  text-decoration:none; font-weight: bold; }
/*  Navi ends
*******************************************************************************/



#nav a { float:none; }
#nav li { float:left; color: #666; background: #FFF margin:0; padding:0 0 0 0px; }
#nav #current { float:left; background: #FFF; color: #FFF; }
#nav #current a { float:left; background: #FFF; padding:5px 10px 5px 10px; color:#FFF; }



/*  Navi Starts
*******************************************************************************/
#nav a:hover { float:left color:#666;background: #E2EDFC; }/*  Navi This is where you would change the colour for the hover. ((( background: #E2EDFC;)))
just add in the colour you want to replace it with at #E2EDFC usually a 6 digit number

*******************************************************************************/

/*  Navi Ends
*******************************************************************************/


  
#nav .padding { padding: 4px 0 0 10px; font-weight: bold; }



.main_content {
	background: #FFF url(bg.jpg) repeat-y center bottom;
	background-color: #FFF;
	margin: 0 auto;
	padding: 0px;
	width: 890px;
}


.ub_left {
	background: #FFF  url(leftbordertop.jpg) repeat-y center bottom;
	color: #000;
	margin: 0px 0 0px 0px;
	padding: 0px 0px 0px px;
	width: 28px;
	float:left;
	height: 374px;
}	

.ub_center {
	background-color: #FFF;
	color: #000;
	margin: 0 0 0px 20px;
	padding: 0px 10px 0px 5px;
	width: 700px;
	float:left;
}	

.ub_center2 {
	background-color: #FFF;
	color: #000;
	margin: 0 0 0px 10px;
	padding: 0px 10px 0px 5px;
	width: 620px;
	float:left;
}	

#ub_left .adleft {
	float:left;
	margin:0;
	padding:0;
	display:block;
	width:130px;
	height: 95px;
	text-align:left;
}


.ub_right {
	clear:both;
	background: #FFF url(rightbordertop.jpg) repeat-y center bottom;
	float: right;
	width: 35px;
	height: 374px;
}	

/* For IE... */
* html .ub_right {
    clear:both;
    background-color: #FFF;
	float: right;
	color: #000;
	margin: 0 20px 0 0;
	padding: 0px 0px 0 15px;
	width: 160px;
	border-left: 1px dashed #ccc;
}	


.text_padding {
	padding: 15px 0 0 0;
}

.main_content h2 {
	background-color: #FFF;
	padding: 5px 0 5px 0;
	color: #B0D3FE;
	font: bold 1.6em Arial, sans-serif;
}



.footer {
	background: #000 url(footer.jpg) center no-repeat;
	width:890px;
	height:145px;
	color:#333333;
	font-size:90%;
	text-align:center;
	clear:both;
}
.footer .copyinfo {
	padding: 25px 50px 0 50px;
	text-align:center;
	color:#333;
}