/* --- GLOBAL --- */

* {
margin: 0;
padding: 0;
}

body {
text-align: center;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 12px;
background: url(images/site_bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50% 0%;
}

a:link, a:visited  {
text-decoration: none;
color: #8B4513;
}

a:hover {
color: #000000;
}

img {
border-style: none;
}

#container {
margin-left: auto;
margin-right: auto;
width: 800px;
height: auto;
background: none;
}

div.clear_right {
clear: right;
}

div.clear_left {
clear: left;
}

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

/* --- STRUCTURAL --- */

#siteheader {
width: 800px;
height: 100px;
background: url(images/site_header.jpg) no-repeat;
text-align: right;
font-size: 10px;
}

#pageheader {
width: 800px;
height: 300px;
Padding: 0px;
margin: 0px;
border: none;
text-align: left;
line-height: 0px;
border-style: none;
}

#content {
width: 800px;
min-height: 200px;
text-align: left;
background: url(images/content_bg.jpg);
line-height: 150%;
}

#contentfooter {
width: 800px;
height: 30px;
background: url(images/content_footer.jpg);
}

#sidebar_right {
width: 230px;
height: 445px;
position: relative;
top: -80px;
right: 5px;
float: right;
clear: right;
border-style: none;
line-height: 0;
}

#sitefooter {
width: 800px;
height: 100px;
text-align: right;
font-size: 10px;
}

/* --- CONTENT --- */

#gallery {
  margin: auto;
  padding: 0;
  border: 1px solid #CCC;
  width: 500px;
  list-style: none;
  overflow: hidden;
}

#gallery li {
  float: left;
  padding: 10px 11px;
}

#gallery li a img {
  border:2px solid #333;
  padding: 1px;
  opacity:.80;
}

#gallery li a img:hover {
  border-color:#CCC;
  opacity:1;
}

#navmenu {
position: relative;
top: 80px;
right: 15px;
}

#navmenu ul {
list-style: none;
}

#navmenu li {
display: inline;
}

#navmenu a {
font-weight: bold;
padding: 0px 15px 0px 0px;
color: #000000;
border: none;
}

#navmenu a:link, #menu a:visited {
padding: 0px 15px 0px 0px;
color: #000000;
border: none;
}

#navmenu a:hover {
color: #8B4513;
}

div.submenu {
text-align: center;
}

#submenu ul {
list-style: none;
}

#submenu li {
display: inline;
}

#submenu a {
font-weight: bold;
padding: 0px 15px 0px 0px;
color: #8B4513;
border: none;
}

#submenu a:link, #menu a:visited {
padding: 0px 15px 0px 0px;
color: #8B4513;
border: none;
}

#submenu a:hover {
color: #000000;
}

#sitefooter p, #sitefooter ul{
list-style: none;
color: #FFFFFF;
padding: 0;
position: relative;
top: 10px;
right: 115px;
}

#sitefooter li {
display: inline;
padding: 0px 0px 0px 10px;
}

#sitefooter img {
position: relative;
top: -13px;
right: 2px;
border-style: none;
}

p {
padding: 0px 20px 15px 20px;
}

p.camps {
padding: 0px 20px 0px 25px;
}

h1 {
padding: 0px 20px 0px 20px;
}

.headline {
font-size: 16px;
font-weight: bold;
}

h1.camp_year, h1.subtitle {
font-size: 24px;
font-weight: bold;
line-height: 120%;
}

h1.camp_date {
font-size: 14px;
font-weight: normal;
}

h1.camp_title {
font-size: 16px;
font-weight: bold;
}

ul.camps {
list-style: none;
padding: 0px 20px 0px 25px;
}

li.camps {
display: inline;
padding: 0px 20px 0px 0px;
}

ul.bullets {
padding: 0px 20px 0px 50px;
}

ol.plain {
padding: 0px 20px 0px 50px;
}

img.right {
float: right;
clear: right;
padding: 10px;
}

img.left {
float: left;
padding: 10px;
}

img.h_line {
padding: 0px 0px 0px 20px;
}

.center {
text-align: center;
}

div.staff {
float: left;
width: 200px;
text-align: center;
}

.colored {
color: #8B4513;
}

form {
padding: 0px 0px 0px 20px;
}

.previous {
text-align: left;
}

.previous a {
padding: 0px 20px 0px 20px;
}

.next {
text-align: right;
}

.next a {
padding: 0px 20px 0px 20px;
}