﻿* {margin: 0;padding: 0;}

html, body {	
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 80%; 
	color: #999999;
	background-color: #ffffff;
	background: url('../images/bg.gif') repeat-x;
}

h3{
	color: #5B8FBE;
	font-family: geneva,arial,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	word-spacing: 4px;
	letter-spacing: 3px;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0 2px;
	margin: 0;
}

.hidden {
	display: none;
}

#border	{	
	margin: auto;
	width: 775px;			
	background: url('../images/border_bg.gif') no-repeat;
}

#container	{	
	margin: auto;
	width: 749px;			
}

#header {		
	width: 742px;
	height: 192px;
	background-image: url('../images/header.gif');
}

#topmenu {
	text-align: center;
	width: 742px;
	font-family: Arial;
	font-size: 8pt;
	margin: 0;
	line-height: normal;
	height: 41px;
}

#topmenu ul {	  
	  margin: auto;
	  padding: 0px 0px 0 2px;
	  list-style: none;
}

#topmenu li {      
      display: inline;
      margin: 0;
      padding: 0;
}

#topmenu a {
      float: left;
      background: url('../images/menuleft.gif') no-repeat left top;
      margin:0;
      text-decoration: none; padding-left: 4px; padding-right: 0; padding-top: 0; padding-bottom: 0
}

#topmenu a span {
      float: left;
      display: block;
      background: url('../images/menuright.gif') no-repeat right top;
      color: #151B54; padding-left: 6px; padding-right: 15px; padding-top: 5px; padding-bottom: 4px
}
	  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float: none;}
/* End IE5-Mac hack */

#topmenu a:hover span {
	color: #5B8FBE;
}

#topmenu a:hover {
      background-position: 0% -42px;
      color: #5B8FBE;
}

#topmenu a:hover span {
      background-position: 100% -42px;
      color: #5B8FBE
}

#content-left {
      padding: 0.5em 1em;
      padding-bottom: 50px;
	  max-width: 740px;      
      margin:auto;
      width: 63%;
      float: left;
      overflow: hidden;
      text-align: justify;
      color: #151B54;
}

#content-left ul, #content-left li {
	text-align:center;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #151B54
}

#content-left a {
	text-decoration: underline;
	border-bottom: none;
	color:#151B54;
}

#content-left h3{
	text-align: center;
	position: static;
}

#content-left a:link, a:visited{
	color: #151B54;
}

#content-left a:hover, a:active{
	text-decoration: underline;
	color: #5B8FBE;
}

#content-right {
    float: right;
	width: 30%;
	padding-right: 5px;
	padding-bottom: 30px;	
	text-align: center;
	line-height: 1em;
	color: #151B54;
	font-size: 12px;
	font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	letter-spacing: 0px; margin-left:10px; margin-right:0; margin-top:0px; margin-bottom:0px
}

#content-right ul, #content-right li {
	text-align:center;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #151B54
}

#content-right p {	
	color:#151B54;
	font-size: 10px;
	font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	letter-spacing: 0px; margin-left:10px; margin-right:0; margin-top:0px; margin-bottom:0px;
}

#content-right a {
	text-decoration: underline;
	border-bottom: none;
	color:#151B54;
}

#content-right h3{
	text-align: center;
	position:static;
}

#content-right a:link, a:visited{
	color:#151B54;
}

#content-right a:hover, a:active{
	text-decoration: underline;
	color:#5B8FBE;
}

.style4 {	
	font-size: 16px;
	color: #151B54;}
	
.style5 {
	font-size: 12px;
	color: #151B54;}
	
.style6 {	
	line-height: normal;
	font-size: 12px;
	color: #151B54;}

#footer {		
	clear: both;
	padding: 0;	
	width: 744px;
	height: 28px;
	background: #8EB8DE;	
}

#footer p	{		
	line-height: 2.5em;
	font-family: Arial;
	font-size: 8pt;
	color: #151B54;
}