body {
background-color: #878568;
margin: auto 0;
}

p {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
width: 99%;
color: #5c5b5b;
margin-left: 15px;
}

p.small {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
color: #ffffff;
}

p.large {
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
}

p.grey {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
width: 99%;
color: #5c5b5b;
margin-left: 15px;
}

h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: 300;
letter-spacing: 2px;
color: #000000;
border-bottom: 1px solid #E7DE45;
margin-left: 15px;
}

h2 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: 300;
letter-spacing: 2px;
color: #5c5b5b;
margin-left: 15px;
}

li {
list-style-type: disc;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 150%;
color: #5c5b5b;
}

a:link {
color: #9B9A9A;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #898888;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #E7DE45;
text-decoration: none;
font-weight: bold;
}
a:active {
color: #E7DE45;
text-decoration: none;
font-weight: bold;
}

#body {
z-index: 20;
background-color: #000000;
height: 420px;
width: 760px;
margin-top: -210px;
margin-left: -380px;
position: absolute;
top: 50%;
left: 50%;
}

#banner {
z-index: 10;
background-color: #000000;
height: 60px;
width: 760px;
margin-top: -210px;
margin-left:-380px; 
position: absolute;
top: 50%;
left: 50%;
border-right: 1px solid #5c5b5b;
border-top: 1px solid #5c5b5b;
border-left: 1px solid #5c5b5b;
background-image: url("../img/lighthouse.gif");
background-position: 10px 0%;
background-repeat: no-repeat;
}

#navigation {
z-index: 22;
height: 30px;
width: 760px;
margin-top: -150px;
margin-left: -380px;
position: absolute;
top: 50%;
left: 50%;
border-left: 1px solid #5c5b5b;
border-bottom: 1px solid #E7DE45;
}

#main {
z-index: 20;
background-color: #ffffff;
height: 310px;
width: 760px;
margin-top: -150px;
margin-left: -380px;
position: absolute;
top: 50%;
left: 50%;
border-left: 1px solid #5c5b5b;
border-right: 1px solid #5c5b5b;
background-image: url("../img/background_main1.gif");
background-position: 0% 0%;
background-repeat: no-repeat;
}

#text {
z-index: 23;
width: 550px;
height: 270px;
text-align: top;
margin-top: -110px;
margin-left:-370px;
position: absolute;
top: 50%;
left: 50%;
}

#right {
z-index: 25;
height: 200px;
width: 50px;
margin-top: -90px;
margin-left: 359px;
position: absolute;
top: 50%;
left: 50%;
}

#photo {
z-index: 26;
height: 270px;
width: 280px;
margin-top: -100px;
margin-left: 150 px;
position: absolute;
top: 50%;
left: 50%;
}

#footer {
z-index: 20;
background-color: #000000;
height: 50px;
width: 760px;
margin-top: 160px;
margin-left: -380px;
position: absolute;
top: 50%;
left: 50%;
border-top: 2px solid #E7DE45;
border-right: 1px solid #5c5b5b;
border-left: 1px solid #5c5b5b;
border-bottom: 1px solid #5c5b5b;
}

div#hold	{ 
	position:relative; overflow:hidden;
	width:550px; height:200px; 
  z-index:100;
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:550px; height:200px; 
	clip:rect(0px, 550px, 200px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:relative; left:0; top:0;
  width:8px; height:200px; 
  font-size:1px; z-index:1;
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:8px; height:176px;
  background: url("/images/nav/track.gif") #000000 repeat;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:6px; height:20px;
  background-color:#F4EC6C;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }

table.table1 {
width: 240px;
background-color: #ffffff;
}
input.formButton {
font-size: 10px;
font-family: Arial,helvetica,sans-serif;
font-weight: bold;
background-color: #ffffff;
margin: 2px;
border: solid 1px #aebdcc;
}
input.formButton:hover {
font-size: 10px;
font-family: Arial,helvetica,sans-serif;
font-weight: bold;
color: #ababab;
background-color: #ffffff;
margin: 2px;
border: solid 1px #000000;
}
button.formButton {
font-size: 10px;
font-family: Arial,helvetica,sans-serif;
font-weight: bold;
background-color: #ffffff;
margin: 2px;
border: solid 1px #ababab;
}
label {
font-size: 10px;
font-family: Arial,Helvetica,sans-serif;
color: #000000;
}
input.formField {
font-size: 10px;
font-family: Arial,helvetica,sans-serif;
background-color: #ffffff;
padding: 1px;
border: solid 1px #5c5b5b
}
textarea.formTextArea {
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
background-color: #ffffff;
padding: 1px;
border: solid 1px #5c5b5b;
}