body {
	background-color: #333333;
}

a {
   color: #666666;
   font-weight: bold;
}

 a:hover {
   color: white;
}

td, div {
   font-family: arial;
   font-size: 11px;
   color: #333333;
   line-height: 160%;
}

h1, h2, h3, h4, .main {
   font-family: arial;
   font-size: 12px;
   font-weight: bold;
   color: #333333;
}
.box {
	border: thin dotted #000000;
	padding: 5px;
	margin: 5px;
}

.nav {
	background: #0E0E0E;
	padding: 4px;
	text-indent: 20px;
	vertical-align: middle;
}
.nav a {

   text-decoration: none;
}

.nav a:hover {
	color: white;
}

/* Footer */
.footer {
   display: block;
   background: #0E0E0E;
   padding: 4px;
}
.footer a {
   color: #FFFFFF;
   text-decoration: none;
}

.footer h1 {
   color: #2E6685; 
   margin: 0px;
   padding: 3px;
}
.footer h2 {
	color: #CCCCCC;
	margin: 0px;
	padding: 3px;
	font-size: 11px;
}

.footer a:hover {
	color: white;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	font-size: 100%;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}
.boxhead {
	margin: 0;
	padding: 0;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;	
}
.boxhead h2 {
	margin: 0;
	padding: 10px 10px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	}
.boxbody {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFFFFF;
	padding: 5px 5px 5px;
	border: 1px dashed #CCCCCC;
}
.headline {
	background: #FFFFFF;
	padding: 0px;
	text-indent: 0px;
	vertical-align: middle;
}
.headline a {

   text-decoration: none;
}

.headline a:hover {
	color: white;
}