/* CSS Document */

/* 
------------------------------------------------------------------
DOCUMENT STRUCTURE
------------------------------------------------------------------
*/

html {-webkit-text-size-adjust: none}
body { font-family: "Helvetica", sans-serif; font-size: small; color: #4d4d4d; background-color: #aca073; background: url(images/bg.gif) repeat-y top center; }
abbr { border-bottom: none; }

a:link {color: #7f001b; text-decoration: underline; }
a:visited {color: #666; text-decoration: underline; }
a:hover {color: #c1272d; text-decoration: underline; }
a:active {color: #c1272d; text-decoration: underline; }

h1 { font-family: Georgia, serif; color: #00285b; font-size: 180%; }
h2 { font-size: 140%; font-weight: normal; color: #7f001b; line-height: 150%; }
h3  {font-size: 110%; font-weight: normal; color: #c1272d; }
a img {border: none; }
.hidetext {display: none; }

#supercontainer { width: 914px; margin: 0 auto; height: 100%; }
#container { margin: 0 0 20px 0; float: left; font-size: 100%; } 
#contentcontainer { float: left; width: 914px; }
#content { float: left; width: 914px; background: url(images/container.png) repeat-y; padding-top: 20px;  }
#col-content { float:left; width: 575px; padding: 0 40px 40px 40px; line-height: 140%; }
#content-end {  float:left; width: 914px; margin: 0 auto; background: url(images/content.png) no-repeat bottom left; height: 30px; }

/* 
------------------------------------------------------------------
HEADER
------------------------------------------------------------------
*/

#header { float: left; height: 125px; width: 914px; background: url(images/header.png) no-repeat top left; }
img#logo { padding: 0; margin: 15px 0 0 20px; float: left; }
img#donate { padding: 0; margin: 50px 20px 0 0; float: right; }

/* 
------------------------------------------------------------------
MAIN NAVIGATION
------------------------------------------------------------------
*/

ul#nav { clear: both; margin: 0 0 0 7px; padding: 0; list-style-type: none; height: 30px; width: 900px; background-color: #00285b; border-bottom: solid 5px #7f001b; }
ul#nav li { float: left; padding: 0; margin: 0; height: 30px; }
ul#nav li a { display: block; height: 22px; width: 188px; padding-top: 8px; 
	text-align: center; font-family: Georgia, serif; font-weight: bold; color: #FFF; text-decoration: none; }

ul#nav li#nav-home a { width: 127px; }
ul#nav li#nav-about a { width: 127px; border-left: 1px solid #050f30; }
ul#nav li#nav-news a { width: 127px; border-left: 1px solid #050f30; }
ul#nav li#nav-board a { width: 127px; border-left: 1px solid #050f30; }
ul#nav li#nav-gallery a { width: 127px; border-left: 1px solid #050f30; }
ul#nav li#nav-donate a { width: 127px; border-left: 1px solid #050f30; }
ul#nav li#nav-contact a { width: 127px; border-left: 1px solid #050f30; }
ul#nav li#nav-home a:hover,
ul#nav li#nav-about a:hover,
ul#nav li#nav-news a:hover,
ul#nav li#nav-board a:hover,
ul#nav li#nav-gallery a:hover,
ul#nav li#nav-donate a:hover,
ul#nav li#nav-contact a:hover,
ul#nav li#nav-home a:active,
ul#nav li#nav-about a:active,
ul#nav li#nav-news a:active,
ul#nav li#nav-board a:active,
ul#nav li#nav-gallery a:active,
ul#nav li#nav-donate a:active,
ul#nav li#nav-contact a:active { background-color: #7f001b; }

/* 
------------------------------------------------------------------
HOME
------------------------------------------------------------------
*/

div#home-content { margin: -20px 7px 0 7px; }
#home-content .photo { float: left; width: 530px; }
#home-content .events { float: right; width: 270px; background-color: #D8D0B6; height: 226px; padding: 50px; }
#home-content .events h1 a { color: #00285b; font-size: 100%; text-decoration: none; }
#home-content .date { font-weight: 600; color: #c1272d; }
#home-content .welcome { clear: both; float: left; width: 100%; background-color: #00285b; border-bottom: solid 5px #7f001b; }
#home-content .welcome h1 { color: #FFF; margin-left: 20px; font-size: 150%; }
#home-content .about { clear: both; float: left; width: 575px; padding: 10px 25px 25px 25px; border-right: solid 1px #eee; margin-top: 30px; }
#home-content .info { float: right; width: 220px; padding: 15px 25px 25px 25px; }
#home-content ul { list-style-type: none; margin: 0; padding: 0; }
#home-content ul li { padding-left: 12px; background: url(../images/bullet.png) no-repeat 0 4px; font-size: 90%; padding-bottom: 8px; }

#home-content p { line-height: 18px;  }


/* 
------------------------------------------------------------------
SIDEBAR
------------------------------------------------------------------
*/

div#col-sidebar { float: right; width: 200px; background-color: #EDEFF2; margin: 40px 20px 0 0; border-top: dotted 1px #7997BA; border-bottom: dotted 1px #7997BA; }
#col-sidebar div.content { padding: 20px 20px 40px 20px; }
#col-sidebar div.bottom { margin: 0; padding: 1px 10px 20px 10px; }
#col-sidebar ul { list-style-type: none; margin: 0; padding: 0; }
#col-sidebar ul li { padding-left: 12px; background: url(../images/bullet.png) no-repeat 0 4px; font-size: 90%; padding-bottom: 8px; }
#col-sidebar ul ul { margin-top: 10px; }
#col-sidebar p { line-height: 18px;  }

/* 
------------------------------------------------------------------
FOOTER
------------------------------------------------------------------
*/

#footer { clear: both; margin-top: 10px; }
#footer p {  color: #FFF; font-size: 90%; margin: 5px 0; text-align: center; }

/*

------------------------------------------------------------------
CLEARFIX
------------------------------------------------------------------
*/

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

/*

------------------------------------------------------------------
CUSTOM PAGES
------------------------------------------------------------------
*/

#events h3 { width: 100%; background-color: #EDEFF2; padding: 10px 0 10px 10px; border-top: dotted 1px #7997BA; border-bottom: dotted 1px #7997BA; }
#events p { margin: 20px; }
#events ul li { list-style: square; }
.thumb { padding: 5px; border: solid 2px #EDEFF2;}