body {
background-color: #070B4B;
color: black;
}

img {
border: 0;
}

#wrapper {
width: 90%;
margin: 10px auto;
background-color: #7B2222;
line-height: 120%;
}

#nav {
width: 160px;
float: left;
border: solid 1px black;
background-color: #565A90;
margin: 0;
padding: 1em;
font-size: 15px;
}

#content {
margin-left: 200px;
border-left: 1px solid black;
margin-right: 320px;
border: 1px solid black;
background-color: gray;
padding: 1em;
}

#galleryContent {
margin-left: 200px;
border-left: 1px solid black;
border: 1px solid black;
background-color: gray;
padding: 1em;
}

#rightBar {
float:right;
width: 270px;
margin: 0;
padding: 1em;
background-color: #565A90;
border: solid 1px black;
}


#nav p, #rightBar p {
margin: 0 0 1em 0;
}

#content h2 {
margin: 0 0 .5em 0;
}

#headerImage {
padding: .5em;
margin-left: 6em;
}

#footer {
clear: both;
margin: 0;
padding: .5em;
color: #333333;
background-color: #DDDDDD;
border-top: solid 1px black;
}

#footer a {
background-color: #003366;
border: solid 2px white;
}

#imageHolder {
float: right;
width: 510px;
}

a {
font-size: 120%;
}

a:link {
color: #B9D0CD;
text-decoration: none;
}

a:visited {
color: #B9D0CD;
}

a:active {
color: #B9D0CD;
}

a:hover {
color: #DBD7EA;
text-decoration: underline;
}

/* Styles for Calendar 
Styles altered from the template listed at: http://webdesign.about.com/od/freewebtemplates/a/blcalendarc.htm
*/
#month { 
background-color: #CCCCFF;
border-collapse: collapse; 
margin-left: 200px;
}

#month th, #month td { 
border: 1px solid #000; 
}

#month thead { 
background-color:#9c9; 
}

#month td { 
width: 6em; 
height: 6em; 
padding: .2em; 
vertical-align: top; 
overflow: auto; 
}

td .day { 
width: 6em; 
height: 5em; 
overflow:auto; 
margin-top: 0; 
}

/* Not sure if I want weekends styled differently.  
For some of the folks that go to this club, everyday is a weekend.

#month tbody .weekend { 
background-color: #ded; 
}
*/


#month tbody .next, #month tbody .previous { 
background-color:#ddd; 
}

.rtop { 
display:block; 
background:#060; 
}

.rtop * { 
display: block; 
height: 1px; 
overflow: hidden; 
background:#fff; 
}

.r1{
margin: 0 0 0 5px;
}

.r2{
margin: 0 0 0 3px;
}

.r3{
margin: 0 0 0 2px;
}

.r4{
margin: 0 0 0 1px; 
height: 2px;
}

#container h1 { 
margin: 0 0 .5em .5em; 
font: 2em Arial, Helvetica, sans-serif; 
color: #060; 
}

#month th { 
font: 1em bold Arial, Helvetica, sans-serif; 
}

#month td:hover {
font-weight: bold;
width: 8em;
background-color: white;
}

p {
margin-top: 0; 
}