@charset "utf-8";
/* GLOBAL */
/* Sets the master font style, size and colour as well as removing annoying elements */
* {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; margin: 0; padding: 0; list-style-type: none;}

/* BODY STYLING */
/* Sets the site width, centers the site, sets the master text justification sets the main background and header width */
body {
	text-align: center;
	margin: 6px 0px 3px 0px;
	background: #0F0F0F url(../img/background_tile.jpg);
}
#wrapper {width: 900px; height: 100%; margin: 0 auto; text-align: left;} 
#header {width: 100%;}

/* MAIN MENU */
/* #menubar's width and height determine the background area, not the menu items themselves */
/* set #menubar ul's margin-left value to manually center the menu items. Remove to left justify */
#menubar {position: relative; width: 900px; height: 33px; margin: 6px 0px 3px 0px; background: url(../img/menu_bar.png) no-repeat;}
#menubar ul {margin-left: 59px;}
#menubar ul li {position: relative; display: block; float: left; z-index: 10;}
/* #menubar ul li.split sets the look, size and positioning of the menu item dividers */
#menubar ul li.split {width: 1px; height: 15px; margin-top: 8px; background: #999999;}
/* #menubar ul li a's height must be set to the height you want, minus the top padding of the item (in this case, 6px) */
#menubar ul li a {display: block; height: 24px; padding: 7px 9px 0px 9px; text-decoration: none; background: url(../img/menu_rollover.png) center 50px no-repeat; font-weight: bold; color: #363636;}
#menubar ul li:hover {background: url(../img/menu_rollover.png) center top no-repeat;}
/* Apply the .lock class to the current page's menu item to hilight it */
#menubar ul li.lock a, #menubar ul li.lock:hover {background: none; color: #FF3300; cursor: default;}
/* DROPDOWNS - Delete this block if not used */
/* #menubar li ul li's width sets the width for all drop downs */
#menubar li ul {position: absolute; top: 30px; left: -9999px; margin-left: 0px;}
#menubar li ul li {width: 120px; border-right-width: 2px; border-left-width: 2px; border-right-style: solid; border-left-style: solid; border-right-color: #959595; border-left-color: #959595; margin: 0px; text-align: left;}
#menubar li ul li.last {border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #959595;}
#menubar li ul li a {display: block; height: auto; font-size: 12px; color: #505050; margin: 0px; padding: 5px 9px; text-decoration: none; background: #E9E9E9;}
#menubar li ul li a:hover {background: #CDCDCD; color: #111;}
#menubar li:hover ul {left: -2px;}
/* These tiny images are positioned to clean up the ends of the menu when rollovers occur */
/* Not needed for square menu bars or centered menus that dont reach the extreme ends of the bar */
img#bl {position: absolute; top: 27px; left: 0px; z-index: 11;}
img#tl {position: absolute; top: 0px; left: 0px; z-index: 11;}
img#br {position: absolute; top: 27px; left: 897px; z-index: 11;}
img#tr {position: absolute; top: 0px; left: 897px; z-index: 11;}

/* CONTENT AREAS */
/* #content's width is the total width minus padding. in this case 900px minus 16px */
/* (padding is applied to all 4 sides so any padding width or height is x2 the value) */
#content {width: 884px; padding: 8px; background: url(../img/mist.png);}
.textbox {width: 100%;}
/* FEATURE BOXES */
.boxrow {text-align: center; padding-bottom: 12px;}
.boxrow a {display: block; float: left; width: 164px; margin-right: 16px; padding-top: 7px; text-decoration: none; background: url(../img/fbox_top.gif);}
/* .boxrow a.end is applied to the last box in a row to stop it doing a line break due to margin */
.boxrow a.end {margin-right: 0px;}
/* Set styles for the thumbnail and all 4 text areas */
img.thumb {margin: 8px 0px; border: 2px solid #959595;}
.boxrow a span.title {font-weight: bold;}
.boxrow a span.number {font-weight: bold;}
.boxrow a span.details {font-weight: normal;}
.boxrow a span.footnote {font-weight: bold;}
/* Set rollover colours for feature boxes */
.boxrow a span {color: #000;}
.boxrow a:hover span {color: #FF3300;}
.boxrow a:hover img.thumb {border: 2px solid #FF3300;}
/* SUB PAGE ITEMS */
.columnLeft {float: left; width: 434px;}
.columnRight {float: right; width: 434px;}
img.large {border: 2px solid #595959; margin-bottom: 12px;}

/* FOOTER */
/* Sets the width and height of the footer as well as font and link styles and colours */
#footer {width: 900px; height: 61px; margin-top: 6px; background: url(../img/foot_bar.png) no-repeat;}
#footer p {font-size: 12px; color: #363636; text-align: center; padding: 6px;}
#footer a {font-size: 12px; color: #FF3300;}
#footer a:hover {color: #AA0901;}

/* TEXT STYLES */
/* .bottom is used to correct padding due to paragraphs */
/* .center is used to center specific text boxes if required */
p {padding-bottom: 12px;}
a {outline: 0; color: #FF3300;}
a:hover {color: #FFF;}
h1 {font-size: 20px; font-weight: bold; padding-bottom: 12px; color: #FF3300;}
h2 {font-size: 16px; font-weight: bold; padding-bottom: 12px; color: #FFF;}
.center {text-align: center;}
.bottom {padding-bottom: 0px;}
.hide {text-indent: -9999px;}
.clear {clear: both;}number {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}
.number {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
}
.number2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	background-color: #FFFFFF;
}
.smsterms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2BB2F6;
}