/*--layout divs-----------------------------------------------------*/
*{
margin:0;
padding:0;
}
body{ 
font:1em/1.4em Verdana, Arial, Helvetica, sans-serif;
text-align:center; 
background-color:#333;
}
div#main{
width:700px;
margin:0px auto 0px auto;
text-align:center;
}
div#picture{
width:700px;
height:300px;
}
div#content{
float:left;
width:696px;
color:#808080;
text-align:left;
border-left:solid 2px #808080;
border-right:solid 2px #808080;
background-color:#ffffff;
}
div#caption{
float:right;
width:390px;
height:15px;
margin-left:0px;
margin-right:23px;
font:.65em/1em Verdana, Arial, Helvetica, sans-serif;
text-align:right;
}
div#leftcolumn{
float:left;
height: inherit;
width:230px;
padding-top:15px;
padding-left:23px;
padding-right:10px;
margin-right:13px;
padding-bottom:5px;
color:#B80808;
background-color: #EDEDED;
}
div#rightcolumn{
float:left;
width:390px;
margin-top:0px;
margin-right:23px;
margin-bottom:5px;
}
div#title{
float:left;
width:250px;
height:150px;
}
div#body{
	float:left;
	font:.8em/1.4em Verdana, Arial, Helvetica, sans-serif;
	width:390px;
	color:#000000;
	
}
div#bodycontent{
float:left;
width:170px;
min-height: 100px;
margin:4px;
padding: 5px;
color:#000000;
border:#000  dashed 2px;
}
div#bodyhome{
float:left;
font:.8em/1.4em Verdana, Arial, Helvetica, sans-serif;
width:390px;
color:#000000;
border-bottom:solid 2px #000000;
}
div#thumbnails{
float:left;
width:390px;
padding-top:5px;
}
div#footer{
float:left;
width:696px;
background-color:#FFFFFF;
border-left:solid 2px #808080;
border-right:solid 2px #808080;
border-bottom:solid 2px #808080;
}
div#footer_closed{
float:left;
width:650px;
font:.6em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
color:#000000;
padding-top:20px;
padding-bottom:7px;
padding-right:23px;
padding-left:23px;
}
div#footer_open{
float:left;
width:650px;
font:.6em Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color:#000000;
padding-top:7px;
padding-bottom:7px;
padding-right:23px;
padding-left:23px;
background-color:#E5E5E5;
display:none;
}
div#credit{
float:left;
width:654px;
font:.5em Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#808080;
padding-top:7px;
padding-bottom:7px;
padding-right:23px;
padding-left:23px;
background:none;
}
div#staff{
float:center;
width:165px;
text-align:left;
}
div#staffspacer{
float:left;
width:20px;
height:200px;
}
/*--navigation----------------------------------------------------------*/
div#nav{
float:left;
font:.75em/1.4em Georgia, "Times New Roman", Times, serif;
width:230px;
padding-bottom:7px;
border-bottom:solid 2px #808080;
}
div#contact{
float:left;
font:.75em/1.4em Georgia, "Times New Roman", Times, serif;
width:230px;
padding-bottom:7px;
border-bottom:solid 2px #808080;
color:#000
}
div#noborder{
float:left;
font:.75em/1.4em Georgia, "Times New Roman", Times, serif;
width:230px;
padding-bottom:7px;
color:#000
}
div#contact a{
text-decoration:none;
color:#000;
display:block;
}
div#mainnav{
float:left;
width:230px;
font-weight:bold;
}
div#mainnav p{
padding-left:5px;
}
div#mainnav li{
list-style:none;
}
div#mainnav a{
text-decoration:none;
color:#808080;
display:block;
padding-left:5px;
}
div#mainnav a:hover{
color:#FFFFFF;
background-color:#333333;
width:225px;
}

div#subnav{
float:right;
width:205px;
font-weight:bold;
}
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;
}
div#subnav a:hover{
color:#FFFFFF;
background-color:#B80808;
width:200px;
}

}
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;
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.25em Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color:#000000;
}
div#contact h2{
font:1em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0909B7;
}
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#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;
}