/*reset
***************/
html, body, ul, ol, li, form, fieldset, legend{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
}
fieldset,img {
border: 0;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
legend {
color: #000;
}
li {
list-style: none;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
input, textarea, select{
	font-size: 110%;
	line-height: 1.1;
}
abbr, acronym{
	border-bottom: .1em dotted;
	cursor: help;
}

/*container
********************/
#container{
width:810px;
height:auto;
margin:0 auto 0 auto;
}

/*header
********************/
#header{
background:url(images/header.png);
width:810px;
height:207px;
}

/*nav
********************/
#nav{
margin:10px 0 5px 0;
width:810px;
height:47px;
background:#9accdd;
}
#mainnav{
float:left;
width:440px;
margin:5px 0 0 0;
}
.navclass{
margin:0;
width:440px;
}
.navclass ul,a{
text-decoration:none;
font-family:Trebuchet MS,Tahoma, Arial, Sans-serif; 
text-transform:uppercase;
text-align:center;
font-size:12px;
color:#fff;
}
.navclass li{
display:block;
float:left;
width:25%;
}
#subnav{
float:left;
margin:6px 0 0 15px;
}
#subnav ul,a{
text-decoration:none;
font-family:Trebuchet MS, Tahoma, Arial, Sans-serif;
text-transform:uppercase;
text-align:center;
margin:0;
}
#subnav li{
display:block;
width:85px;
}
#search{
float:left;
width:255px;
margin:9px 15px 0 0;
text-align:right;
}

/*main
********************/
#main{
margin:0 10px 0 10px;
}
#mainphoto{
width:500px;
height:340px;
float:left;
margin:5px 0 10px 0;
}
#mainarticles{
float:right;
width:250px;
margin:5px 0 10px 0;
}
#articles{
margin:0 0 10px 0;
float:right;
}
#events{
float:right;
}
#calendar{
float:right;
margin:0 0 15px 0;
}
#calendar li{
color:#666;
font-family:Tahoma, Arial, Sans-serif;
font-size:12px;
}
.excerpt{
text-align:right;
}

/*hall of fame
********************/
#hall{
width:775px;
height:auto;
text-align:center;
margin:0 auto 0 auto;
background: url(images/hallbg.png);
height:auto;
padding-bottom:10px;
}

#hallcontainer{
z-index:0;
clear:both;
margin:0 auto 0 5px;
}

.hallphoto{
width:245px;
height: 184px;
float:left;
margin:10px 5px 25px 5px;
text-align:center;
}


/*sub
********************/
#sub{
clear:both;
height:350px;
margin:10px 0 0 0;
}
#features{
float:left;
width:260px;
margin-bottom:10px;
}
#ydc{
float:left;
width:260px;
margin:0 15px 10px 15px;
}
#mib{
float:left;
width:260px;
margin-bottom:10px;
}
.more{
text-align:right;
margin:5px 0 0 0;
}
.more a{
font-size:12px;
color:#999;
font-family:Tahoma, Arial, Sans-serif;
}
.subphoto{
margin:0 0 10px 0;
}
#postcontainer{
width:775px;
height:auto;
margin:0 auto 0 auto;
}
.post{
float:left;
width:540px;
padding:0 5px 0 0;
}
#postsidebar{
float:right;
width:225px;
background:#fafafa;
}
.sidebarexcerpt{
text-align:right;
}

.history{
clear:both;
}

/*comments
********************/
#comments{
clear:both;
width:765px;
height:auto;
margin:0 0 0 20px;
}
#comments p{
margin:0 0 0 25px;
}
.commentpost{
margin:10px 0 0 0;
padding:0 0 0 15px;
}

#commentarea input{
margin:0 0 0 25px;
}


/*footer
********************/
#footer{
clear:both;
width:810px;
height:130px;
background:#999;
text-align:center;
margin:10px auto 0 auto;
}
.mealogo{
float:left;
width:110px;
height:95px;
padding:25px 0 0 15px;
text-align:left;
}
.meaonline{
float:left;
text-align:center;
width:530px;
height:109px;
font-family:Tahoma, Arial, Sans-serif;
font-size:10px;
color:#fff;
padding:20px 0 0 0;
}
.wapplogo{
float:left;
width:110px;
height:100px;
padding:20px 0 0 25px;
text-align:right;
}

/*divider
********************/
.divider{
clear:both;
background:#ccc;
width:775px;
height:5px;
margin:10px auto 10px auto;
}
.navdivider{
clear:both;
background:#a0dae8;
width:420px;
height:2px;
margin:2px auto 2px auto;
}
.postdivider{
clear:both;
background:#ccc;
width:250px;
height:2px;
margin:4px auto 4px auto;
}
.sidebardivider{
clear:both;
background:#ccc;
width:200px;
height:2px;
margin:4px auto 4px auto;
}
.contentdivider{
clear:both;
background:#ccc;
width:540px;
height:2px;
border-right:5px solid #ccc;
margin:0 0 5px 0;
}
.commentdivider{
clear:both;
background:#ccc;
width:200px;
height:2px;
margin:15px 0 15px 25px;
}

/*typography
********************/
.subhead{
height:25px;
width:250px;
background:#99ccdd;
color:#fff;
font-size:16px;
text-transform:uppercase;
text-align:right;
font-family:Gill Sans MT,Tahoma, Arial, Sans-serif;
padding-top:3px;
padding-right:10px;
float:right;
margin:0 0 10px 0;
}
#categoryname{
height:40px;
width:800px;
background:#99ccdd;
color:#fff;
font-size:18px;
text-transform:uppercase;
text-align:left;
font-family:Gill Sans MT,Tahoma, Arial, Sans-serif;
padding-top:11px;
padding-left:10px;
float:right;
margin:0 0 10px 0;
}
h1{
color:#3399cc;
font-size:24px;
font-family:Tahoma,Arial, Sans-serif;
text-transform:uppercase;
}
h2{
color:#3399cc;
font-size:14px;
font-family:Tahoma,Arial, Sans-serif;
text-transform:uppercase;
}
h3{
color:#3399cc;
font-size:16px;
font-family:Tahoma,Arial, Sans-serif;
text-transform:uppercase;
}
h4{
color:#666;
font-size:12px;
font-family:Tahoma,Arial, Sans-serif;
font-weight: normal;
}

p{
color:#666;
font-size:14px;
font-family:Tahoma,Arial, Sans-serif;
margin:0 0 10px 0;
}

p a:link{
color:#666;
font-size:14px;
font-family:Tahoma,Arial, Sans-serif;
margin:0 0 10px 0;
}

#meta{
color:#666;
font-size:10px;
font-family:Tahoma,Arial, Sans-serif;
text-transform:uppercase;
margin:0 0 15px 0;
}
#meta a{
color:#999;
font-size:10px;
font-family:Tahoma,Arial, Sans-serif;
text-transform:uppercase;
margin:0 0 15px 0;
}
.post a{
color:#3399cc;
font-size:24px;
font-family:Tahoma,Arial, Sans-serif;
text-transform:uppercase;
font-weight:bold;
}
.excerpt a{
color:#3399cc;
font-size:14px;
font-family:Tahoma,Arial, Sans-serif;
text-transform:uppercase;
font-weight:bold;
}
.excerpt p{
color:#666;
font-size:11px;
font-family:Tahoma,Arial, Sans-serif;
font-weight: normal;
}
#sub a{
color:#3399cc;
font-size:16px;
font-family:Tahoma,Arial, Sans-serif;
font-weight:bold;
text-transform:uppercase;
}
#sub p{
color:#666;
font-size:12px;
font-family:Tahoma,Arial, Sans-serif;
font-weight: normal;
}
#sub .more a{
color:#666;
font-size:12px;
font-family:Tahoma,Arial, Sans-serif;
font-weight: normal;
}

#events li{
color:#666;
font-size:12px;
font-family:Tahoma,Arial, Sans-serif;
font-weight: normal;
}

.sidebarexcerpt a{
color:#3399cc;
font-size:14px;
font-family:Tahoma,Arial, Sans-serif;
text-transform:uppercase;
font-weight:bold;
}
.sidebarexcerpt p{
color:#666;
font-size:12px;
font-family:Tahoma,Arial, Sans-serif;
font-weight: normal;
}
#commentarea{
color:#666;
font-size:14px;
font-family:Tahoma,Arial, Sans-serif;
font-weight: normal;
}
#commentarea a{
color:#999;
font-size:14px;
font-family:Tahoma,Arial, Sans-serif;
font-weight: normal;
text-transform: none;
}
.commentpost{
color:#999;
font-size:14px;
font-family:Tahoma,Arial, Sans-serif;
}
.commentpost a{
color:#3399cc;
font-size:14px;
font-family:Tahoma,Arial, Sans-serif;
}
.commentpost p{
color:#666;
font-size:14px;
font-family:Tahoma,Arial, Sans-serif;
margin:0 0 10px 0;
}
.history a{
color:#666;
font-size:14px;
font-family:Tahoma,Arial, Sans-serif;
margin:0 0 10px 20px;
}

.hallphoto a{
color:#fff;
font-size:14px;
font-family:Tahoma,Arial, Sans-serif;
text-transform:uppercase;
text-align:center;
}

/*dropdown
************/

ul.menu,
ul.menu li,
ul.menu ul {
 list-style: none;

}

ul.menu {

 z-index: 597;
}

ul.menu li {
width:110px;
 vertical-align: middle;

}

ul.menu li.hover,
ul.menu li:hover {
 position: relative;
 z-index: 599;
 cursor: default;

}

ul.menu ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;

}

ul.menu ul li {
 float: none;
padding:5px 0 5px 0;
}

ul.menu ul ul {
 top: 1px;
 left: 99%;
}

ul.menu li:hover > ul {
 visibility: visible;
background:#3399cc;
 
}

.post .wp-caption p.wp-caption-text{
color:#333;
}
