body{ background-image:url(images/backstripe.gif); margin:0; padding:0;}

#navi{ z-index:3; padding-left:300px;  }
#navi ul{ list-style-type:none; }
#navi li{float:left; margin:2px 4px 0 4px; color: white;}
#navi a{color: white; text-decoration: underline;}

#header{ background-image:url(images/header.png); background-repeat:repeat-x; width:100%; height:64px;position:absolute; top:0px; left:0px; }

#logo{ position:absolute; top: 17%; left: 10px;}
#logo h1{color: white;}
#logo a{text-decoration:  none; color: white; font-size: 200%;}

#content{ background-color:#FFFFFF; width:90%; margin-left:auto; margin-right:auto; min-height:500px;}
#content h1 {padding-top: 20px; color: black; font-family: Arial, "MS Trebuchet", sans-serif;font-size: 100%;}

#left { float: left; height: 20%; width: 25%; border: 1px solid #ccc; padding: .8em; margin: 0 0 15px 0;}
#right{float:right; height: 20%; width: 65%; border: 1px solid #ccc; padding: .8em; margin: 0 0 15px 0;}
#left:hover, #right:hover { background: #F5F5F5; color: #666; }
#left h4 {font: 85% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-weight: bold;}
#right h4 {font: 85% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-weight: bold;}

#maincontent {border: 1px solid #ccc; padding: .8em; padding-left: 25px; height: 100%;}
#maincontent a {color: #6C6C6C;}

#footer{ font: 10px "Lucida Grande", "Trebuchet MS", Arial; background-color:#333333; background-image:url(images/footerback.gif); background-repeat:repeat-x; width:100%; position:absolute; min-height:30px; color: white; text-align: center; padding-top: 20px;}
#footer a {color:#AAAAAA;}