body {
background:#e8ce8f url(img/bg_page.jpg) repeat-y center;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
position:relative;
margin:0px 0px;
padding:0px 0px;
}
html { /* forces the scrollbar */
height: 100%; 
margin-bottom: 1px;
}
#main {
width:784px;
text-align:left;
position:relative;
background:#FFF url(img/bg_aerial.jpg) center bottom no-repeat;
margin:0 auto;
padding:0px 0px;
}
#header {
width:784px;
height:100px;
background:#fff url(img/project-logo.gif) left top no-repeat;
margin:0px 0px;
}
#topnav {
width:784px;
position:relative;
top:124px;
left:0px;
}
#topnav ul {
margin:0;
padding:0;
width:auto;
 }
#topnav li {
font-weight:bold;
font-size:12px;
display:inline;
}
#topnav a {
display:block;
float:left;
border-top:4px solid #df903c;
background-color:#e8cd8f;
text-decoration:none;
color:#27245f;
padding:3px 0;
text-align:center;
width:112px;
}
#topnav a:hover {
background-color:#df903c;
color:#27245f;
border-top:4px solid #27245f;
}
#topnav .current {
background-color:#27245f;
color:#e8cd8f;
}
#topnav ul ul{
margin:0;
padding:0;
width:auto;
 }
#topnav ul ul li {
font-weight:bold;
font-size:12px;
display:block;
}
#topnav ul ul a {
display:block;
float:left;
border-top:4px solid #df903c;
background-color:#e8cd8f;
text-decoration:none;
color:#27245f;
padding:3px 0;
text-align:center;
width:112px;
}
#topnav ul ul a:hover {
background-color:#df903c;
color:#27245f;
border-top:4px solid #27245f;
}
#content {
float:right;
display:inline; /* this is the fix for IE's double-margin on floats bug */
position:relative;
margin:60px 0px 0px 0px;
width:744px;
padding:20px 20px 100px 20px;
min-height:640px;
}
/* for Internet Explorer, which doesn't recognize min-height*/
/*\*/
* html #content {
height: 800px;
}
#clearfloat {
clear:both;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color:#27245f;
}
style1 {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color:#27245f;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:italic;
line-height:20px;
color:#27245f;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:bold;
line-height:16px;
color:#27245f;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:bold;
line-height:14px;
color:#27245f;
}
a:link, a:active, a:visited {
color:#312c9d;
font-weight:bold;
}
a:hover {
color:#df903c;
}
#imgcontainer {
float:right;
margin-left:20px;
margin-bottom:20px;
margin-top:15px;
display:inline;
text-align:center;
color:#fff;
font-size:10px;
background:#27245f;
}
#imgcontainer img {
border:1px solid #27245f;
}
#graphics {
color:#fff;
background:#27245f;
display:inline;
}
#graphics img {
border:1px solid #27245f;
}
.bold {
font-weight:bold;
}