/* CSS Document */

html { margin: 0px; }

body {
 background: #535769;
 text-align: center;
 font: 0.7em Verdana, Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 0px;
}

#wrapper {
	margin: 0px auto;  /* to fix centering in Mozilla */
	background:  url(img/bg.gif) repeat-y;
	text-align: left;
	width: 749px;    /* width should be the same as the background image */
	padding: 0px 17px 0px 17px;
	/* box model hack */
 voice-family: "\"}\"";
	voice-family:inherit;
	width: 715px;
	background-color: #CCCCCC;
}
 html>body #wrapper { width: 715px; }

*#header {
 height: 101px;
 background: #4858A4 repeat-x;
 }

 #menu {
	background: url(img/menu-bg.gif) #4858A4 repeat-x;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	padding: 0px;
	color: #fff;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 18px;
	top: auto;
}

#menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
}

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

#menu a:link, #menu a:visited {
 color: #fff;
 text-decoration: none;
}

#menu a:active, #menu a:hover {
 color: #EDDF7D;
 text-decoration: none;
}
 
#footer {
	margin: 0px auto;
	background:  url(img/bg-bottom.gif) repeat-x;
	width: 749px;
	color: #B1B5C1;
	padding: 0px 0px 0px 0px;
	position: static;
	height: 28px;
	left: auto;
}

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

#verticalmenu li {
position: relative;
}

#verticalmenu {
 width: 160px;
 border: 1px solid #A4A4A4;
}

#verticalmenu li li {
 width: 160px;
 border: none;
}

#verticalmenu a:link, #verticalmenu a:visited, #verticalmenu a:hover {
 display: block;
 width: 160px;
 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: 140px;
 height: 16px;
}

#verticalmenu li li a:link, #verticalmenu li li a:visited, #verticalmenu li li a:hover {
	display: block;
	width: 160px;
	height: 26px;
	padding: 5px;
	color: #334392;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-left: 10px solid #6F6E7F;
	padding: 0px 0px 0px 10px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 140px;
 height: 16px;*/
}

html>body #verticalmenu a:link, html>body #verticalmenu a:visited, html>body #verticalmenu a:hover
{
	width: 140px;
	height: auto;
}

#verticalmenu a:hover {
	border-left: 10px solid #993399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993399;
}

#verticalmenu li li a:hover {
	border-left: 10px solid #993399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993399;
}

#verticalmenu li {
 border-bottom: solid 1px #a4a4a4;
}
#verticalmenu {
	width: 160px;
	border: 1px solid #A4A4A4;
}

#leftcol {
 width: 168px;
 float: left;
}

#maincol {
	width: 525px;
	float: left;
	padding: 10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 525px;
	margin: auto;
	border-top: none #a4a4a4;
	border-right: 1px none #a4a4a4;
	border-bottom: 1px none #a4a4a4;
	border-left: 1px none #a4a4a4;
	}
	
#maincol a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993399;
	text-decoration: none;
}

.clear { clear: both; }
.link {
	color: #000099;
	text-decoration: none;
	border: none;
}