html {
height: 101%;	
margin-bottom: 1px;}
	
body {
background: #00355c url('images/back.jpg');
font: normal .90em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align: left;
padding: 0;
margin: 0 auto;
}
	
img {
border: none;}
	
a {
color: #0157a0;
text-decoration: none;
font-weight: bold;
outline: none;}
	
a:hover {
color: #0157a0;
text-decoration: underline;
font-weight: bold;
outline: none;}
	
h1 {
color: #0157a0;
font: normal 26px Georgia, Georgia, serif;
margin: 0 0 10px 0;}
	
h2 {
color: #ffffff;
font: normal 20px Verdana, Arial, sans-serif;
margin: 5px 0;}
	
h3 {
color: #383d36;
font: normal 20px Verdana, Arial, sans-serif;
margin: 5px 0;}
	
h4 {
color: #404040;
font: normal 18px "Trebuchet MS", sans-serif;
margin: 5px 0;}
	
h5 {
color: #ffffff;
font: normal 16px "Trebuchet MS", sans-serif;
margin: 5px 0;}
	
h6 {
color: #0157a0;
font: bold 12px Verdana, "Trebuchet MS", sans-serif;
letter-spacing: 1px;
margin: 5px 0;}
	
hr {
background-color: #0157a0;
color: #0157a0;
height: 1px;
width: 100%;}
	
ul {
padding: 0;
margin: 0 0 20px 20px;
list-style: square;}
	
#wrapper {
text-align: left;
background-image: url('images/wrapper.jpg');
width: 960px;
margin: 0 auto;}

#wrapperwide {
text-align: left;
background-image: url('images/wrapperwide.jpg');
width: 960px;
margin: 0 auto;}

#global {
position: absolute;
left: 630px;
top: 15px;
z-index: 1;
color: #0157a0;
height: 20px;
width: 310px;
text-align: right;}
	
#global a {
outline: none;
color: #0157a0;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}
	
#global a:hover {
outline: none;
color: #0157a0;
text-decoration: underline;
font-weight: bold;}

#global p {
padding: 0;
margin: 0;}
	
#header {
position: relative;
height: 300px;
width: 960px;}
	
#topnav {
position: absolute;
left: 0px;
top: 270px;
z-index: 2;
color: #0157a0;
height: 30px;
width: 960px;
text-align: center;
line-height: 30px;}
	
#topnav a {
outline: none;
color: #0157a0;
padding: 0 10px;
text-decoration: none;
font-weight: bold;}
	
#topnav a:hover {
outline: none;
color: #0157a0;
padding: 0 10px;
text-decoration: underline;
font-weight: bold;}

#toparea {
width: 960px;
height: 10px;}

#topareawide {
width: 960px;
height: 10px;}
		
#main {
width: 630px;
float: right;
line-height: 1.6em;
margin: 10px 15px;}
	
#sidebar {
float: left;
width: 265px;
text-align: left;
color: #ffffff;
line-height: 1.6em;
margin: 10px 0 10px 17px;}
	
#sidebar a {
color: #ffffff;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}
	
#sidebar a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;}

#contentwide {
width: 930px;
margin: 10px 10px 10px 20px;
line-height: 1.6em;}

#footer {
clear: both;
height: 90px;
width: 960px;
background: #00355c url('images/footer.jpg') no-repeat;	
color: #ffffff;
text-align: center;
letter-spacing: 2px;
font-size: 75%;
line-height: 1.6em;
padding-top: 20px;
margin: 0;}
	
#footer p {
padding: 0;
margin: 0;}
	
#footer a {
color: #ffffff;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}
	
#footer a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;}

#footerwide {
clear: both;
height: 90px;
width: 960px;
background: #00355c url('images/footerwide.jpg') no-repeat;	
color: #ffffff;
text-align: center;
letter-spacing: 2px;
font-size: 75%;
line-height: 1.6em;
padding-top: 20px;
margin: 0;}
	
#footerwide p {
padding: 0;
margin: 0;}
	
#footerwide a {
color: #ffffff;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}
	
#footerwide a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;}

		
.clear {
clear: both;}
	
.center {
text-align: center;}	
		
.imageleft {
margin: 0 10px 0 0;
float: left;
border: 3px double #c0c0c0;}
	
.imageright {
margin: 0 0 0 10px;
float: right;
border: 3px double #c0c0c0;}
	
.imageleft-noborder {
margin: 0 10px 0 0;
float: left;}

.imageright-noborder {
margin: 0 0 0 10px;
float: right;}