/*--layout divs-----------------------------------------------------*/
*{
margin:0;
padding:0;
}
body{ 
text-align:center; 
background-color: #333;
}


div#main{
width:950px;
margin:0px auto 0px auto;
text-align:center;
background-color:#FFFFFF;
}
div#picture{
width:950px;
height:400px;
background-color:#FFFFFF;
text-align:left;
background-color: #EDEDED;
}

div#content{
float:left;
width:946px;
color:#808080;
text-align:left;
border-left:solid 2px #808080;
border-right:solid 2px #808080;
background-color: #EDEDED;
}

div#leftcolumn{
float:left;
height: inherit;
width:245px;
padding: 15px 10px 15px 5px;
color:#B80808;
}
div#rightcolumn{
float:left;
width:450px;
padding: 15px 8px 15px 8px;
background-color: #fff;
min-height:500px;
}

div#body{
float:left;
font: .8em Verdana, Geneva, sans-serif;
width:450px;
color:#000000;	
}
div#bodytitle{
float:left;
width:450px;
color:#000000;
padding-bottom: 5px;
}
div#bodyhome{
float:left;
width:450px;
color:#000000;
border-bottom:solid 2px #000000;
margin-bottom:10px;
padding-bottom: 10px;
padding-top: 10px;
}

div#photocolumn{
float:left;
width:200px;
padding: 15px 10px 15px 5px;
}
div#events{
float:left;
font: .8em Verdana, Geneva, sans-serif;
width:185px;
color:#000000;	
}
div#eventstitle{
float:left;
width:185px;
color:#000000;
padding-bottom: 5px;
}
div#eventstext{
float:left;
width:185px;
color:#000000;
border-bottom:solid 2px #000000;
margin-bottom:10px;
padding-bottom: 10px;
padding-top: 10px;
}


div#thumbnails{
float:left;
width:390px;
padding-top:5px;
}

div#footer{
float:left;
width:926px;
font:.6em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
color:#000000;
background-color:#FFFFFF;
border-left:solid 2px #808080;
border-right:solid 2px #808080;
border-bottom:solid 2px #808080;
background-color: #EDEDED;
padding: 15px 10px 10px 10px;
}

div#credit{
float:left;
width:930px;
font:.6em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
color:#808080;
padding: 15px 10px 10px 10px;
background-color: #333;
}

div#staff{
float:center;
width:165px;
text-align:left;
}
div#staffspacer{
float:left;
width:20px;
height:200px;
}
/*--navigation----------------------------------------------------------*/
div#nav{
float:left;
font:.9em/1.4em Georgia, "Times New Roman", Times, serif;
width:245px;
padding-bottom:7px;
border-bottom:solid 2px #808080;
}

div#contact{
float:left;
font:.8em Verdana, Geneva, sans-serif;
width:245px;
padding-bottom:7px;
border-bottom:solid 2px #808080;
color:#000
}
div#noborder{
float:left;
font:.8em Verdana, Geneva, sans-serif;
width:245px;
padding-bottom:7px;
color:#000
}

div#contact a{
text-decoration:none;
color:#000;
display:block;
}

div#mainnav{
float:left;
width:245px;
font-weight:bold;
color:#666;
}
div#mainnav p{
padding-left: 5px;
}
div#mainnav li{
list-style:none;
}
div#mainnav a{
text-decoration:none;
color:#000;
display:block;
padding-left:5px;
}
div#mainnav a:hover{
color:#FFFFFF;
background-color:#333333;
width:245px;
}

div#subnav{
float:right;
width:230px;
font-weight:bold;
color:#666;
}
div#subnav p{
padding-left:5px;
}
div#subnav li{
list-style:none;
}
div#subnav a{
text-decoration:none;
color:#000000;
display:block;
padding-left:5px;
color:#B80808;
}
div#subnav a:hover{
color:#FFFFFF;
background-color:#B80808;
width:230px;
}

div#special{
float:left;
width:230px;
font-weight:bold;
}
div#special p{
padding-left:5px;
}
div#special li{
list-style:none;
}
div#special a{
text-decoration:none;
color:#B80808;
display:block;
padding-left:5px;
}
div#special a:hover{
color:#FFFFFF;
background-color:#333333;
width:225px;
}
/*--content formatting---------------------------------------------------*/
div#body h1{
	font:1.5em Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
div#events h1{
font:1.5em Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color:#000000;
}
div#body h2{
font:1.1em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#B80808;
}
div#body h3{
font:.95em/1.4em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#B80808;
}
div#body h4{
font:1.15em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0909B7;
}
div#body h5{
font:1.5em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#B80808;
}

div#body li{
font:Verdana, Geneva, sans-serif;
list-style:square;
margin-left:30px;
}

div#contact h1{
font:1.5em Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color:#000000;
}
div#contact h2{
font:1.1em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#B80808;
}
div#contact li{
font:1em Verdana, Arial, Helvetica, sans-serif;
list-style: none;
padding-left:0px;
font-weight:bold;
}

div#main a{
font-weight:bold;
}
div#body a{
text-decoration:none;
color:#0909B7;
}
div#events a{
text-decoration:none;
color:#0909B7;
}
div#body a:hover{
color:#000000;
}
div#contact a{
text-decoration:none;
color:#0909B7;
}
div#contact a:hover{
color:#000000;
}
div#caption a{
text-decoration:none;
color:#808080;
}
div#caption a:hover{
color:#7a1217;
}
div#credit a{
text-decoration:none;
color:#808080;
}
div#credit a:hover{
color:#B80808;
}
div#footer a{
text-decoration:none;
color:#808080;
}
div#footer a:hover{
color:#B80808;
}
div#picture img{
border:0px;
}
div#thumbnails img{
padding-top:5px;
padding-right:5px;
padding-left:0px;
}


/*---clearfix--------------------------------*/
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* CSS Document */
#main #content #rightcolumn #body {
	font-weight: bold;
}
#main #content #rightcolumn #body {
	font-weight: normal;
}