/*~~~~~~ HTML ~~~~~~~~~~~~~~~*/

body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
}

h1 {color:#922;
font-size:18px;
padding:0;
margin:5px 0 10px;}

ul {list-style-image: url("images/bullet.png"); margin-right:20px; }

img {border:0;}

a {text-decoration: none; color: #922;}
a:hover {color: #922; text-decoration: underline;}


/*~~~~~~ Alt links ~~~~~~~~~~~~~~~*/

a.banner:link {color: #FF0000; text-decoration: underline; font-weight:bold; font-size:14px;}
a.banner:visited {color: #FF0000; text-decoration: underline; font-weight:bold; font-size:14px;}
a.banner:hover {color: #922; text-decoration: underline; font-weight:bold; font-size:14px;}
a.banner:active {color: #FF0000; text-decoration: underline; font-weight:bold; font-size:14px;}


/*~~~~~~ General ~~~~~~~~~~~~~~~*/

#globalwrapper {}
#contentwrapper {float:left;}
.table {display:table;}
.tablerow {display:table-row;}
.tablecell {display:table-cell;}
.fright {float:right;}
.fleft {float:left;}
.tright {text-align:right;}
.cleft {clear:left;}
.cright {clear:right;}
.cleared {clear:both;}
.centered {text-align:center;}
.fullwidth {width:100%;}
.halfwidth {width:50%;}
.width60 {width:60%;}
.width40 {width:40%;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad5tb {padding:5px 0 5px;}
.pad10tb {padding:10px 0 10px;}
.margin5 {margin:5px;}
.margin10 {margin:10px;}
.tablehead {background-image: url(images/barbg.gif); height:28px; font-weight:bold; color:#fff; vertical-align:middle;
			padding: 7px 0 0 10px; background-repeat:repeat-x; background-position:top;}
.vbottom {vertical-align:bottom;}
.vmiddle {vertical-align:middle;}
.red {color:#f00;}
.redbg {background-color:#f00;}
.dred {color:#922;}
.white {color:#fff;}
.grey {color:#867A62;}
.bold {font-weight:bold;}
.super {font-size:.8em; position:relative; bottom:.4em;}
.redbold {font-weight:bold; color:#F00;}
.italic {font-style:italic;}
.reddottop {border-top:1px dotted #f00;}
.reddotright {border-right:1px dotted #f00;}
.reddotleft {border-left:1px dotted #f00; padding-left:10px;}
.colral {text-align:right; padding-right:10px;}
.redalert {color:white; background-color: red; font-weight:bold; font-style:italic; border: 1px solid #E20000; padding:5px;}
.shadcell {
	border-width: 1px;
	border-style: solid;
	border-top-color: #FFF;
	border-right-color: #CCC;
	border-bottom-color: #BBB;
	border-left-color: #EEE;
}


/*~~~~~~ Header ~~~~~~~~~~~~~~~*/

#headerwrapper {width:100%; border:0; padding:0; margin:0; background-image:url(images/headerwrapper-bg.jpg); background-repeat:repeat-x; background-position:top; float:left;}
.headertable {	background-image: url(images/topbg.jpg);
	background-color:#f00;
	background-position: left 2px;
	background-repeat: no-repeat;
	border:0; padding:0; margin:0; width:970px; float:left;}
#topwrapper {
	background:none; 
	width:100%;
	clear:both;
}
.headeradd {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	padding-left: 3px;
	clear:both;
	height: 16px;
	vertical-align:bottom;
}
#navwrapper {width:100%; clear:both;
	background-image: url(images/barbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	vertical-align:bottom;
}
#navwrapper a{color:#fff;}
#navwrapper div{margin:4px 5px 0 5px;}
.navshad {
	background-image: url(images/barshadbg.gif);
	background-repeat: repeat-x;
	text-align:center;
	width:100%;
	clear:both;
	padding-top: 3px;
}
.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}


/*~~~~~~ Menu ~~~~~~~~~~~~~~~*/

#menuwrapper {width:135px; float:left;}
#menuwrapper a{color:#fff;}
#menutable {width:100%; display:table;}
#menutable .tablerow {height:26px;}
.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px 3px 3px 8px;
	margin: 0 0 2px;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	background-image: url(images/sidenavbg.gif);
	background-repeat: no-repeat;
	background-position: right;
	clear:both;
}


/*~~~~~~ Body ~~~~~~~~~~~~~~~*/

#bodywrapper {width: 835px; float:left;}
.bodycontent {padding:0 20px 20px 20px; width:auto;}
.subtext {font-weight:bold;}
.mainimage {float:right; padding: 0 0 10px 20px;}


/*~~~~~~ FAQs ~~~~~~~~~~~~~~~*/

.faqq li {cursor:pointer; font-weight:bold;}
li {padding: 0 0 5px;}
li div {padding: 5px 0; margin-bottom:-5px;}
.switchcontent {font-weight:normal;}


/*~~~~~~ Calc form ~~~~~~~~~~~~~~~*/

#calc_form {width:100%;}
#calc_form input {margin: 3px 0;}
#calc_form .tablehead input {margin:0;}
#calc_form .titlecell{padding-top:7px; padding-left:5px; margin-right:-5px;}
.nopad {padding: 3px 0;}
.tablesubrow {padding-top:5px;}


/*~~~~~~ Holiday table ~~~~~~~~~~~~~~~*/

.holwrapper {margin: 20px 0 20px;}
.holwrapperl {width:320px; background-image:url(images/flashp.gif); background-repeat:repeat-y; background-position:left;}
.holwrapperr {width:320px;  background-image:url(images/flashp.gif); background-repeat:repeat-y; background-position:right;}
.dothorizontal {width:100%; height:2px; clear:both; background-image:url(images/flashl.gif); background-repeat:repeat-x;}


/*~~~~~~ Footer ~~~~~~~~~~~~~~~*/

#footerwrapper {width:100%; clear:both; border-top:1px solid #f00;}
.footercontent {width: 970px; text-align:center;
	font-size: 9px;
	line-height: 22px;
	color: #F00;
}
.footermenu {width: 970px; color:#f00; font-size:12px; text-align:center;}
.footermenu a {color:#f00;}