/* 1.BODY
----------------------------------------------------------------------- */
body
{
	margin:80px 0 0 0;
	padding:0;
	background:#464646 url(/images/site/bg.gif) repeat-x;
	text-align:center;
}

/* 2.DEFAULT STYLING
----------------------------------------------------------------------- */
*
{
    font-family:"Helvetica Neue", Arial, Sans-Serif; 
    font-size:13px; 
    line-height:20px;
    color:#444; 
}
* * {font-size:1em;}
h1,h2,h3,h4,h5,h6,p,label,input,select,li,td,dt,dl,span,caption,textarea
{
    margin:0;
    padding:0;
    font-size:13px;
    font-weight:normal;
}
ul
{
    margin:0;
    padding:0;
    list-style:none;
}
p
{
    margin-bottom:1.2em;
    color:#444;
}
.clear
{
    clear:both;
}

/* HEADINGS 
----------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-family:Verdana, Arial, Sans-Serif;}
h1
{
    font-size:36px;
    color:#d7d7d7;
    margin-bottom:20px;
}
h2
{
    font-size:30px;  
    color:#d7d7d7; 
    margin-bottom:15px;
}
h3
{
    font-size:24px;
    color:#e4008d;
    margin-bottom:15px;
    padding-bottom:5px;
    border-bottom:2px dotted #E4008D;
}
h4
{
    font-size:18px;
    color:#474343;
    margin-bottom:5px;
}
h5
{
    font-size:18px;
    color:#8d8b8b;
}
h6
{
    font-size:13px;
    color:#8d8b8b;
    margin-bottom:5px;
}

/* 4.LINKS 
----------------------------------------------------------------------- */
a:link,a:visited
{
    color:#587b00;
    outline:none;
    text-decoration:none;
}
.section p a:link,
.section p a:visited,
.section h6 a:link,
.section h6 a:visited
{
    border-bottom:dotted 1px #587b00;
}
.section p a:hover,
.section h6 a:hover
{
    color:#f2f3f0;
    background:#587b00;
}

/* GLOBAL 
----------------------------------------------------------------------- */
#W_wrapper
{
    width:1015px;
    margin:auto;
    text-align:center;
    /*background:transparent url(/images/site/ds.png) repeat-y;*/
}
#W_container
{
    position:relative;
    width:975px;
    margin:auto;
    text-align:left;
    background-color:#fff;
}
#M_container
{
    margin:0 24px;
}
#Branding
{
    position:absolute;
    top:-57px;
    left:24px;
    border:none;
}
#Nav
{
    position:absolute;
    top:-33px;
    left:365px;
}
#Nav li
{
    display:inline;
    margin-right:40px;
}
#Nav li a:link, 
#Nav li a:visited
{
    color:#a3d500;
    border:none;
}
#Nav li a:hover
{
    color:#f2f3f0;
    border:none;
    background:none;
    text-decoration:underline;
}
#Home #Home_nav,
#News #News_nav,
#Events #Events_nav,
#Groups #Groups_nav,
#Gallery #Gallery_nav,
#About #About_nav,
#Contact #Contact_nav
{
    color:#f2f3f0;
    text-decoration:none;
}
#Masthead
{
    position:relative;
    width:975px;
    height:250px;
    text-indent:-9999px;   
    background:transparent url(/images/site/masthead_home.jpg) no-repeat;
}
#Masthead .overlay
{
    position:absolute;
    top:0;
    right:0;
    width:474px;
    height:250px;
    text-indent:-9999px;
    background:transparent url(/images/site/masthead_overlay.png) no-repeat;
}
#Events .overlay,
#Contact .overlay,
#Groups .overlay,
#Gallery .overlay,
#About .overlay
{
    display:none;
}
.banner
{
    position:relative;
    height:52px;
    margin: 0 0 25px 0;
    padding-left:24px;
    background:#fff url(/images/site/banner.gif) repeat-x;
}
.banner h2
{
	position:absolute;
	top:0;
	left:24px;
}
.banner h2 .text1,
.banner h2 .text2,
.banner h2 .text3,
.banner h2 .text4
{
    font-family:"Lucida Sans", Arial, sans-serif;
    font-size:30px;
    line-height:52px;
}
.banner h2 .text1 
{
    font-weight:bold;
    color:#d7d7d7;
}
.banner h2 .text2
{
    color:#780f50;
}
.banner h2 .text3
{
    font-weight:bold;
    color:#fff;
}
.banner h2 .text4
{
    color:#ef6abc;
}
#SearchBox
{
    position:absolute;
	top:14px;
	right:24px;
}
#SearchBox input,
#mailinglist_form input
{	
	vertical-align:middle;
}
#W_colA
{
    float:left;
    width:462px;
    margin-bottom:30px;   
}
#W_colB
{
    float:right;
    width:462px;
}
#W_colC
{
    width:700px;
}
#M_colA,
#M_colC
{
    margin-right:35px;
}
#M_colB,
#M_colE
{
    margin-left:35px;
}
#M_colA h3,
#M_colB h3
{
    padding-left:5px;
}
#W_colA .section,
#W_colB .section,
#W_colC .section,
#W_colE .section
{
    margin:0 15px 20px 5px;
    border-bottom:dotted 1px #d7d7d7;
}
#W_colA .last,
#W_colB .last,
#W_colC .last
{
    border:none;
}
#W_colD
{
    float:left;
    width:250px;
}
#W_colE
{
    float:left;
    width:670px;
}
#Pagination
{
    float:right;
}
#Footer
{
    position:relative;
    height:60px;
    padding:1px 0;
    background:#d7d7d7;
}
#Footer .copy
{
    margin:10px 0 0 24px;
}
#Footer ul
{
    position:absolute;
    top:10px;
    right:24px;
}
#Footer ul li
{
    float:left;
    margin-left:40px;
}
#Footer a:link,
#Footer a:visited
{
    border-bottom:dotted 1px #587b00;
}
#Footer a:hover
{
    color:#f2f3f0;
    background:#587b00;
}
#Footer .rss
{
    position:relative;
    margin-left:25px;
}
#Footer .rss span
{
    position:absolute;
    top:-9px;
    left:-30px;
    width:31px;
    height:31px;
    text-indent:-9999px;
    background:transparent url(/images/site/rss.png) no-repeat bottom left;
}
h3 a:link,
h3 a:visited
{
    color:#E4008D;
}
.section h4 a
{
    color:#474343;
} 
.section h4 a:hover 
{
    color:#8d8b8b;
}

/* HOME
----------------------------------------------------------------------- */
ul#oneTwoThree
{
    float:left;
    display:inline;
    margin:0 0 55px 21px;
}
ul#oneTwoThree li
{
    float:left;
    margin-right:127px;
    padding:5px;
    background-color:#a3d500;
}
ul#oneTwoThree li.last
{
    margin-right:0;
}
ul#oneTwoThree .text
{
    position:absolute;
    bottom:-25px;
    left:62px;
    width:175px;
    font-size:18px;
    color:#8d8b8b;
}
.one,.two,.three 
{
    float:left;
    width:200px; 
    height:100px; 
    position:relative;
}
.one {background:url(/images/site/one_pic.jpg);}
.two {background:url(/images/site/two_pic.jpg);}
.three {background:url(/images/site/three_pic.jpg);}
.num_one, .num_two, .num_three
{
    position:absolute;
}
.num_one
{
    bottom:-23px;
    left:4px;
    width:44px;
    height:77px;
    background:url(/images/site/one.png);
}
.num_two
{
    bottom:-23px;
    left:2px;
    width:54px;
    height:79px;
    background:url(/images/site/two.png);
}
.num_three
{
    bottom:-23px;
    left:2px;
    width:52px;
    height:81px;
    background:url(/images/site/three.png);
}
#Home #M_colA img
{
    float:left;
    padding:0 15px 10px 0;
}
#Home #M_colB .section
{
    position:relative;
}
#Home #M_colB h4,
#Home #M_colB h6,
#Home #M_colB p
{
    margin-left:50px;
}
.tablet
{
    position:absolute;
    top:0;
    left:0px;
    width:40px;
    height:63px;
    background: transparent url(/images/site/tablet.gif) no-repeat;
    text-align:center;
}
.tablet .month
{
    position:relative;
    top:19px;
    font-size:12px;
    line-height:0;
    color:#595959;
}
.tablet .day 
{
    position:relative;
    top:24px;
    font-size:16px;
    font-weight:bold;
    color:#595959;
}
#Home fieldset
{
    margin-bottom:25px;
    border: 2px solid #e4008d;
}
#Home fieldset legend
{
    padding:2px 5px 0 5px;
    font-size:24px;
    color:#e4008d;
}
#Home fieldset form
{
    padding:0;
    margin:10px;
}
#Home fieldset label
{
    margin-right:5px;
}
#Home #M_colB fieldset p
{
    margin:0 0 .2em 0;
}

/* EVENTS
----------------------------------------------------------------------- */
#Events #Masthead
{
    background: transparent url(/images/site/masthead_events.jpg) no-repeat;
}
#Events .banner
{
    margin-bottom:0;
}
#Events .section img
{
    float:left;
    padding:0 15px 10px 0
}
#Events .image p
{
    margin:0;
}
#Events .events_view
{
    margin-top:25px;
}
#Events #name,
#Events #email,
#Events #comment
{
    width:50%;
}

/* CALENDAR
----------------------------------------------------------------------- */
.calendarBG
{
    background-color: #000;
    margin-bottom:25px;
}
.calendarHeader
{
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #000;
}
.calendarBG th
{
    color:#fff;
}
.calendarBG th a
{
    border:none;
}
.calendarHeader a:link,
.calendarHeader a:visited
{
    color: #fff;
}
.calendarHeader a:hover
{
    background:none;
    color:#a3d500;
}
.calendarDayHeading
{
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    background-color: #a3d500;
    text-align: center;
    vertical-align: middle;
}
.calendarCell
{
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    vertical-align: top;
    color: #666;
    background-color: #fff;
    width: 60px;
    height: 60px;
    padding-left:5px;
}
.calendarToday
{
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    vertical-align: top;
    color: #000;
    background-color: #ccc;
    width: 60px;
    height: 60px;
    padding-left:5px;
}
.calendarBlank
{
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    vertical-align: top;
    color: #666;
    background-color: #9db7a7;
    width: 60px;
    height: 60px;
}
.calendarEvent a:link,
.calendarEvent a:visited
{
    font-size: 10px;
    text-decoration: none;
    color: #e4008d;
    background-color: #fff;
    border-bottom: dotted 1px #666;
    vertical-align: top;
    text-align: left;
    margin: 0px;
    display: block;
}
.calendarEvent a:hover
{
    background-color: #e4008d;
    border:none;
    color:#fff;
}

/* CONTACT
----------------------------------------------------------------------- */
#Contact #Masthead
{
    background:transparent url(/images/site/masthead_contact.jpg) no-repeat;
}
#Contact #entryform input,
#Contact #entryform textarea
{
    width:75%;
	margin:0 0 1.5em 0;
}
#Contact #entryform #Submit
{
	width:auto;
}
#Contact #entryform p
{
	margin:0;
}
#Contact #entryform p em
{
	color:#e4008d;
}
#Contact iframe
{
    border:solid 5px #a3d500;
}

/* GROUPS
----------------------------------------------------------------------- */
#Groups #Masthead
{
    background:transparent url(/images/site/masthead_groups.jpg) no-repeat;
}
#Groups ul.sideNav
{
    width:250px;
    height:375px;
    border-top:solid 1px #b1dc21;
    background:transparent url(/images/site/sideNav_bg.png) no-repeat bottom right;
}
#Groups ul.sideNav a
{
    display:block;
    padding:2px 0 2px 5px;
    border-bottom:solid 1px #b1dc21;
}
#Groups ul.sideNav a:hover
{
    background:transparent url(/images/site/sideNavHover_bg.png) no-repeat bottom right;
}
#Groups .section
{
    border:none;
    margin-bottom:30px;
}
#Groups .section img
{
    float:left;
    padding:0 15px 5px 0;
}

/* GALLERY
----------------------------------------------------------------------- */
#Gallery #Masthead
{
    background:transparent url(/images/site/masthead_gallery.jpg) no-repeat;
}
#Gallery #M_container a
{
    line-height:0;
} 
.img_wrapper
{
    float:left;
    line-height:0;
    background:url(/images/site/ds.gif) no-repeat bottom right;
    margin:10px 8px 20px 11px;
}
.img_wrapper img
{
    position:relative;
    top:-5px;
    left:-5px;
    width:200px;
    height:112px;
    padding:5px;
    line-height:0;
    border:1px solid #999;
    overflow:hidden;
	cursor:pointer;
}

/* ABOUT
----------------------------------------------------------------------- */
#About #Masthead
{
    background:transparent url(/images/site/masthead_about.jpg) no-repeat;
}

/* NEWS
----------------------------------------------------------------------- */
#News .section img
{
    float:left;
    padding:0 15px 10px 0
}

#News #name,
#News #email,
#News #comment
{
    width:50%;
}
.lft_qt
{
    padding:0 13px;
    background:transparent url(/images/site/lft_qt.gif) no-repeat bottom left;
}
.rt_qt
{
    padding:0 13px;
    background:transparent url(/images/site/rt_qt.gif) no-repeat bottom right;
} 
* + html .lft_qt,
* + html .rt_qt
{
    display:inline-block;
}