h1 {color: DarkBlue}

a:link, a:visited {
    color: darkblue;
    text-decoration: none;}

a:hover, a:focus {
    color: red;
    text-decoration: underline;}

.leftImage {
    float: left;
    padding: 3px}

.rightImage {
    float: right;
    padding: 3px}

body {
    margin: 0px; 
    padding: 0px;
	/*text-align: center;*/}

#container {
    width: 970px;
    background: #white;
    margin: 0px auto; 
    font-family: Arial, Helvetica, sans-serif;
	text-align: left;
    }

#mainContent {
    width: 700px;  
    background: white;
    text-align: left;
    margin-left: 270px;}

#sidebar {
    float: left;
    width: 250px; 
    background: #lightgray; 
    padding: 5px;
    text-align: left;}

#header { 
    width: 970px;
    text-align: left;
	background: lightblue url('header.gif') top right no-repeat;
	margin-bottom: 15px;}
	
#header h1 {
    padding-left: 7px;
	padding-top: 3px;}

#header ul {
    margin: 0px;
    text-align:center;
    padding: 5px 0;
    border-bottom: 1px solid darkblue;
    font: bold 14px Verdana, sans-serif;}

#header li {
  list-style: none;
  margin: 0px;
  display: inline;}

#header li a {
  color: white;
  padding: 5px 15px;
  margin-left: 3px;
  border: 1px solid darkblue;
  border-bottom: none;
  text-decoration: none;}

#header li a:link, 
#header li a:visited {
    color: white;
	background: darkblue;}

#header li a:hover {
  color: white;
  background: blue;
  border-color: blue;}

#header li a#current {
  color: black;
  background: white;
  border-bottom: 1px solid white;}

#footer {
    margin-top: 10px;
    border-top: solid 7px darkblue;
    width: 970px;
	line-height: 24px;
    text-align: center;}

.clearFloat {
    clear: both;}