html, body
{	

background-color: #cceebb;
color: #000;
}


#container
{
width:75em;
margin-left:auto;
margin-right:auto;
background-color: #ffffff;
font-size: 80%;
font-family:arial, helvetica, sans-serif;
}

A:link {text-decoration: none; color: #0000FF;}
A:visited {text-decoration: none; color: #0000FF;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}
img{border:0;}



#topPanel
{
height:85px;
font-weight: bold;
text-align:center;
background: #ffffff url(banner3.gif) repeat-x; 
color: #fff;
}


h1{
color:#990000;
font-size:220%;
}

h2{
color:#990000;
font-size:120%;
}

h3{
color:#990000;
font-size:120%;
}

h4{
color:#990000;
font-size:115%;
}

h5{
color:#990000;
font-size:100%;
}

h6{
color:#990000;
font-size:70%;
}

#topPanel h1
{
	text-align:center;
	font-size:330%;
	font-family: arial, helvetica, sans-serif;
	padding: 10px 0px 0px 0px;
	margin: 0;
	color:#ffffff;

}
.hnav
{
	border-bottom: solid 1px #fff;
	text-align: center;
	background-color: red;
	color:#ffffff;
	font-weight:bold;
	
}
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 0px;
	padding-bottom: 0px;
	text-size:large;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	white-space: nowrap;
	color:#ffffff;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
	color:#ffffff;
}
.hnav ul li span.divider
{
	display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

.hnav ul li a:link, .hnav ul li a:visited
{
	background-color: #FF000;
	color: #fff;
}
.hnav ul li a:hover
{
	background-color: #787;
	color: #fff;
}
#leftColumn
{
float:left;
width:18%;
background-color: #ffffff;
color:#990000;
font-family: Verdana, sans-serif;
padding: 0px 3px 0px 2px;
}

.vnav
{
margin: 1em 0;
float:left;
width:150px;
}
.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav ul
{
	border: solid 1px #fff;
	border-bottom-width: 0;
}
.vnav ul li
{
	border-bottom: solid 1px #fff;
}
.vnav ul li, .vnav ul li a
{
	margin: 0;
	display: block;
	padding: 0;
	line-height: normal;
	color:#CC0000;
}
.vnav ul li a
{
	display: block;
	padding: 2px 5px 3px 5px;
}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
	text-decoration: none;
	cursor: pointer;
	color:#CC0000;
}

* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}

.vnav ul li a:hover, #rightColumn .vnav ul li a:hover
{
	text-decoration: none;
	background-color: #898;
	color: #fff;
}

#rightPanel
{
float:right;
width:18%;
color:#990000;
font-weight: bold;
background-color: #ffffff;
margin: 5px 0 0 0;
padding 0px 7px 7px 7px;
}


#centerPanel
{
float:left;
font-family: Verdana, sans-serif;
width:60%;
background-color: #ffffff;
text-align:left;
margin: 12px 5px 0 5px;
padding 7px 7px 0px 7px;
}

#bottomPanel
{
clear:both;
height:35px;
font-weight: bold;
background-color: #ffffff;
font-size:x-small;
text-align:center;
color: #000;
margin: 10px 0 0 0;
padding 7px 7px 7px 7px;
}