body { color: black; font-family: "Times New Roman", Times, serif; background-color: #09c; background-image: url(../images/background.gif); background-attachment: fixed; z-index: 5; margin: 5px 0 0; padding: 0; }
p { font-size: 10pt; line-height: 11pt; }
a:link { color: #09c; text-decoration: none; }
a:visited { color: #09c; text-decoration: none; }
a:hover { color: #999; text-decoration: none; }
h1 { font-size: 14pt; font-weight: bold; font-style: oblique; line-height: 12pt; text-align: left; margin: 0.67em 0; border: solid 0 #09c; }
img { border-style: solid; border-width: 1px; }
.space { border-width: 0; }
h2 { font-size: 12pt; font-weight: bold; text-align: left; margin: 0.83em 0; }
h3 { font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; margin: 1em 0; }
h4 { color: #09c; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; }
h5 { font-size: 9pt; font-weight: bold; text-align: left; margin: 1.67em 0; }
h6 { font-size: 10pt; font-weight: normal; line-height: 10pt; margin: 1px; padding: 1px; }
em { color: #09c; font-weight: bold; font-style: normal; }
#container { width: 640px; z-index: 2; }
#header { background-image: url(../images/head_bg_top.gif); background-repeat: no-repeat; background-attachment: scroll; width: 640px; height: 180px; z-index: 1; float: left; margin: 0; padding: 0; }
/*This is where the rollover logo happens*/
#logo { width: 225px; height: 180px; float: left; }
#home 
{
  display: block;
  width: 225px;
  height: 180px;
  background: url(../images/logo_swap.gif) no-repeat;

}

#home:hover
{ 
  background-position: 0 -180px;
}

#home span
{
  display: none;
}
.cssnav
{ position: relative; background-image: url(../images/logo_bg.gif); background-repeat: no-repeat; background-position: 0 0; width: 250px; height: 200px; float: left; margin: 0; padding: 0; }
.cssnav img
{
border: 0
}
.cssnav a:hover img
{
visibility:hidden
}
.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
/*this is the drop down navigation*/
#navigation { font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; width: 415px; height: 180px; float: left; clear: none; }
#navigation a:link { text-decoration: none; }
#navigation a:hover { color: #ccc; text-decoration: underline; }
ul { padding: 5px; margin: 0; list-style: none; }
li { float: left; position: relative; padding: 0 1em 0; }
li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }
li > ul {
	top: auto;
	left: auto;
	}
li:hover ul, li.over ul{ background-color: white; border-color: #09c; border-style: double; border-width: 0 0 1px 1px; display: block; }
#content { background-color: #fff; width: 608px; z-index: 2; float: left; clear: left; padding: 2em 0 2em 2em; border-color: #069; border-style: solid; border-width: 0 0 1px; }
#content p { text-align: left; }
#footer { font-size: 9pt; background-image: url(../images/footer.gif); background-repeat: no-repeat; width: 640px; height: 50px; z-index: 3; float: left; clear: left; padding: 0.25em 1em 0.5em 0.5em; }
.add { font-size: 9pt; line-height: 10pt; }