body {
background-color: #DECEAD; 
background-image: url('../imagebase/BVCPosterWidetrans.gif');
background-repeat: no-repeat;
background-position: 50% 0%; /* x-position, y-position */
text-align: center; /* MSIE 5 doesn't center based on auto left/right margins, but 'text-align:center' does center top-level divs: */
font-family: Copperplate Gothic, Verdana, Arial, sans-serif;
font-size: 12px;
min-width: 700px; /* Specify a min-width for the body as wide as the 'wrapper' element itself. This prevents negative (i.e. inaccessible) left-margins in narrow browser windows when using Navigator 6+/Mozilla on Win32: */
margin: auto; auto; auto; auto;
}

table, td, tr {
font-family: Copperplate Gothic, Verdana, Arial, sans-serif;
font-size: 12px;
}

img { 
border: none;
}

.largeletter {
float:left;
color:#000000;
font-size:70px;
line-height:50px;
padding-top:2px;
font-family: Times, Copperplate Gothic, Verdana, Arial, sans-serif;
}

.textregionright {
height: 300px; 
width: 200px; 
background-color: white; 
float: right;
text-align: center;
}

.insetimageright {
float:right;
}

.insetimageleft {
float:left;
}

a:link {color: #803000}
a:visited {color: #803000}
a:hover {color: #0000ff}
a:active {color: #803000}

a.footer:link {color: #EDE8D5}
a.footer:visited {color:#EDE8D5}
a.footer:hover {color: #0000ff}
a.footer:active {color: #EDE8D5}

a.bodylink:link {color: #803000}
a.bodylink:visited {color: #803000}
a.bodylink:hover {color: #0000ff}
a.bodylink:active {color: #803000}

a.textregionright:link {color: #803000}
a.textregionright:visited {color: #803000}
a.textregionright:hover {color: #0000ff}
a.textregionright:active {color: #803000}

#nav {
text-align: left; /* Reset alignment to compensate for 'text-align:center': */
width: 700px; /* Specify the width of the element. This should be the same as 'body min-width': */
margin: auto; auto; auto; auto; /* top, right, bottom, left */ /* Set left and right margins to auto, thus centering the element in the containing (body) tag: */
}

#homenav {
position: relative;
margin-top: 95px;
margin-left: 0px;
}

#faqsnav {
position: relative;
margin-top: 8px;
margin-left: 60px;
}

#historynav {
position: relative;
margin-top: -36px;
margin-left: 120px;
}

#photosnav {
position: relative;
margin-top: 8px;
margin-left: 200px;
}

#eventsnav {
position: relative;
margin-top: -36px;
margin-left: 270px;
}

#affnav {
position: relative;
margin-top: 8px;
margin-left: 330px;
}

#contactnav {
position: relative;
margin-top: -36px;
margin-left: 520px;
}

#spacer {
position: relative;
margin-top: 20px;
margin-left: 0px;
}


#thinspacer {
position: relative;
margin-top: 1px;
margin-left: 0px;
}

a.navlink img {
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity: 0.50;}

a.navlink:hover img {
filter:alpha(opacity=100);  
-moz-opacity:1.0; 
opacity: 1.0;
}

a.navlinkactive img {
filter:alpha(opacity=100); 
-moz-opacity:1.0;
opacity: 1.0;}

a.navlinkactive:hover img {
filter:alpha(opacity=100);   
-moz-opacity:1.0;
opacity: 1.0;
}

#content {
text-align: left; /* Reset alignment to compensate for 'text-align:center': */
width: 650px; /* Specify the width of the element. This should be the same as 'body min-width': */
margin: auto; auto; auto; auto; /* top, right, bottom, left */ /* Set left and right margins to auto, thus centering the element in the containing (body) tag: */
}

#informationbox {
border-width: 1px;
background-color: #D6CFAD;
padding: 4px;
color: black;
height: 385px;
overflow: auto;
filter:alpha(opacity=60);   
-moz-opacity:.6;
opacity: 0.6;
}

#footer {
font-family: Copperplate Gothic, Verdana, Arial, sans-serif;
text-align: center;
font-size: 10px;
color: #EDE8D5;
position: relative;
top: 10px;
}

h3 {
font-size: 12px;
font-weight: bold;
}

.photocredit {
line-height:20px;
margin-left:10px;
padding:0px;
font-size: 10px;
}