@charset "UTF-8";
/* CSS Document */

body{ color: #08c2d8; background: url(../images/bg_home.png); }
p, li{ color: #FFF;	}
#wrapper{ width: 800px; margin: 0 auto;}

#header{ height: 207px; width: 800px; float: left; background: url(../images/crest.png) no-repeat center 0; position: relative;}
#menu{ width: 704px; padding: 0 48px; position: absolute; bottom: -45px;}
#menu li a{ display: block; float: left; padding: 0 0px 7px; margin-top: 15px;}
/*#menu li a:hover,*/ #menu li a.current { padding-bottom: 22px; margin-top: 0; }

#menu li a#home{position: absolute; left: 48px; bottom: 0px;}
#menu li a#info{position: absolute; left: 107px; bottom: 0px;}
#menu li a#photos{position: absolute; left: 166px; bottom: 0px;}

#menu li a#links{position: absolute; right: 166px; bottom: 0px;}
#menu li a#events{position: absolute; right: 107px; bottom: 0px;}
#menu li a#contact{position: absolute; right: 48px; bottom: 0px;}


#body{ width: 704px; padding: 8px 48px 55px; float: left; position: relative; background: url(../images/body.png); }
#body_top{ width: 800px; height: 22px;  position: relative; float: left; background: url(../images/top.png); }
#body_bottom{ width: 800px; height: 25px; float: left; background: url(../images/bottom.png); }

#footer{ height: 143px; width: 800px; float: left; background: url(../images/ft_home.png) center 0 no-repeat; margin-bottom: 30px;}
.clear{ clear: both; }


/* page specific 
--------------------------------------------------------------------*/
/*home*/
#home_content{ width: 684px; padding: 10px; float: left; background-color: #0f0f0f;}
.column_l{ width: 335px; float: left; padding: 0 12px 15px 0;}
.column_r{ width: 335px; float: left; padding: 0 0 15px;}
.inner_col_l{ width: 155px; float: left; margin: 10px 25px 10px 0;}
.inner_col_r{ width: 155px; float: left; margin: 10px 0px;}
.intro{ color: #08c2d8; font-size: 10.5pt; line-height: 125%;}


/*info*/
.info_card{ width:175px; float: left; }
.info_block{ width: 155px; padding: 10px 10px 30px; float: left; clear: left; background-color: #0f0f0f; }
.info_block h3{ min-height: 30px;}
.info_thumb{ width: 44px; float: left; margin: 22px 10px 22px 0;}

/* photos*/
#photo_text{ width: 170px; background-color: #0f0f0f; padding: 12px 10px; float: left; }
#photo_text h2{ background: none; padding: 0px; margin-bottom: 22px; }

#photo_box{ margin-top: 36px; width: 502px; background-color: #0f0f0f; float: right; padding: 10px 0 25px 12px; }
.thumb{	margin: 8px 8px 0 0; float: left; }

/* links */
#links_text{ background-color: #0f0f0f; width: 327px;	 padding: 12px 10px 0; float: left; clear: left; }
#links_content{ width: 704px; float: left; background-color: #0f0f0f; }
ul.links{ margin-top: 20px; }
ul.links li{ padding: 10px; font-size: 8.5pt; padding: 10px 12px 10px 37px; }
#facebook{ background: url(../images/facebook.png) no-repeat 10px center #000;}
#twitter{ background: url(../images/twitter.png) no-repeat 10px center #000;}
#youtube{ background: url(../images/youtube.png) no-repeat 10px center;}
#flickr{ background: url(../images/flickr.png) no-repeat 10px center;}
.list_alt{ background-color: #000; }
.links_l{ width: 359px; float: left; padding: 0 0 15px 0;}
.links_r{ width: 345px; float: right; padding: 0 0 15px;}

/*contact*/
.contact_text{ width:160px; float: left; padding: 10px;}
.contact_text p{ margin-bottom: 10px; }
p.contact_intro{color: #d808b8; font-size: 11pt; line-height: 125%; font-weight: lighter; margin-bottom: 20px;}
.contact_details{ width: 352px; float: left; background-color: #0f0f0f; }
.contact_l{ width: 352px; float: left; padding: 0;}
.contact_r{ width: 352px; float: right; padding: 0;}
.contact_details img{ padding: 12px 0; }

/*events*/
#events_content{ width: 704px; float: left; background-color: #0f0f0f; padding-top: 17px; padding-bottom: 20px;}
.event_row{ width: 704px; float: left; background-color: #242424; }
.e_alt{ background-color: #0f0f0f; }
.event_left{ width: 325px; padding: 6px 10px; float: left; clear: left;}
.event_left h4{ margin: 0px; padding: 0px; font-weight: normal; }
.event p{ padding: 4px 0 0 0; }
p.e_details_where{ display: block; width: 158px; float: left; padding: 6px 10px 6px 0; }
p.e_details_when{ display: block; width: 158px; float: left; padding: 6px 30px 6px 0; }

.subscribe{ width: 352px; float: left; clear: left; padding: 8px 0 0 10px;}
.subscribe img{float: left; margin-right: 8px;}
.subscribe p{ text-align: center; float: left;}
.subscribe p{ color: #0f0f0f }
.subscribe ul li a{ display: block; padding: 6px; float: left; }

/* typography
--------------------------------------------------------------------*/

body{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 8pt; line-height: 140%;}
a{ color: #08c2d8; text-decoration: none; }
h2{ background-color: #0f0f0f; display: block; padding: 10px; float: left; font-size: 14pt; font-weight: normal; }
h3{ font-size: 10.5pt; font-weight: lighter; letter-spacing: 0.2pt; margin-bottom: 20px;}