body {
  margin: 0;
  padding: 10px 43px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #202020;
  color: #000000; /*text colour*/

  /* IE6 hack */
  text-align: center; 
}

#box{
position: relative;
width: 830px;
  margin: 0 auto;
  padding: 4px;
  background-color: #770000;
 background-position: top;

  text-align: left;
}

#header{
position: relative;
float: left;
height: 250px;
width:594px;
background-color: #770000;
padding-bottom:5px;
}

.csstitle {
position:absolute;
font-family: arial, verdana, helvetica, sans-serif;
background-repeat: no-repeat;
display: block;
height: 250px;
margin: 0;
margin-bottom:0px;
padding: 0;
}

.csstitle#d{
width: 120px;
top: 0px;
left: 0px;
background-image: url("images/titleDo.jpg");
}

.csstitle#c{
width: 119px;
top: 0px;
left: 120px;
background-image: url("images/titleCo.jpg");
}

.csstitle#a{
width: 117px;
top: 0px;
left: 239px;
background-image: url("images/titleAo.jpg");
}

.csstitle#t{
width: 119px;
top: 0px;
left: 356px;
background-image: url("images/titleTo.jpg");
}

.csstitle#s{
width: 119px;
top: 0px;
left: 475px;
background-image: url("images/titleSo.jpg");
}

.csstitle a {
display:block;
font-size: 11px;
height: 250px;
float: left;
margin: 0;
padding: 0;
color: black; text-decoration: none;
}

.csstitle#d a {width: 120px;}
.csstitle#c a {width: 119px;}
.csstitle#a a {width: 117px;}
.csstitle#t a {width: 119px;}
.csstitle#s a {width: 119px;}

.csstitle img {width: 100%; height: 100%; border: 0; }
.csstitle a:hover img{visibility:hidden}
.csstitle span {
position:absolute;
left:0px;
top:3px;
margin:0;
cursor: pointer;
}

#nav{
float: right;
height: 250px;
width:231px;
background-color: #ffffff;
padding: 5px
padding-bottom:5px;
}

.cssnav {
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-repeat: no-repeat;
display: block;
width: 231px;
height: 50px;
margin: 0;
margin-bottom:0px;
padding: 0;
}

.cssnav#home{background-image: url("images/homeO.jpg");}
.cssnav#meeting{background-image: url("images/meetingO.jpg");}
.cssnav#pride{background-image: url("images/prideO.jpg");}
.cssnav#resources{background-image: url("images/resourcesO.jpg");}

.cssnav a {
display:block;
font-size: 11px;
width: 231px;
height: 50px;
float: left;
margin: 0;
padding: 0;
color: black; text-decoration: none;
}
.cssnav img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}
.cssnav span {
position:absolute;
left:5px;
top:3px;
margin:0;
cursor: pointer;
}

#content {

  width: 630px;
  padding: 5px;
float: left;
position: relative;

  padding: 10px 100px;
  font-size: 13px;
  line-height: 145%;
  position: relative;
  background-color: #fcfcfc;

}

#content p#indent{margin-left:20px;}
h3 {margin-bottom:-10px;}

#footer {
  clear: both;
  background-color: #e5e5e5;
  padding: 11px 45px 20px 45px;
  border-top: solid 3px #d2d2d2;
  margin-top: 10px;

}

#left{float:left;}
#right{float:right;}
#web{font-size: 11px;}

#thumbnav{
padding: 0px;
width: 630px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 20px; 
font-size: 13pt;

border: thick solid #000000;
border-right-width: 0px;
border-bottom-width: 4px;
border-top-width: 0px;
border-left-width: 0px;
}

#thumbnav img{padding: 3px;}

#allein{
padding: 0px;
float: center;
width: 630px;
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 50px; 
}