body{
text-align: center;
margin: 0; 
padding: 0;
font-family: Arial, sans-serif;
background: #EDEADA;
height: 100%;
}

#wrapper{
margin: 0 auto; /*center in compliant browsers*/
text-align: left;
width: 960px; /*960px is good for 1024×768 with no horizontal scrollbar appearing*/
border: 1px solid white;
background: #FFFFFF;
}

.headercell{
width: 960px; /* width of our wrapper, you can also use 100%*/
height: 100px;
margin: 0 auto;
border: 1px;
background: #FFFFFF;
}

.headerrow{
width: 960px;
}

.headerlogo{
width: 90px;
padding: 10px;
border: 1px solid white;
background-color: #FFFFFF;
float: left;
}

.headertitle{
margin-left: 120px;
border: 1px solid white;
}

.topmenucell{
margin: 0 auto;
height: 50px;
position: relative;
width: 960px;
background-color #00529B;
}

.topmenurow{
width: 960px;
}

.topmenurow ul{
list-style-type: none;
margin: 0;
padding: 0;
float: left;
width: 100%;
color: #00529B;
}

.topmenurow ul li{
display: inline;
}

.topmenurow ul li a {
background-color: #FFCF06;
float: left;
width: 5em;
color: #00529B;
padding: 0.5em 1em;
text-decoration: none;
border-right: 1px solid #00529B;
border-bottom: 6px solid #FFCF06;
}

.topmenurow ul li a:hover
{
border-bottom: 6px solid #00529B;
}

.topmenurow ul li a.selected{
border-bottom: 6px solid #00529B;
}

.leftmenu{
width: 150px;
/*height: 450px;*/
height: 80%;
border: 1px;
background-color: #FFFFFF;
float: left;
display: inline-block;
}

.leftmenu ul{
display: inline-block;
border: 0 none;
list-style-image: none;
list-style-type: none;
margin: 0;
padding-left: 0;
width 150px;
}

.leftmenu ul li{
border-bottom: none;
border-top: none;
}

.leftmenu ul li a {
background-color:#EDEADA;
border:1px solid #8B7967;
color:#00529B;
display:block;
font-size:10pt;
padding:6px 2px;
text-decoration:none;
}

.leftmenu ul li a:hover{
background-color: #00529B;
color: #EDEADA;
text-decoration: none;
}

.leftmenu ul li a.selected{
background-color: #00529B;
color: #EDEAEA;
}

#content{
width: 800px;
/*height: 450px;*/
height: 80%;
border: 1px;
margin-left: 155px;
}

#footer{
clear: both;
width: 960px; /* entire width of our wrapper */
height: 40px;
border: 1px;
background-color: #00529B;
color: #FCFCF7;
}


.nolinks { list-style-type: bullet; } 


a:link.leftnavlink { color:#0000cc }
a:visited.leftnavlink { color:#9900cc }
a:hover.leftnavlink { color:#990000 }




h1 { color: #8B7967; font-size: 32px; font-family: Arial, sans-serif; }
h2 { color: #403505; font-size: 28px; font-family: Arial, sans-serif; padding: 0px 0px 0px 15px; }
h3 { color: #403505; font-size: 24px; font-family: Arial, sans-serif; padding: 0px 0px 0px 15px; }
h4 { color: #403505; font-size: 14px; font-family: Arial, sans-serif; padding: 0px 0px 0px 15px; }
h5 { color: #990000; font-size: 18px; font-family: Arial, sans-serif; padding: 0px 0px 0px 15px; }
p.footer { color: #FCFCF7; font-family: Arial, sans-serif; padding: 5px 0px 0px 5px; }
p.content { color: #403505; font-family: Arial, sans-serif; padding: 0px 0px 0px 15px; } 

span.eventdate { color: #990000; font-size: 18px; font-family: Arial, sans-serif; }


ul.thumbnail 
{ 
	padding: 0px 0px 0px 15px;
	margin: 0;
	list-style-type: none; 
}

ul.thumbnail li { display: inline; }

