html, body { width:100%; height:100%; }

body { font-size: 80%; font-family: Verdana, Arial, sans-serif;  text-align: center; margin: 0; padding: 0 }

a:link{
 color:#fff;
 text-decoration: none
}
a:visited{
 color:#fff;
 text-decoration: none
}
a:hover{color:#8c9999;
 text-decoration: none
}
a:active{color:#f00000;
 text-decoration: none
}


#c-bl{
 background-color: #336699;
 color:#000;
 width: 900px;
 padding-top: 6px;
 padding-right: 6px;
 padding-bottom: 6px;
 padding-left: 6px;
 text-align: center;
}

#head-1 { color: #fff; background-color: #336699; text-align: center; padding:5px 5px; }
 #head-1 h1  { font-size: 3em; font-style: normal; font-variant: normal; font-weight: normal; margin: 1px 0; padding: 0 }
 #head-1 h6  { font-size: 1em; font-style: normal; font-variant: normal; font-weight: bold; margin: 0 0 1em; padding: 0; bottom: 1em }

#pos-1{
 background-color:#8C9999;
 padding:0px 5px;
 margin-bottom:10px;
 color:#fff;
 font-size:1em;
 font-weight:bold;
 font-style:italic;
 text-align:left;
}
 #pos-1 h2  { font-size: 1em; font-variant: normal; font-weight: bold; margin: 1em 0; padding: 0 }
 #pos-1 a:hover {color: #5c5c5c;}
 
#men-1 { color: #fff; font-weight: bold; line-height: 200%; background-color: #336699; text-align: left; padding: 20px 10px 20px 25px; z-index: 99999; width: 16em; float: left }
#men-1 ul {margin:0px 0px 15px 0px; padding-left:0px; list-style-type:none; color:#fff;}
#men-1 h3 {font-size: 1em; margin:0px; padding-left:0px; color:#fff;}

#con-1{
 background-color:#f2f2f2;
 padding:20px 0 0 0;
 padding-left:20px;
 padding-right:20px;
 margin-left:19em;
 margin-right:10px;
 line-height: 150%;
 text-align:justify;
}
#con-1 h2 {color: #181818; font-size:1.2em; text-align:center; margin-top:0px; margin-bottom:0px;}
#con-1 h3 {color: #181818; font-size:1em; font-weight:normal; margin-top:0px; margin-bottom:0px;}
#con-1 h4 {color: #181818; font-size:0.9em; font-weight:normal; text-align:center; margin-top:0px; margin-bottom:0px;}
#con-1 h5 {float:left; margin-right:20px; margin-bottom:10px; margin-top:10px; }
#con-1 h6 {text-align:center; margin-left:20px; margin-right:20px; margin-bottom:10px; margin-top:10px;}
#con-1 h1 {float:right; margin-left:20px; margin-bottom:10px; margin-top:10px; }


*
{
	border: 0;
	margin: 0;
	padding: 0;
}

h1
{
	background: inherit;
	border-bottom: 1px dashed #ccc;
	font: 17px;
	font-weight:normal;
	margin: 0 0 10px;
	padding: 0 0 5px;
	text-align: center;
}

p
{
	clear: both;
	font: 10px;
	padding: 10px 0;
	text-align: center;
}

p a
{
	background: inherit;
	color: #777;
}

p a:hover
{
	background: inherit;
	color: #000;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/



.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 2px;
	padding: 4px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 400px;
	height: 300px;
}



/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/