body {
text-align:center;
margin:0;
padding:0;
background-color:#FFFFFF;
font: 12px/1.3em "Lucida Grande","Lucida Sans Unicode", Geneva, Verdana, sans-serif;
color:#999999;
}
h1{
text-indent:-9999px;
background-image:url("images1/header.jpg");
width:760px;
height:148px;
float:left;
padding:0;
margin:0;

}
a{
text-decoration:none;
color:#0033CC;
font-weight:bolder;
padding:0;
margin:0;
}

.container{
margin-right:auto;
margin-left:auto;
position:relative;
padding:0;
margin-top:20px;
width:760px;
height:auto;
text-align:left;
background-color:#FFFFFF;
color:#333333;

}
h2, h3, h4, h5
{
color:#666666;
}

li{
list-style-type:none;
padding:0;
margin:0;
}
/* NAVIGATION BUTTONS */
			.menu {		float:left;
						height: 34px;
						width: 760px;
						margin-left:0;
						padding-top:1px;
						margin-top:15px;
						margin-bottom:1px;
						background: url("images1/back.gif") no-repeat;
						color:#999999;
			}
			.cssnav	{
						position:relative;
						float: left;
						margin: 1px 0 0 8px; 
						padding: 0;
						font-family:"Lucida Grande","Lucida Sans Unicode", Geneva, Verdana, sans-serif;
						background: url("images1/buttonhover.gif") no-repeat;
						width: 95px;
						height: 25px;
						color:#999999;
	                    overflow:hidden;/* for ie to hide extra height*/	
			}
			.cssnav a {
						display: block;
						color:#999999;
						font-size: 10px;
						width: 95px;
						height: 25px;
						display: block;
						float: left;
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav a:hover {
						color:#0033FF;
			}
			.cssnav a:visited {
			color:#FF0000;
			}
			
			
			.cssnav img {width: 95px; height: 25px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav a:hover img{visibility:hidden}

			.cssnav span {
						position: absolute;
					    left: 0;top: 3px;
					    text-align: center;
					    width: 95px;
					    cursor: pointer;   
					     
			}
			/* END OF NAVIGATION */

.main{
margin:8px 12px 20px 16px;
font: 14px/1.3em "Lucida Grande","Lucida Sans Unicode", Geneva, Verdana, sans-serif;
color:#666666;
height:auto;
float:left;
}
a:hover{
color:#3333FF;
padding:0;
margin:0;
}
a.active:visited{
color:#990000;
padding:0;
margin:0;
}
.righttexthome{
float:left;
width:160px;
padding:20px 0 0 5px;
margin:0;
color:#FFFFFF;
}

.imgright{
float:right;
margin-left:20px;
clear:right;
z-index:-20;
}
.imgleft{
float:left;
margin-right:20px;
margin-top:10px;
padding:0;
clear:left;
}


.nav{
width:760px;
height:10px;
padding:0;
margin:0;
}
.footer{
background-image:url("images1/back.gif");
background-repeat:no-repeat;
width:760px;
height:30px;
margin-top:45px;
padding:0;
clear:both;
font-size:85%;
color:#000000;
text-align:center;
}
.indent{
padding:0;
margin:9px 0 0 35px;
}
.bold{
font-weight:bold;
}
.textcolor{
color:#333333;
float:right;
}
.red{
color:#FF0000;
}
.seperator{
float:left;
width:210px;
margin:5px 0 0 5px;
padding: 0;
height:auto;
overflow:auto;}


.imgleftnoclearpad2{
float:left;
padding-left:20px;
padding-right:20px;
padding-top:15px;
margin:0;
}
.middle{
float:left;
margin:3px 0 0 250px;
}
.clear{
clear:both;
height:1px;
}
.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: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}

.box{float:left;
margin:15px 0;
}