body { background-color: #069; font-family: verdana, sans-serif; font-size: 14px; font-weight: normal; color: #222; }

a:link, a:visited { color: #c09230; text-decoration: none; }
a:hover { color: #069; text-decoration: none; }

#head { position: relative; width: 800px; height: 247px; background: url('head.jpg') no-repeat; }
#headcont { position: absolute; width: 340px; top: 180px; left: 230px; text-align: center; font-weight: bold; color: #c90;}
#navbar { position: relative; top: 0px; left: 0px; width: 800px; height: 25px; padding-top: 5px; background-color: #069; text-align: center; font-size: 13px; color: #ff0;}

a.nav:link { color: #fff; text-decoration: none; }
a.nav:visited { color: #fff; text-decoration: none; }
a.nav:hover, .here { color: #ff0; }

.dots { font-family: arial; font-size: 10px; font-weight: bold; color: #ffc; margin-right: 7px; margin-left: 7px; }
.dots2 { font-family: arial; font-size: 10px; font-weight: bold; color: #789; margin-left: 3px; }

#main { position: relative; width: 800px; padding: 0; margin: 0; background-color: #fff; }
#left, #right { float: left; top: 20px; width: 195px; padding: 30px 0px 20px 0; text-align: center; }

.pics, .but { float: left; text-align: center; margin-bottom: 10px; }
.pics2 { float: left; text-align: center; margin-bottom: 0px; }
.pics, .pics2 { width: 170px; padding: 5px; margin-left: 10px; border: 1px solid #c09230; }
.but {width: 120px;  padding: 10px 5px; margin-left: 35px; border: 1px solid #069; background-color: #069; margin-top: 30px; }
#cont { float: left; top: 0px; width: 375px; padding: 20px 10px 0 20px; text-align: left; background-color: #fff; }
#reswrap { position: relative; width: 345px; padding: 10px 10px 0 13px; border: 3px solid #c06629;  }

.clear { clear: both; }
.hi { color: #4E559D; font-weight: bold; }
.hi2 { color: #977; font-weight: bold; }
.hi3 { color: #c06629; font-weight: bold; }
.bold { font-weight: bold; }

/* GLOBAL */

p { padding: 0; margin: 0;}
p.notes { font-size: 12px; color: #660; margin:0; padding: 0;}
h1 { font-size: 18px; font-weight: bold; letter-spacing: 3px; color: #c90; text-align: left; margin: 0 0 20px 0;}
h2 { font-size: 16px; font-weight: bold; color: #4E559D; text-align: left; margin: 0 0 5px 0;}
hr { width: 100%; color: #c06629; background: #c06629; height: 2px; text-align: left; border: 0; margin: 10px 0 20px 0; }
hr.two { width: 100%; color: #c06629; background: #c06629; height: 4px; text-align: left; border: 0; margin: 30px 0 25px 0; }
.center { margin-left: auto; margin-right: auto; }

/* FOOTER */

#footer { position: relative; width: 800px; height: 20px; padding: 0; border-top: 1px #C09230 dotted; background-color: #fff; font-weight: normal; }

#notice, #credit { position: absolute; bottom: 5px; font-size: 10px; }
#notice { left: 20px; text-align: left; width: 450px; }
#credit { right: 20px; text-align: right; width: 265px; }

/* Copyright hover*/

a.copy { z-index: 24; color: #c09230; text-decoration: none; }
a.copy:hover { z-index: 25; color: #069; background-color: transparent; }
a.copy span { display: none; }
a.copy:hover span { display: block; position: absolute; top: 25px; left: -20px; width: 780px; background-color: #468CA6; color: #333; text-align: left; padding: 10px; font-size: 10px; font-weight: normal; }

#meta { width: 715px; height: 100px; background-color: transparent; }