BODY {margin:0; background : url(../images/bg-page.jpg) fixed; text-align:center;}
html { min-height: 100%; margin-bottom: 1px; }
* {margin:0; padding:0; font-family :  Arial, Helvetica, Verdana, sans-serif;}
img {border:0; }
p, td, div {font-size:12px; color:#333; }
a {color:#333;}
p {margin-bottom:10px;}
h1 {font-size:15px; text-transform: uppercase;}
h2 {font-size:13px; text-transform: uppercase;}
h3 {font-size:12px; text-transform: uppercase;}

.container {width:960px; margin: 0 auto; text-align:left;background : url(../images/bg-body.png) repeat-y top left;}

/*header styles, including logo and utility navigation*/
.header {}
.header a { width:960px; height:127px;}

#main {float:left; width:936px;  padding-left:24px;}

body.home .innerContents {background : url(../images/bg-homepage.jpg) no-repeat; float:left; width:913px; height:278px; border-bottom: 1px solid #000;} 
body.history .innerContents {background : url(../images/bg-history.jpg) no-repeat; float:left; width:913px; height:278px; border-bottom: 1px solid #000;} 
body.officers .innerContents {background : url(../images/bg-officers.jpg) no-repeat; float:left; width:913px; height:278px; border-bottom: 1px solid #000;} 
body.officers .innerContents table {margin:10px 0 0 30px;}
body.officers .innerContents table th {padding:4px; width:150px; font-size:14px;}
body.officers .innerContents table td {padding:4px; font-size:14px;}

/*vertical navigation*/
#nav.column {float:left; width:158px; padding:10px;}

body.events #content.column {float:left; width:420px; padding:12px 0 0 30px;}
body.home #content.column {float:left; width:420px; padding:130px 0 0 256px;}
body.officers #content.column {float:left; width:420px; padding:80px 0 0 256px;}
body.history #content.column {float:left; width:420px; padding:80px 0 0 256px;}
#content.column ul {margin-left:20px;}

.historyContent {height:145px; overflow: auto; padding:0 10px 5px 2px;}
.historyContent p {line-height:14px;}

table.upcomingEvents { width:420px; margin:0 0 10px 0; border-top: 1px solid #999;}
table.upcomingEvents td {border-bottom: 1px solid #999; font-size:10px; padding:5px 0 3px 10px}
table.upcomingEvents td.date {width:110px;}
table.upcomingEvents td.date, table.upcomingEvents td.location {font-weight:bold; text-transform: uppercase;text-align: left; }
table.upcomingEvents td.location {font-style: italic;}
table.upcomingEvents th {text-transform: uppercase; padding:15px 0 3px 15px; font-size:14px; text-align:left; border-bottom: 1px solid #999; }

.upcomingEvents { width:400px; margin:0 0 10px 0; border-top: 1px solid #999;}
.upcomingEvents h4 {text-transform: uppercase; padding:15px 0 3px 15px; font-size:14px; text-align:left; border-bottom: 1px solid #999; margin-bottom:5px;}
.upcomingEvents .item {padding:0 0 15px 15px; font-size:10px;}
.upcomingEvents .item p {font-size:10px;}

.bottomContents {float:left; padding:14px 0 0 0; }
.bottomContents .events {float:left; width:420px; padding:0 18px 0 30px; border-right: 1px solid #333;}
.bottomContents .cta {float:right;}
.bottomContents .contact {float:left; width: 420px; padding-left:20px; border-left: 1px solid #333; position: relative; left:-1px;}
.bottomContents .contact img.photo {float:left; margin-right:20px;}
.bottomContents .contact address {float:left; font-style: normal; padding:0 0 10px 5px; display:block; font-size:11px;}
.bottomContents .contact .cta {padding-right:20px;}



/*footer styles*/

.footerContainer {width:960px; margin: 0 auto; text-align:center; padding-bottom:10px;}
.footer {width:940px; text-align:left; float:left; padding:17px 10px 15px 10px; background : url(../images/bg-footer.png) no-repeat top;}
.footer .nav {float:right; width:400px; text-align:right; color:#fff; padding-right:40px;}
.footer .nav a { color:#fff; text-decoration:none; padding:10px;}
.footer .copyright {float:left;color:#fff; width:400px; font-weight: bold; padding-left:50px;}

.clearfloats {clear:both; padding-top:.05px; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}