/*================================*/
/*  Standard HTML tag definition  */
/*================================*/

a:link {
	color: #0b68b1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

a:visited {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #0B68B1;
}

a:hover {
	color: #3f4080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

a:active {
	color: #ffffff;
}

a.activelink {
	color: #ffffff;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-align: left;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #3F4080;
	letter-spacing: 4px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3F4080;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #0B68B1;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
}

/*===================*/
/*  Special Classes  */
/*===================*/


.centeredImage {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

/*================*/
/* Page Elements  */
/*================*/

.quote {
	font-family: Georgia, Times, serif;
	font-size: 14px;
	color: #3F4080;
	font-style: italic;
	line-height: 24px;
	font-weight: bold;
}

.fltrt { 
	/* this class can be used to float an element right in your page. The floated element must precede the 	element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { 
	/* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	/* this class should be placed on a div or break element and should be the final element before the close 	of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.italic {
	font-style: italic;
}
	
/*========================*/
/*   Main Page Divisions  */
/*========================*/

div#container {
	position: relative;
	width: 900px;
	margin-left:auto; margin-right:auto;
}

div#banner {
	position: relative;
	width: 900px; height: 120px;
	float: up;
	background-image: url(images/banner-5.jpg);
	background-repeat: no-repeat;
	background-color:#ffffff;
}

div#heading {
	position: relative;
	padding: 10px;
	color: #000066;
	background-color: #ffffff;
	z-index: 101;
}

div#OuterWrapper {
	position:relative;
	float: left; 
	width: 100%;height: 100%;
	padding: 2px;
 	margin-left: auto; margin-right: auto;
}

div#footer {
	position: relative;
	clear: both;
	width: 100%;
	margin: auto;
	text-align: center;
	left: 0px; right:0px; bottom: 0px;
	background-color: #99ccff;
}

iframe.footerContent {
  	width: 100%; height: 72px;
}

/*====================*/
/*  Column Divisions  */
/*====================*/

div#LeftColumn {
	width: 20%; height: 100%;
	background-color: #99ccff;
	float: left;
	padding: 10px 5px 70px 5px;
}

div#CentreColumn {
	float: left;
	width:56%;
	padding: 15px 5px 15px 10px;
}
 
div#RightColumn {
	width: 20%; height: 100%;
	float: right;
	background-color: #f0f0f0;
	padding: 10px 5px 10px 5px;
}
  
div#CentrePlusRightColumn {
	width: 76%; height: 100%;
	float: right;
	background-color: #ffffff;
	padding: 10px 5px 50px 10px;
}

div#LeftColumnWide {
	width: 60%; height: 100%;
	background-color: #ffffff;
	float: left;
	padding: 10px 5px 70px 5px;
}

div#RightColumnWide {
	width: 36%; height: 100%;
	float: right;
	background-color: #99ccff;
	padding: 10px 5px 50px 10px;
}

/*=======================*/
/*  Tabs for navigation  */
/*=======================*/

div#tabArea {
	position: relative;
  	height: 32px;
  	padding: 0px 0px 0px 50px;
	background-color: #4C7DF0;   
  	font-size: 18px;
  	font-weight: bold;
	border-top: 5px solid #ffffff;
  	border-bottom: 1px solid #0000ff;
}

a.tab {
  	position: relative;
  	top: 10px;
  	background-color: #0000ff;
  	border: 1px solid #000000;
  	border-bottom-width: 0px;
  	padding: 2px 1em 8px 1em;
	-moz-border-radius: 5px 5px 0px 0px;	/* Firefox */
	-webkit-border-radius: 5px 5px 0px 0px;	/* Safari and Chrome */
	border-radius: 5px 5px 0px 0px;		/* CSS3 */
	behavior: url(ie-css3.htc);
  	z-index: 100;
}

a.tab:hover {
  	background-color: #0066ff;
  	color: #606060;
}

a.tab, a.tab:visited {
  	color: #ffffff;
}

a.tab.activeTab {
  	color: #ffffff;
      text-decoration:none;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  	background-color: #ffffff;
  	color: #0000ff;
  	position: -5px;
}