
#maincontainer{
	width: 760px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

#topsection{
	background: url(graphics/header.jpg) top left no-repeat;
	height: 102px; /*Height of top section*/
}

#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn{
	margin-left: 170px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
	float: left;
	width: 170px; /*Width of left column in pixel*/
	margin-left: -760px; /*Set margin to that of -(MainContainerWidth)*/
	background: transparent;
}
#footer {
	width: 568px;
	background: #508a50;
	height: 15px;
	font: 8px verdana, arial, helvetica, sans-serif;
	color: #deecde;
	text-align: right;
	padding: 5px 10px 0 0;
	background: #2c2f80;
}

body {
	margin: 0;
	padding: 0;
	line-height: 15px;
	height: 100%;
	text-align: center;/*Needed to centre the content*/
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	scrollbar-arrow-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-highlight-color: #053c87;
	scrollbar-face-color: #FFF;
	scrollbar-shadow-color: #053c87;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-track-color: #FFF;
	background: #FFF url(graphics/header_760.jpg) no-repeat 50% 1px;
}
html, body {
	height: 100%;
}
table td {
	font: 11px verdana, arial, sans-serif;
	line-height: 15px;
	font-weight: normal;
	color: #003;
}
#grey {
	position: relative;
	top: 2px;
	left: 10px;
	text-align: left;
	font: 10px trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	color: #AAA;
	letter-spacing: 1px;
	word-spacing: 2px;
}
#titlelowertext {
	position: relative;
	top: 82px;
	left: 30px;
	width: 660px;
	text-align: right;
	padding: 0;
	background: transparent;
	font: 11px trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	line-height: 15px;
	font-weight: normal;
	color: #FFF;
}
.raised h3 {
	width: 568px;
	text-align: left;
	padding: 5px 0 10px 10px;
	background: #2c2f80;
	font: 16px trebuchet, arial rounded MT bold, verdana, arial, sans-serif;
	line-height: 15px;
	color: #edf5fd;
	margin: 0;
}
.raised h2 {
	font: 13px  arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.0em;
	color: maroon;
	margin: 15px 0px 5px 50px;
	text-align: left;
	background: transparent;
	padding: 0;
}
.raised h4 {
	font: 15px  arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.0em;
	color: navy;
	margin: 15px 0px 5px 50px;
	text-align: left;
	background: transparent;
	padding: 0;
}
.raised h5 {
	font: 12px  arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.0em;
	color: navy;
	margin: 15px 0px 15px 50px;
	text-align: left;
	background: transparent;
	padding: 0;
}
#textsizer {
	float: right;
	margin: 0 10px 0 0;
	font: 11px arial, sans-serif;
	color: #000;
	float: right;
}

#update {
	position: relative;
	left: 20px;
	top: -23px;
	font: 10px verdana, arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	color: white;
}

.button {
	font: 10px verdana, arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	color: white;
	background: #6188bd;
	margin-top: 2px;
	border-style: solid;
	border-width: 0px;
	border-color: white white white black;
}

.raised ul {
	margin: 0 0 10px 20px;	
	width: 540px;
}
.raised li {
	margin: 5px 50px 3px 30px;
	font: 11px trebuchet, verdana, arial, sans-serif;
	list-style: outside;
	line-height: 16px;
	text-align: left;
}

 .odd{background-color: white;} 
 .even{background-color: #EFEFEF;} 

.demstable {
	border: 1px #AAA solid;
	padding: 5px;
	background: #FFF;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
	z-index: 1000;
	font-size: 90%;
	height: 195px;
	margin: 5px 0 0px 15px; /* this page only */
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 165px;
	position: relative;
	left: -15px;
	top: -5px;
	border: 1px solid #fff;
	border-style: solid;
	border-width: 0px;
	border-color: #000;
	background: #CCC;
}
.menu li {
	position: relative;
	background: #ddd;
	height: 26px;
}
* html .menu li {
	margin-left: -16px; 
	margin-lef\t: 0;
}
/* get rid of the table */
.menu table {position: absolute; border-collapse: collapse; top: 0; left: 0; z-index: 100; font-size: 1em; width: 0; height: 0;}

/* style the links */
.menu a {
	font: 11px trebuchet, verdana, arial, helvetica, sans-serif;
	display: block; 
	text-decoration: none;
	height: 25px;
	line-height: 25px;
	width: 165px;
	color: #FFF;
	text-align: left;
	text-indent: 15px;
	border-bottom: 1px solid #fff;
	background: #b2b2b2;
}
.menu a:visited{
	color: #900;
	background: #EFEFEF;
}
/* style the link hover IE*/
* html .menu a:hover {
	color: #000; 
	background: url(graphics/menu_hover.gif);	line-height: 25px;
}
.menu :hover > a {
	color: #000; 
	background: url(graphics/menu_hover.gif);	line-height: 25px;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	top: -1px;
	left: 145px;	
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility: visible;
	width: 200px;
	position: relative;
	left: 130px;
	top: -20px;
	z-index: 2000;
}
/* width of sub level link */
.menu ul li:hover ul a,
.menu ul a:hover ul a {
	width: 200px;
}
.menu ul li:hover ul li:hover,
.menu ul a:hover ul a:visited {
	color: red;
}

form {
	margin: 0px 0px 0px 0px;
	padding: 3px;
}
.inputbox {
	font: 10px verdana, arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.02em;
	color: navy;
	background: white;
	border-style: solid;
	border-width: 1px;
	border-color: white white white black;
	padding: 0px;
}
.button {
	font: 10px verdana, arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.02em;
	color: white;
	background: #6188bd;
	margin-top: 2px;
	border-style: solid;
	border-width: 0px;
	border-color: white white white black;
}

/*CONTENT AREA*/
.raised {
  background: #FFF; 
  width: 580px ;
  margin: 5px 0 0 5px;
  }
.raised p {
	font: 11px verdana, arial, helvetica, sans-serif;
  	padding-bottom: 0.5em;
	margin: 0 60px 10px 30px ;
	line-height: 18px;
  }
 .raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
  display: block; 
  overflow: hidden;
  font-size: 1px;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
  height:1px;
  }
.raised .b2b{
  background: #2c2f80; 
  border-left: 1px solid #393b9f; 
  border-right: 1px solid #393b9f;
  }
.raised .b3b{
  background: #2c2f80; 
  border-left: 1px solid #3d40ab; 
  border-right: 1px solid #3d40ab;
  }
.raised .b4b{
  background: #2c2f80; 
  border-left: 1px solid #4043b8; 
  border-right: 1px solid #4043b8;
  }
 .raised .b4 {
  background: #32348a; 
  border-left: 1px solid #32348a; 
  border-right: 1px solid #32348a;
  }
.raised .b3 {
  background: #393b9f; 
  border-left: 1px solid #393b9f; 
  border-right: 1px solid #393b9f;
  }
.raised .b2 {
  background: #3d40ab; 
  border-left: 1px solid #3d40ab; 
  border-right: 1px solid #3d40ab;
  }  
  .raised .b1{/*top line*/
  margin: 0 5px; 
  background: #4043b8;
  }
 .raised .b1b{/*bottom  line*/
  margin: 0 5px; 
  background: #2c2f80;
  }
.raised .b2, .raised .b2b {
  margin: 0 3px; 
  border-width: 0 2px;
  }
.raised .b3, .raised .b3b {
  margin: 0 2px;
  }
.raised .b4, .raised .b4b {
  height: 2px; 
  margin: 0 1px;
  }
.raised .boxcontent {
	text-align: left;
 	 display: block;  
 	 border-left: 1px solid #32348a; 
  	border-right:1px solid #32348a;
	background: #FFF url(graphics/body_bkgnd.gif) bottom right no-repeat;
  }
a {
	font: 11px verdana, arial, sans-serif;
	letter-spacing: 0.02em;
	color: #00A;
	text-decoration: none;
}

a:hover {
	font: 11px verdana, arial, sans-serif;
	letter-spacing: 0.02em;
	color: #00A;
	text-decoration: none;
	background: #EFEFEF;
}

a.dwd {
	font: 9px verdana, arial, sans-serif;
	letter-spacing: 0.02em;
	color: #00A;
	text-decoration: none;
}