* {
 margin: 0 ;
 padding: 0 ;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	background-color: #000066;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

img {
	text-decoration: none ;
	margin: 0px ;
	padding: 0px ;
	border: 0px ;
}

a {
	color: #indigo;
	text-decoration: none;
	cursor: hand;
}

a:hover {
	text-decoration: underline;
	color: #00CCFF;
}

.mainbody { 
     background: white; 
     margin: 0px; 
     padding: 0px; 
     width: 478px; 
	 height: 383px ;
	 overflow: auto;
	 color: black;
}


.mainbody p {
	padding-left: 15px;
	padding-right: 15px;
	color: black;
}

.navigation { 
     width: 205px; 
     height: 600px; 
     margin: 0px; 
     padding: 0px; 
}

.bannera {
	width: 478px ;
	height: 110px ;
	margin: 0px ;
}

.pagetitle {
	width: 478px;
	height: 75px;
	background: blue;
	margin: 0px ;
}

.leftbar {
	width: 17px ;
	height: 600px ;
	background-image: url(../images/leftbar.gif) ;
	margin: 0px ;
}
	
.bottom {
	width: 478px ;
	height: 32px;
	background: red ;
	margin: 0px ;
	background-image:url(../images/bottom.gif);
}
	

.footer {
	width: 700px ;
	height: 53px
	text-align: center ;
	padding-top: 10px ;
	padding-bottom: 10px ;
	margin-left: auto;
	margin-right: auto;
	border-left: 3px solid black ;
	border-right: 3px solid black ;
	border-bottom: 3px solid black ;
	background-color: white;
}

.floatright {
	float: right;
	margin-left: 5px;
}

.floatleft {
	float: left;
	margin-right: 5px;
}

.copyright {
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
	text-decoration: none;
	color: #CCCCCC;
}

.textmenu {
	text-align: center;
	padding: 8px;
}

.pageborder {
	width: 700px ;
	height: 600px ;
	margin-left: auto;
	margin-right: auto;
	border-left: 3px solid black ;
	border-right: 3px solid black ;
	border-bottom: 3px solid black ;
}
.leftbits {
	width: 17px ;
	float: left ;
	margin: 0px ;
	padding: 0px ;
}
.centerbits {
	width: 478px ;
	float: left ;
	margin: 0px ;
	padding: 0px ;
}
.rightbits {
	width: 205px ;
	float: left ;
	margin: 0px ;
	padding: 0px ;
}


#container
{
width: 462px;
background-color: #fff;
color: #333;

}

#top
{
padding: 1px;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 270px;
margin: 0;
padding: 3px;
max-width: 300px;
}

#content
{
margin-left: 270px;
border-left: 1px solid black;
padding: 3px;
max-width: 200px;
}

#footer
{
clear: both;
margin: 0;
padding: 1px;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 0 0; }
#content h2 { margin: 0 0 0 0; }


/* =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;
}

.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;
}