body{
	margin:0 auto;
	padding:0;
	font:75% Verdana,Tahoma,Arial,sans-serif;
	background:#fff url(../images/bg.jpg);
	color:#303030;
	width:800px;
}
.container{
	background-color: #ffffff;
	color:#666;
	margin:0 auto;
	height: 100% ;
    border-left:  2px solid #363F48  ;
	border-right: 2px solid #363F48 ;
	border-bottom: 2px solid #363F48 ;
	width: 800px ;
}
.os { 
	margin:  0em 0em ; 
	padding-left: 0em ;  
	color: #DF538D;  
	margin-bottom: 0em ;
	border-bottom: 0px solid #DF538D;
	background: #fff;
}
.os h1{
	margin:0 0 10px 0;
	float:left;
}
.os p{
	width:500px;
	float:right;
	text-align:center;
	color:#a0a0a0;
	margin:0 0 10px 0;
	font-size:0.8em;
	line-height:1.2em;
	background-color:inherit;
}

.mainpict {

	margin: 0px auto;
	border-bottom: 0px solid #363F48;
	border-top: 1px solid #363F48;
	padding-bottom:0px;
	padding-top:0px;
}
.toppict {
 margin:0px auto;
	border:0;
	width: 800px ;
	background-image:url(../images/hmenu.gif);
}

/******************* Top Nav ***************/
.topmenu {
    padding-top: 4px;
	color:#fff;
	margin: 0em 0em 0em 0em; 
	text-align: left ;
	border-bottom: 1px solid #6388BF;
	background-image:url(../images/hmenu.gif);
}
#topnavlist { 	
    margin: 0em;
    padding: 5px 0 5px 5px; }

.topmenu li{
	display: inline ;
    white-space:nowrap;
    padding-left: 4px ;
}
.topmenu li a{
    display:inline;
	padding:0 12px;
	font-size:12px;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration:none;
	color: #fff;
}
.topmenu #topcurrent, .topmenu a:hover{
	color:#6388BF;
	border-bottom: 0px solid #000 ;
	text-decoration:none;
	
}

/******************* Left Nav ***************/

.leftmenu{
	clear:right;
	float:right;
	width:160px;
	margin: 10px 0 0px 0px;
	padding:0;
	font-size:0.9em;
}
.leftmenu ul{	
	list-style:none;
	margin:2PX 2px 1px 1px;
	padding:0;
	font-size:0.9em;
}	
.leftmenu li{
	margin-bottom:1px;
}
.leftmenu li a{
	font-weight:bold;
	height:24px;
	text-decoration:none;
	text-transform:uppercase;
	background: #fff url(../images/hmenu.gif) center repeat-x ;
	color:#fff;
	display:block;
	padding:6px 10px 1px 8px;
	}	
.leftmenu li a:hover, #leftcurrent {
	background: url(../images/hmenuover.gif) center repeat-x; 
	color:#363F48;
	border-left:#0099FF 0px solid;
	
	text-decoration: none ;
	
	
}

/******************* Main Contents ***************/

.contents {
	margin: 12px 165px 20px 8px;
    border-right:1px solid #223a66;
	padding: 8px 6px 6px 6px;
	line-height:1.3em;
	text-align:left;
	background-color: #fff ;
}
h1{
	font-size:24px;
	font-family: century gothic, sans serif;
    margin:0 0 0.1em 0;
	padding-bottom: 1px ;
	padding-left: 1px ;
    color: #223a66;
	text-transform:uppercase;
	font-weight:bold;
	
}
.toppict h1{
	font-size:24px;
	font-family: "century gothic", sans serif;
    margin:0 0 0.1em 0;
	padding-bottom: 2px ;
	padding-left: 4px ;
    color: #fff;
	text-transform:uppercase;
	font-weight:bold;
	
}
.contents h1 {
	font-size:24px;
	font-family:century gothic, sans serif;
    margin:0 0 0.3em 0;
	padding-bottom: 4px ;
	padding-left: 1px ;
    color: #223a66;
	text-transform:uppercase;
	font-weight:bold;
}
h2, h3{
	font-size:18px;
	margin:0 0 0.5em 0;
	padding-bottom: 2px ;
	color: #6388BF;
    text-transform:uppercase;
    font-family:century gothic, sans serif;
}


img{
	margin: 3px ;
	padding:1px;
	display:inline;
	border:2px solid #5b5b5b;
}
a img {
border: 2px solid #5b5b5b;
}
a:hover img {
border: 2px solid #6388BF;
}
.contents a{
	text-decoration:none;
	padding: 3px ;
	color: #223a66 ;
	font-weight: bold ;
	font-size: 105% ;
}
.contents a:hover{
	text-decoration: none;
	color:#6388BF;
}
.bluebox {
background-color: #fff;
border: 0px solid #0f8bbf;
color: inherit;
padding: 2px 4px 2px 4px;
margin: 2px 0px 0px 0px;
}

.splitright {
background-color: #ffffff;
width: 49%;
float: right;
overflow: hidden;
}

.splitleft {
background-color: #ffffff;
width: 49%;
float: left;
overflow: hidden;
}

.abox, .abox2 {
	clear:right;
	float:right;
	width:150px;
	margin: 20px 2px 5px 5px;
	padding:3px;
	font-size:0.9em;
	border: 1px solid #6388BF;
}
.abox h3 {
	margin: 0 ;
}
.abox ul, .abox2 ul {
	padding: 0 0 0 15px ;
	margin: 0 ;
}
.abox2 {
	clear: right ;
}
.abox2 p {
	padding: 0 ;
	margin: 0 ;
}

/******************* FANCY TEXT ***************/

.dark {
 color: #6388BF;
 line-height:1.4em;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  font-size:18px;
  font-style:italic;
}
.dark2 {
margin-left:15px;
 color: #353E47;
 line-height:1.6em;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  font-size:22px;
  
  
}
/******************* Footer Details ***************/

.footer {
	clear:both;
	margin:0 ;
	padding:10px 0 10px 0;
	border-top:1px solid #6388BF;
	text-align:center;
	background-color: #fff ; 
	color: #000;  
	font-size:0.9em;
}
.footer a{
	text-decoration:none;
	padding: 3px ;
	color: #223a66 ;
	font-weight: bold ;
	font-size: 105% ;
}
.footer a:hover{
	text-decoration: none;
	color:#6388BF;
}

/******************* Image Display Settings ***************/

.left{
	margin:10px 15px 5px 2px;
	float:left;
	display:inline;
}
.right{
	margin:10px 0 5px 10px;
	float:right;
}
.center{
	text-align:center;
}
form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 28%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #6388BF;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #363F48;
  border-width: 1px;
  border-style: solid;
  border-color: #6388BF;
}

input.radio {
  background: none;
  border: 0px;
}