HTML, BODY{
		
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 13px;
		background-image:url("/images/img_bg_leftcol.gif");
		background-repeat: repeat-y;
		
}

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

.bigBlue {font-size:14px; color:#0000CC;}
.header { color:#336699;border-bottom:1px solid #336699;padding:0px 40px 8px 0px;width:325px;font-size:15px; }

.navArea {
	padding:7px 0px 7px 0px;
	border-bottom: 1px solid #7089BD;
}

.nav {
	padding:0px 10px 7px 10px;
}

.rightnav {
	padding:5px 0px 5px 0px;
}

.navLink {
	line-height:140%;
	color:#95ECF0;
	text-decoration:none;
	font-size:11px;
}

.navLink:hover { text-decoration:underline; }

#dkRed {color:#CC0000;}


/* EVENTS and LINKS */
.rColList { padding:7px 20px 20px 20px; }
.eventHdr { color:#fff;font-size:13px;text-decoration:none; }
.eventHdr:hover { text-decoration:underline; }
.eventInfo { margin-left:16px;padding-bottom:10px;font-size:11px; }
.sublink { color:#95ECF0;font-size:11px; }

.bannerLink1 { color:#004288;text-decoration:none; font-size:14px; font-weight:bold; }
.bannerLink1:hover { text-decoration:underline; }

.bannerLink2 { color:#336699;text-decoration:none; }
.bannerLink2:hover { text-decoration:underline; }

label
{
font-family: verdana,arial,sans-serif;
}


label.form
{
width: 11em;
float: left;
text-align: right;
margin: 0 5px 10px 0;
clear: both;
}



.input-box
{

margin-bottom: 8px;
color: #000;
background: #ddddff;
border: #26a solid 1px;
font: 13px Verdana, Arial, sans-serif;
}

.submit-button
{

clear: both;
color: #000;
background: #ccc;
border-right: #7f7f7f 2px solid;
border-bottom: #7f7f7f 2px solid;
border-top: #999999 1px solid;
border-left: #999999 1px solid;
font: 13px verdana, arial, sans-serif;
color: #003366;
background-color:#fff;
}

fieldset
{
border: #26a solid 1px;
width: 90%;

}

legend
{
color: #fff;
background: #6666cc;
border: #26a solid 1px;
padding: 3px 10px;
font-weight:bold;
font-size:14px;
}


/* Inset 3D Curved */
.inset {background: transparent; width:100%; }
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#eee;}
.inset p {padding-bottom:0.5em;}

.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#dedede; border-left:1px solid #aaa; border-right:1px solid #aaa;}
.inset .b3 {background:#dedede; border-left:1px solid #aaa; border-right:1px solid #ddd;}
.inset .b4 {background:#dedede; border-left:1px solid #aaa; border-right:1px solid #eee;}
.inset .b4b {background:#dedede; border-left:1px solid #aaa; border-right:1px solid #eee;}
.inset .b3b {background:#dedede; border-left:1px solid #ddd; border-right:1px solid #eee;}
.inset .b2b {background:#dedede; border-left:1px solid #eee; border-right:1px solid #eee;}


.inset .b1 {margin:0 5px; background:#aaa;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#eee;}

.inset .boxcontent {display:block; background:#dedede; border-left:1px solid #aaa; border-right:1px solid #eee; padding:5px; }




/* 3 column layout */

.wrapper { min-width: 400px; }
          /* Allways good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

/*.wrapper { border: 1px solid black; margin: 0 -1px; } */
          /* this is a border with marginal compensation to stop scroll bars */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
	width: 100%;               /* total width */
	height: 100%;
}      

.outer {
	border-left-width: 185px;  /* left column width */
	border-left-color: #004288;   /* left column colour */
	
	border-right-width: 186px; /* right column width */
	border-right-color: #A6BCD2;  /* right column colour */
	
	background-color: #fefefe; /* center column colour */
	
	height:100%;
}

.left {
	width: 185px;              /* left column width */
	margin-left: -185px;       /* _negative_ left column width */
	
}

.leftCol {
	background-color:#004288;
	width:185px;
	position:absolute;
	left:0px;
	height:96px;
	z-index:0;
}

.right {
	width: 186px !important;
	width: 185px;              /* right column width */
	background:url("/images/img_bg_rcol.gif");
	background-repeat: repeat-x;
	background-color:#A6BCD2;
	height:100%;
}

.rightCol { 
	position:absolute;
	right:0px;
	top:96px;
	width:186px !important;
	width:185px;
	background:url("/images/img_bg_rcol.gif");
	background-repeat: repeat-x;
	background-color:#A6BCD2;
	z-index:0;
}

.wide {
	/* background-color: #ffc;    header and footer colours */
}

/* Main code */

.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 100%;}

.left { float: left; position: relative; z-index: 10; }
.right { float: left; position: relative; z-index: 11; }
.center { float: left; width: 100%; position: relative; z-index: 12; }

.wide { width: 100%; position: relative; z-index: 13; }

.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.center { margin: 0 -3px 0 -2px; }