body {
background: #cccccc;
font-family: franklin gothic book, candara, calibri, sans-serif;
color: #333399;
}

*html body {
text-align: center;
te\xt-align: center;
}

#wrapper {
background: #FFFFFF;
border: 1px solid #333399;
padding: 1px;
display: block;
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;
}


#header {
background: #35399A;
top: 10px;
width: 900px;
height: 120px;
display: block;
margin-left: auto;
margin-right: auto;
}

#header #details {
text-align: right;
}

#header a img {
border: none;
}

#topnav {
position: relative;
top: -31px;
*top: -27px;
height: 24px;
*height: 31px;
}

*html #topnav {
top: 7px;
t\op: 7px;
}

#photo {
float: right;
width: 250px;
padding: 0 0 0 10px;
font-size: 90%;
margin-top: -25px;
*margin-top: -4px;
margin-right: -5px;
}

#photo div {
margin: 0 0 10px 0;
border: 1px solid #009900;
color: #539646;
}

#photo div h2 {
margin-top: 0;
text-align: center;
background-color: #539646;
color: #FFFFFF;
}

#photo div h2, #photo div h3, #photo div p {
padding-left: 5px;
padding-right: 5px;
}

#menuContainer {
position: absolute;
*position: relative;
*float: left;
width: 180px;
font-size: 90%;
top: 130px;
*top: 0;
border-right:  1px solid #CCCCCC;
}

*html #menuContainer {
width: 172px;
wi\dth: 172px;
float: left;
fl\oat: left;
margin-bottom: -10px;
padding-bottom: -10px;
}


#content {
margin-left: 190px;
margin-bottom: 50px;
width: 705px;
padding: 5px 0 0 0;
font-size: 90%;
min-height: 700px;
}

*html #content {
margin-left: 175px;
ma\rgin-left: 175px;
}

a {
text-decoration: none;
}



#menuContainer ul {
margin-top:0;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#menuContainer a {
display: block;
padding: 5px;
width: 170px;
color: #003399;
border-bottom: 1px solid #CCCCCC;
}



#menuContainer a:hover {
color: #FF6600;
background-color: #e6e4e4;
}

#topnav ul {
margin: 0;
float: right;
padding: 0;
padding: 1px 0 0 0;
}

#topnav ul li {
display: inline;
list-style-type: none;
}

#topnav a {
padding: 0 20px 3px 20px;
color: #FFFFFF;
height: 20px;
border: 1px solid #CCCCCC;
border-bottom: 1px solid #35399A;
}

#topnav a:hover {
color: #FF6600;
background-color:  #e6e4e4;
}

#content div.flyer {
width: 205px;
padding: 5px;
border: 1px solid #CCCCCC;
margin: 2px;
float: left;
min-height: 200px;
}

#content  div.flyer h3 {
padding: 0;
margin: 0;
color: #009900;
}

#content  div.flyer p {
margin: 0 0 0.5em 0;
}


#content a { 
color: #FF6600;
}

#content a:hover { 
color: #009900;
}


#content div.flyer a img {
border: 2px solid #FF9900;
}

#content div.flyer a:hover img {
border: 2px solid #FFCC66;
}

#content h2 {
margin-top: 10px;
} 

#content div#billboard {
margin-left: -9px;
margin-top: -4px;
}

*html #content div#billboard {
margin-left: 0;
ma\rgin-left: 0;
}

#content div#billboard a img {
border: none;
}

#footer {
color: #666666;
font-size: 70%;
min-height: 200px;
clear: both;
padding: 2px;
border-top: 1px #CCCCCC solid;
padding: 1px;
}

#footer div {
width: 45%;
padding: 5px;
background-color: #FFFFFF;
min-height: 150px;
}

#footer div h2 {
color: #666666;
background-color: #FFFFFF;
border: none;
font-size: 85%;
margin: 0;
padding: 0;
}

#footer a {
text-decoration: none;
color: #009900;

font-weight: bold;
}

#footer a:hover {
color: #FF9933;
}

hr {
clear: left;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #00CCFF;
color: #FFFFFF; 
background-color: #FFFFFF; 
}

hr.white {
border-bottom: 1px solid #FFFFFF;
}

p.anchor {
float: right;
font-size: 70%;
}


#photo div a { 
color: #FF9900;

}

#photo div a:hover { 
color: #FFCC00;
}

#photo div a img {
border-left: none;
border-right: none;
color: #009900; 
}

#photo div a:hover img {
border-left: none;
border-right: none;
color: #FFCC66; 
}

table {
margin: 0 auto 0 auto;
width: 100%;
font-size: 70%;
}

th {
font-weight: strong;
background: #dedddd;
border: 1px solid #999999;
}



table table td {
border: 1px solid #E2DEDE;
}

.blank {
border: 1px solid #ffffff;
}

td {
font-weight: normal;
text-align: center;
border: 1px solid #999999;
}


/* for the current class for highlight.js */
#menu li a.current {
color: #FF6600;
background-color:  #e6e4e4;
}

#topmenu li a.current {
color: #009900;
background-color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

#menu li a.current:hover, #topmenu li a.current:hover {
cursor: default;
}

.small {
font-size: 80%;
}

#locations {
padding: 0;
margin: 0;
}

#locations li {
	list-style: none;
}

#locations li li {
display: inline;
padding: 0 10px 2px 0;
border-right: 1px solid #CCCCCC;
}