html { margin: 0px; }

body {
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 10px;
}
/*
.title {
	margin: 0px;
	padding: 0px;
}*/


h1 {
	color: #6F6E7F;
	font: bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}
h2 {
	color: #6F6E7F;
	font: bold 1.35em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
}
h3 {
	color: #6F6E7F;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 10px 0px 0px;
	line-height: 2em;
}

a:link {
	color: #334392;
}
a:visited {
	color: #4B5794;
}
a:active, a:hover {
	color: #032BF2;
}


#header {
	height: 73px;
}
#headertext {
	text-align: center;
	clear: both;
}

#logo {
	float: left;
	padding-top: 0px;
	position: absolute;
	top: 10px;
	left: 10px;

}

#logo img { border: 0px }


#topmenu {
	position: absolute;
	top: 30px;
	right: 20px;
}

	#topmenu ul {
		list-style: none;			/* removes list marker */
		padding: 0px;				/* removes left indent */
		margin: 0px;
	}

	#topmenu ul li {
		display: inline;			/* sets list items to display in a row */
		padding-left: 10px;			/* puts space in between list items */
	}

	#topmenu a:link, #topmenu a:visited {
		color: #334392;
		text-decoration: none;
		font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	}

	#topmenu a:active, #topmenu a:hover {
		color: #032BF2;
		text-decoration: underline;
	}

#wrapper {
	min-width: 540px;	/* Always good to have on full width liquid CSS layouts, google "min-width IE" for JS solutions there */
	width: 100%;		/* total width */
}     

#body1 {
	width: auto;
	border-left: solid 145px #fff; 	/* should be same width as left column */
}

#body2 {
	width: auto;
	border-left: solid 145px #fff; 	/* should be same width as left column */
	border-right: solid 170px #fff; /* should be same width as right column */
}

#innerbody {
	margin: 0px;
	width: 100%;
}

#leftcol {
	width: 145px; 					/* width of left column */
	margin-left: -145px; 			/* negative width of left column */
	float: left;
	position: relative;
	z-index: 10;
}


#rightcol {
	position: relative;
	width: 170px;					/* width of right column */
	margin-right: -170px;			/* negative width of right column */
	float: left;
	z-index: 11;
}

#centercol {
	float: left;
	position: relative;
	width: 100%;
	z-index: 12;
}

#centercontent1 {
	margin: 0px 0px 0px 10px;
	border: solid 1px #a4a4a4;
	padding: 5px 10px 10px 10px;
}

#centercontent2 {
	border: solid 1px #a4a4a4;
	padding: 5px 10px 10px 10px;
	margin: 0px 15px 0px 10px;
}

.clear {
	clear: both;
}

#footer {
	clear: both;
	position: relative;
	z-index: 13;
	border: solid 1px #A4A4A4;
	margin-top: 10px;
	padding: 8px;
	text-align: center;
}

/* fixes for mozilla */
#body > #innerbody { border-bottom: 1px solid transparent; }
#leftcol { margin-right: 1px; }
#rightcol { margin-left: 1px; }
#centercol { margin: 0 -8px 0 -2px; }

.verticalmenu {
	width: 145px;
	border-left: 1px solid #A4A4A4;
	border-right: 1px solid #A4A4A4;
	border-top: 1px solid #A4A4A4;
}

.verticalmenu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.verticalmenu li {
	border-bottom: solid 1px #A4A4A4;
}

.verticalmenu a:link, .verticalmenu a:visited, .verticalmenu a:hover {
	display: block;
	width: 145px;
	height: 26px;
	padding: 5px;
	color: #334392;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-left: 10px solid #6F6E7F;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 125px;
	height: 16px;
}
	html>body .verticalmenu a:link, html>body .verticalmenu a:visited, html>body .verticalmenu a:hover
	{
		width: 125px;
		height: 16px;
	}

.verticalmenu a:hover {
	border-left: 10px solid #334392;
}