* {
	margin: 0 auto;
}
html, body {
  font: 11px Verdana, sans-serif;
	text-align: center;
	background: #32295D url(assets/title-web_06.jpg) repeat-x;
}
.wrapper {
	background: url(assets/title-web_07.jpg) repeat-y;
	width: 990px;
}
.footer {
	width: 95%;
	clear: both;
}

.bottom-row {
	width: 990px;
	height: 49px;
	clear: both;
}


.left {
	width: 176px;
	float: left;
	height: 550px;
	background: url(assets/title-web_01.jpg) no-repeat;
}

.content-right-wrapper {
	width: 814px;
	float: right;
}

.content {
	width: 634px;
	float: left;
}

.right {
	width: 180px;
	height: 550px;
	float: right;
	background: url(assets/title-web_03.jpg) no-repeat;
}


.menu{
	display: block; 
	font-size: 11px; 
	font-weight: bold;
	color: #000000; 
	text-decoration: underline; 
	width: 154px;
	text-align: right;
	padding: 6px 10px 6px 0px;
	}

.menu:hover{
	display: block; 
	font-size: 11px; 
	font-weight: bold; 
	color: #ffffff; 
	text-decoration: none;  
	width: 154px;
	background: url(../assets/menu.jpg) no-repeat right;
	text-align: right;
	padding: 6px 10px 6px 0px;
}


.menu-hbguide{
	display: block; 
	font-size: 10px; 
	font-weight: bold;
	color: #000000; 
	text-decoration: none; 
	width: 154px;
	background: url(../assets/menu.jpg) repeat-y right;
	text-align: right;
	padding: 6px 10px 6px 0px;
	}

.menu-hbguide:hover{
	display: block; 
	font-size: 10px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: underline overline;  
	width: 154px;
	text-align: right;
	padding: 6px 10px 6px 0px;
}

/* left menu */


.menubox-left {
width: 176px;
padding-top: 0px;
}

.menu{
	display: block; 
	font-size: 11px; 
	font-weight: bold;
	color: #000000; 
	text-decoration: underline; 
	width: 154px;
	text-align: right;
	padding: 6px 10px 6px 0px;
	}

.menu:hover{
	display: block; 
	font-size: 11px; 
	font-weight: bold; 
	color: #ffffff; 
	text-decoration: none;  
	width: 154px;
	background: url(assets/menu.jpg) no-repeat right;
	text-align: right;
	padding: 6px 10px 6px 0px;
}


.menu-hbguide{
	display: block; 
	font-size: 11px; 
	font-weight: bold;
	color: #000000; 
	text-decoration: none; 
	width: 154px;
	background: url(assets/menu.jpg) repeat-y right;
	text-align: right;
	padding: 6px 10px 6px 0px;
	}

.menu-hbguide:hover{
	display: block; 
	font-size: 11px; 
	font-weight: bold; 
	color: #770000; 
	text-decoration: none;  
	width: 154px;
	text-align: right;
	padding: 6px 10px 6px 0px;
}

/* 2-column body text paragraph formatting */

.body-wrapper {
	width: 600px;
	background: url(assets/column-separator.gif) repeat-y top center;
	text-align: center;
	margin: 0 auto;
}

.body-leftcolumn {
	width: 300px;
	float: left;
	text-align: left;
}

.body-rightcolumn {
	width: 300px;
	float: right;
	text-align: left;
}

 
/* typography */

h1 {
	font: bold 14px Verdana, sans-serif;
	text-align: center;
	display: block;
	width: 600px;
	border-bottom: 1px solid #bbbbbb;
	margin: 0 auto;
	position: relative;
	left: 10px;
	color: #000000;
	padding-bottom: 3px;
}

h2 {
  padding: 10px 20px 2px 0px;
  font: bold 12px/1.5em Verdana, sans-serif;
	border-bottom: 1px solid #000999;
	width: 60%;
	margin-left: 20px;
}

h3 {
  padding: 10px 20px 2px 0px;
  font: bold 12px/1.5em Verdana, sans-serif;
	border-bottom: 1px solid #000999;
	width: 90%;
	text-align: center;
	text-transform: uppercase;
	background-color: #a8a8a8;
	border: 1px #6d6d6d;
	display: block;
	margin: 20px 0 0 0;
	color: #000000;
	
}

p.bodytext {
  text-align: left;
	margin: 0;
  line-height: 1.5em;
	padding: 2px 30px 10px 27px;
}

p.bodytext-column {
  text-align: left;
	margin: 0;
  line-height: 1.5em;
	padding: 2px 30px 10px 10px;
}

p.bodytext-colheader {
  text-align: left;
	margin: 0;
  line-height: 1.5em;
	padding: 2px 2px 2px 20px;
	color: #ffffff;
	font-weight: bold;
	display: block;
	background: url(assets/column-header.gif) no-repeat;
}

p.footertext {
  margin: 0;
  line-height: 20px;
	border-top: 1px solid #770000;
	width: 90%;
	padding-top: 10px;
}

.lcolors2 {color:#ffffff; text-decoration: underline; font-weight:bold}
.lcolors2:active {color:#ffffff; text-decoration: none; font-weight:bold}
.lcolors2:visited {color:#ffffff; text-decoration: none; font-weight:bold}
.lcolors2:hover {color:#ff0000; text-decoration: none; font-weight: bold}

.lcolors {color:#000099; text-decoration: underline; font-weight:bold}
.lcolors:active {color:#000099; text-decoration: none; font-weight:bold}
.lcolors:visited {color:#000099; text-decoration: none; font-weight:bold}
.lcolors2:hover {color:#ff0000; text-decoration: none; font-weight: bold}


/*]]>*/

/* -------------------------- Forms ---------------------------*/

fieldset {
width: 520px; 
display: block;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px;
}

legend {
color:#ffffff;
font-weight: bold;
background-color: #000099;
padding: 7px;
border: 1px solid #000099;
text-transform: uppercase;
}

input {
float:right;
width:270px;
}

label {
float:left;
text-align:left;
}

textarea {
float:right;
width:270px;
}

select {
float:right;
width:270px;
}

.box {
float:right;
width:270px;
}

.box2 {
width:185px;
float:left;
}

.checkbox {
float:right;
width:20px;
margin-right:130px;
}

.button {
width:100px;
margin:20px 250px 0 0;
}

/*--------------- Highlighter ---------------*/

.ctrlHolder {
overflow:hidden;
clear:both;
margin:0;
padding:7px 4px;
}

.ctrlHolder span {
position:relative;
}

.focused {
background:#fdf6e4 repeat top left;
border:1px solid #666;
border-width:1px 0;
padding:6px 4px;
}

.ctrlHolder .textInput:focus {
border-color:#666;
}

div.focused .formHint {
color:#000;
}