﻿html { 
	overflow-y: scroll;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #231F20;
	background-color: #ffffff;
	text-align: center;
	margin-top: 0px;
	background-image: url('images/2010/bkg.jpg');
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: top center;
	margin-bottom:0px;
}

table, p, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #231F20;
}

img {
	border:0;
	}

h1 {
	font-size: 18px;
	color: #97282E;
	}

/* Masthead */
/* ==================== */

#masthd {
	width: 890px;
	clear: both;
	background-color: #ffffff;
	margin: auto;
	text-align: left;	
	}
	
	
.navdiv2 {
	background-color: #ffffff;
	width: 41px;
	height: 31px;
	float: left;
	background-image: url('images/2010/navend.gif');
	background-repeat: no-repeat;
	}
	
.navdivider {
	width:1px;
	height:8px;
	padding-top: 12px;
	padding-bottom:11px;
	float: left;
	background-color: #CE171F;
	}
	
#menuright {
	float: right;
	width: 200px;
	height: 23px;
	text-align: right;
	color: #000000;
	font-size: 11px;
	padding-top: 8px;
	}	
	
	
/* Main Top */
/* ========================= */

#maintop {
	width: 890px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	
	text-align: center;
	/* background-color: #8C8E92;
	background-image: url('images/2010/masthead-sample.jpg');
	background-repeat: no-repeat;*/
	}
	
	
/* Main */
/* =================== */

#wrapper {
	display: table;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 760px;
}

#main {
	width: 890px;
	background-color: #ffffff;
	margin: auto;	
	padding-top: 10px;
	}
	
#mainleft {
	float: left;
	width: 220px;
	padding-right: 7px;
	text-align: left;
	background-color: #ffffff;
	}
	
#maincentre {
	float: left;
	width: 220px;
	padding-right: 7px;
	text-align: left;
	background-color: #ffffff;
	}

#mainright {
	float: left;
	width: 436px;
	background-color: #ffffff;
	}
	
div.spotlighttop {
	color: #ffffff;
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-serif;
	background-color: #CE171F;
	height: 22px;
	text-align: left;
	padding-left: 15px; 
	padding-top: 8px;
	}
	
div.contcenter {
	padding: 0px 15px 15px 15px;
	border-left: 1px solid #939598;
	border-right: 1px solid #939598;
	border-bottom: 1px solid #939598;
	}
	
font.feature { 
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 13px;
	color: #CE171F;
	font-weight: bold;
	}

div.eventimage {
	height: 90px;
	}	
	
div.eventtitle {
	height: 40px;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 14px;
	color: #CE171F;
	font-weight: bold;
	}
	
div.eventblurb {
	height: 58px;
	color: #231F20;
	font-size: 11px;
	padding-bottom:16px;
	}
	
div.eventthermo {
	background-color: #DCDDDE;
	text-align: center;
	padding: 8px;	
	color: #231F20;
	margin-bottom: 5px;
	height: 43px;
	}
	
div.eventthermoblank {
	height: 59px;
	margin-bottom: 5px;
	}
	
div.eventbutton {
	background-color: #CE171F;
	color: #ffffff;
	height: 17px;
	padding-top: 5px;
	margin-top: 3px;
	text-align: center;
	}
	
div.eventbutton:hover {
	background-color: #A80F13;
	color: #ffffff;
	height: 17px;
	padding-top: 5px;
	margin-top: 3px;
	text-align: center;
	cursor:hand;	
	}
	
	
#botwrap {
	width: 436px;
	height: 178px;
	margin-top: 8px;
	}
	
#botleft {
	float: left;
	margin-right: 7px;
	width: 203px;
	}
	
#thermo {
	width: 185px;
	height: 89px;
	background-color: #000000;
	color: #ffffff;
	padding: 9px;
	}	
	
#thermototal {
	width: 185px;
	height: 24px;
	padding-top:4px;
	margin-top:10px;
	background-image: url('images/2010/counter.gif');
	background-repeat: no-repeat;

	}
	
#thermoleft {
	width:137px;
	float: left;
	text-align: left;
	letter-spacing: 7px;
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #C32931;
	padding-left: 9px;
	}
	
#thermoright {
	width:38px;
	float: right;
	text-align: right;
	font-family: verdana, arial, helvetica;	
	letter-spacing: 7px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding-right: 1px;
	}	
	
#thermotext {
	padding-top: 10px;
	color: #ffffff;
	text-align:center;
	font-size: 10px;
	clear: both;
	}
			
	
#botright {
	float: right;
	width: 204px;
	height: 158px;
	border: 1px solid #939598;
	padding:10px;
	text-align: center;
	}
	
#social {
	width: 201px;
	height: 56px;
	padding-top: 8px;
	border: 1px solid #939598;
	margin-top: 7px;
	color: #231F20;
	font-size: 10px;
	}	
	
#visit {
	height: 25px;
	padding-top: 10px;
	padding-bottom: 5px;
	}
	
	
/* Footer */
/* ================= */

.wrap {
	clear: both;
	width: 890px;
	padding-left: 25px;
	padding-right: 25px;
	background-color: #ffffff;
	margin: auto;
	display: table;
	}

#footer {
	width: 890px;
	height: 35px;
	font-size: 11px;
	color: #CE171F;
	margin: auto;
	text-align: left;
	padding-top: 5px;
	font-family: arial, helvetica, sans-serif;
	}
	
#footer p {
	font-family: arial, helvetica, sans-serif;	
	font-size: 11px;
	color: #CE171F;
	}		
	
#footerbot {
	width: 890px;
	margin: auto;
	}
	
#footerleft {
	float: left;
	width: 600px;
	text-align: left;
	font-size: 11px;
	color: #231F20;
	font-family: arial, helvetica, sans-serif;	
	}
	
#footerright {
	float: right;
	width: 290px;
	text-align: right;
	}	

.small {font-size: 10px;} 
.thawte {font-size: 9px;} 
.subhead {	font-family: Arial, Helvetica, sans-serif;	font-size: 13px; color: #587589; font-weight: bold;}

a:link { font-family: arial, helvetica, sans-serif; text-decoration: underline; color: #231F20}
a:active { font-family: arial, helvetica, sans-serif; text-decoration: underline; color: #231F20} 
a:visited { font-family: arial, helvetica, sans-serif; text-decoration: underline; color: #231F20} 
a:hover { font-family: arial, helvetica, sans-serif; text-decoration: underline; color: #CE171F}

a.top:link { font-family: verdana, helvetica; text-decoration: none; color: #231F20}
a.top:active { font-family: verdana, helvetica; text-decoration: none; color: #231F20} 
a.top:visited { font-family: verdana, helvetica; text-decoration: none; color: #231F20} 
a.top:hover { font-family: verdana, helvetica; text-decoration: underline; color: #CE171F}

a.nav:link { font-family: verdana, helvetica; font-size: 11px; text-decoration: none; color: #FFFFFF;}
a.nav:active { font-family: verdana, helvetica; font-size: 11px; text-decoration: none; color: #FFFFFF;} 
a.nav:visited { font-family: verdana, helvetica; font-size: 11px; text-decoration: none; color: #FFFFFF;} 
a.nav:hover { font-family: verdana, helvetica; font-size: 11px; text-decoration: none; color: #ffffff;}

a.white:link { font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF;}
a.white:active { font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF;} 
a.white:visited { font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF;} 
a.white:hover { font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #ffffff;}

a.footer:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #CE171F;}
a.footer:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #CE171F;} 
a.footer:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #CE171F;} 
a.footer:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #000000;}



img.redborder {
	border: 1px solid #D93328;
	}
	
/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/

ul, li  { margin:0; padding:0; border:0px none; }
ul { margin-left:20px; }       				/* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          			/* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; }     /* tighter list for simple bullets */


 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	border-left:0px none; border-right:0px none; border-top:0px none; position:relative;        /* establish a menu-relative positioning context */
	/* float:left; */                                     	/* play nicely with others */
	margin:0;
	padding:0;
	height:27px;                                  			/* the menu's overall height */
	width: 890px;         									/* we always want our menu to fill the available space */
	text-align: center;
	background:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;         								/* this (and also below) sets the menu's font size */
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0px none;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em              /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

	}

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	color: #ffffff;
	text-align: center;
	background-color: #CE171F;
	/* padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px; */
	height: 31px;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	/* padding:8px 10px 0px 10px;	        this sets the l/r margins for our menu item */
	margin:0;
	text-align:left;   					/* Set text alignment of submenu text */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	margin:0;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration:none;
	height:24px;
	padding-top: 7px;
	text-align: center;
	color: #ffffff;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	height: 24px;
	padding-top: 7px;	
	color: #ffffff;
	cursor: pointer;
	cursor: hand;
	background-color: #A80F13;
}
	

