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

@import url(css/form.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	font-family:"Trebuchet MS",Calibri, Arial, Verdana, sans-serif;
	font-size:14px;
	line-height:18px;
	text-decoration:none;
}
/* remember to define focus styles! */
/* remember to define focus styles! */
:focus {
outline: 0;
}

.clear, #clear{
clear:both;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
margin-left:10px;
}

h1,h2,h3,h4,h5,strong{
font-weight:bold;
line-height:normal;
}

div#left h1{
font-size:24px;
}

div#left h2{
font-size:22px;
}

div#left h3{
font-size:18px;
}

div#left h4{
font-size:16px;
}

div#left h5, h6{
font-size:14px;
}

/*My Stuff*/
div#id_corner{
background-color:#999;
padding:5px;
color:#333;
}

div#id_corner a{
color:#333;
}

html{
overflow:scroll;
}

body {
line-height: 1;
background:url(images/bg.jpg) repeat-x #000;
height:100%;
}

div#container{
position:relative;
margin:0 auto 20px auto;
padding:0;
border:0px solid #999;
}

.index_container{
background:url(images/index_container_bg.jpg) no-repeat top center;
}

/*Container for Contact page*/
div#contact_info_form{
border:0px solid #000;
}

div#contact_info_form h2{
color:#000;
font-size:24px;
text-shadow:2px 1px 1px #999;
padding:10px 0;
}

/*Address for Contact page*/
div#contact_form_address{
margin:0 auto;
width:500px; /*matches the map size*/
}

/*MAP */

div#map{
width:400px;
height: 280px; 
margin:10px auto;
border:1px solid #000;
}

div#map_directions{
width:400px;/*same as div#map*/
margin:10px auto 20px auto;
}

div#map_directions a{
color:#481c1d;
}

div#map_form{
width:400px;/*same as div#map*/
margin:10px auto;
}

<!--Site Map-->
div#site_map{
border:1px solid #990000;
background-color:#0FC;
}

div#site_map a.header{
color:#333;
font-size:22px;
line-height:26px;
padding:10px 0;
display:inline-block;
font-weight:bold;
}

div#site_map a.second{
text-indent:20px;
display:inline-block;
color:#555;
padding:10px 0;
font-size:18px;
border-left:1px solid #fff;
}

div#site_map a.third{
text-indent:40px;
display:inline-block;
border-left:1px solid #fff;
color:#777;
}

div#site_map a{
color:#333;
}

/*Read This Article*/

div#read_this_article{
padding:20px;
}

div#read_this_article div#read_this_article_img{
text-align:center;
margin-bottom:20px;
}

div#read_this_article div#page_options{
width:550px;
overflow:auto;
margin-top:20px;
}

div#read_this_article div#page_options ul, div#page_options ul{
list-style-type:none;
}

div#read_this_article div#page_options li, div#page_options li{
display:inline-block;
margin:10px;
width:115px;
height:110px;
text-align:center;
float:left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px; 
-moz-box-shadow: 0 0 6px #979797;  
-webkit-box-shadow: 0 0 6px #979797;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s
}

div#read_this_article div#page_options a, div#page_options a{
display:block;
padding:3px 8px 3px 5px;
height:110px;
color:#fff;
font-weight:bold;
background:url(images/shared_images/black.png) repeat-x;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

div#left_inner div#page_options a{
color:#fff;	
}

div#read_this_article div#page_options a:hover, div#page_options a:hover{
text-decoration:underline;	
}

div#read_this_article div#page_options li.flyer, div#page_options li.flyer{
background:url(images/shared_images/flyer.png) no-repeat center 55px;
}

div#read_this_article div#page_options li.view_all, div#page_options li.view_all{
background:url(images/shared_images/mag.png) no-repeat center 55px;
}

div#read_this_article div#page_options li.document, div#page_options li.document{
background:url(images/shared_images/document.png) no-repeat center 55px;
}


/*CSS RESET///////////////////////////////////////////////////////////*/

@font-face {
	font-family: 'BostonTrafficRegular';
	src: url('boston_traffic-webfont.eot');
	src: local('☺'), url('boston_traffic-webfont.woff') format('woff'), url('boston_traffic-webfont.ttf') format('truetype'), url('boston_traffic-webfont.svg#webfontpKfzaSWV') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FluxRegular';
	src: url('Flux_Architect_Regular-webfont.eot');
	src: local('☺'), url('Flux_Architect_Regular-webfont.woff') format('woff'), url('Flux_Architect_Regular-webfont.ttf') format('truetype'), url('Flux_Architect_Regular-webfont.svg#webfontbQLBk0P1') format('svg');
	font-weight: normal;
	font-style: normal;
}


html{
	background-color:#1d0901;
	overflow:scroll;
	border:1px solid;
	overflow:auto;
	}
	
div#container_index{
	margin:0 auto;
	border:0px solid #990000;
	width:960px;
	background-color:#000;
	position:relative;
}

div#container{
	border:0px solid #990000;
	width:960px;
	background-color:#000;
	position:relative;
	background:url(images/body_bg.jpg) no-repeat top center;
	overflow:auto;
}
	
div#branding {
	height:216px;
	width:950px;
	border:0px solid #990000;
}

div#index_logo{
	position:absolute;
	top:0px;
	left:0px;
	z-index:101;
}

div#index_address{
	position:absolute;
	top:20px;
	right:65px;
	z-index:103;
}

div#index_address address{
	font: 14px/30px 'FluxRegular', Arial, sans-serif;
	color:#d6d6d6;
}

div#address{
	position:absolute;
	top:78px;
	left:82px;
	z-index:103;
}

div#address address{
	font: 14px/25px 'FluxRegular', Arial, sans-serif;
	color:#d6d6d6;
}

	
div#branding h1{
	margin:0 auto;
	text-indent:-9999px;
	}
	
div#overlay{
	position:absolute; top:0; left:0;
	z-index:100;
	border:0px solid #999;
}

div#bocce_ball{
	position:absolute;
	top:-5px;
	right:0;
	z-index:105;
}

div#slideshow{
	margin:75px 0 0 50px;
	border:0px solid #999;
	position:absolute;
	top:15px;
   height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
	
div#index_main{
	position:absolute; 
	top:440px; 
	left:80px; 
	z-index:103;
	width:790px;
	height:230px;
	border:0px solid #999;
	background:url(images/index_bottom_bg.jpg) no-repeat;
}

div#left_index{
	margin:60px 20px 0 40px;
	border:0px solid #999;
	width:385px;
	color:#333;
	font-size:16px;
	float:left;
}

div#left_index p{
	color:#333;
	font-size:14px;
}

div#right_index{
	margin:50px 0 0 30px;
	border:0px solid #999;
	width:260px;
	height:145px;
	float:left;
}

div#right_index strong{
	color:#fff;
	font-size:18px;
}

div#right_index p{
	color:#000;
}

div#right_index a{
	color:#ffcd86;
	text-decoration:none;
	display:block;
	border-bottom:1px dotted #960;
	margin:5px 0;
}

div#right_index a:hover{
	color:#ffcd86;
	text-decoration:none;
}

div#events{
	border:0px solid #999;
}

div#events h2 a{
	color:#481B16;
	font-size:20px;
}

div#events em{
	padding:0 0 0 25px ;
	margin:0;
	color:#333;
	
}

div#events p{
	border:0px solid #990000;
	padding:0;
	margin:0;
	color:#000;
}

div#inner_container{
	border:0px solid #fff;
}

div#left{
	border:0px solid #fff;
	width:480px;
	float:left;
	margin:0 0 0 90px;
}

div#content{
	background:url(images/left_bg.jpg) repeat-y ;
	padding:30px 50px 20px 20px;
	min-height:400px;
	height:auto !important;
  	height:300px;
	color:#481B16;
	border:0px solid;
}

div#content h2{
	padding:0 ;
}

div#content span.header{
	font-size:24px;
	text-shadow:1px 1px 1px #6c1616;
	display:block;
	line-height:normal;
	color:#d9b88f;
	background:url(images/h2_back.jpg) no-repeat;
}

div#content h2.headerfontface {
	font: 30px/36px 'BostonTrafficRegular', Arial, sans-serif;
	color:#dfbd96;
	letter-spacing: 0;
	padding:7px 0 20px 5px;
	text-shadow:none;
	background:url(images/h2_back.jpg) no-repeat left top;
	}

div#content ul, ol{
	padding:10px 0 10px 15px;
}

div#content div#schedule{
	border:1px solid #999;
}

div#content div#schedule b.date{
	display:inline-block;
	font-size:18px;
	text-indent:10px;
	margin-top:5px;
}

div#content div#schedule b.teams{
	display:inline-block;
	text-indent:20px;
	color:#333;
}

div#content div#schedule b.teams1{

	color:#333;
}

div#content div#ranking h2{
	margin-bottom:10px;
}


div#content div#ranking p{
 color:#333;
}

div#content div#ranking b{
	font-size:18px;
}



div#box{
	border:0px solid #999;
	color:#481B16;
	margin-top:10px;

}

div#box a{
	color:#481B16;
	text-decoration:none;
	border:0px solid #000;
	display:block;
}

div#box a img{
	display:block;
}

div#events {
	border:0px solid #999;
}

div#events a{
	display:block;
	color:#481B16;
	border:0px solid #990000;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	overflow:auto;
	background:url(images/cal_back.jpg) no-repeat top left;
}

div#events a:hover{
	color:#9e4942;
}

div#events span.date_con{
	border:0px solid #990000;
	float:left;
	text-align:center;
	height:88px;
	width:86px;
	
}

div#events span.month{
	color:#d9b994;
	font-size:26px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	padding:10px 0;
	display:block;
}

div#events span.day{
	color:#481b17;
	font-size:40px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	display:block;
	padding:10px 0;
}

div#events span.event_descript{
	float:left;
	padding:15px 10px 0 10px;
	width:285px;
}

div#events span.event_descript strong{
	font-size:18px;
	
}

div#left ul.list{
	border:0px solid #999;
	list-style-type:none;
}

div#left li.list{
	border:0px solid #999;
}

div#left li.list h2{
	background:no-repeat left;
	margin:0 0 0 20px;
	text-indent:-9999px;
	border:0px solid #999;
	height:40px;
}	

h2.no_indent{
	background:no-repeat left;
	margin:0 0 0 20px;
	text-indent:0px;
	border:1px solid #990000
}	

div#left li.list a{
	text-indent:0;
	text-decoration:none;
	color:#900;
	display:inline;
}

div#left li.list a:hover{
	color:#333;	
}

div#left ul.beer{
	border:0px solid #990000;	
}

div#left li.beer{
	border:0px solid #990000;	
	padding:10px 0;
}

div#left h2.beer{
	padding:0 25px;
}

div#left p.beer{
	border:0px solid #990000;	
}

div#food{
	border:0px solid #999;	
}

div#food h4{
	font-size:20px;
	padding:15px 0 0 0;
}

div#food p{
	padding:0 50px;
	
}

div#bocce{
	border:1px solid #999;
	text-align:left;
}

div#bocce h3{
	padding:5px 0 15px 25px;
	font-size:22px;
	text-align:center;
}

div#bocce h4{
	padding:5px 0 5px 25px;
	font-size:20px;
}

div#bocce p{
	padding:5px 20px 5px 25px;
}

div#bocce a{
	color:#481B16;
	padding:0 0 10px 25px;
}

div#right{
	border:0px solid #999;
	width:300px;

	text-align:center;
	float:left;
}

div#right a{
	cursor:pointer;
}


div#nav{
	border:0px solid #990000;
	width:790px;
	height:40px;
	z-index:110;
	position:absolute;
	top:170px;
	left:145px;
	z-index:1;
}

div#index_nav{
	border:0px solid #990000;
	position:absolute;
	left:85px;
	top:400px;
	width:790px;
	height:40px;
	background:url(images/nav_bg.png) no-repeat center top;
	z-index:106;
}

ul.menu{
	list-style-type:none;
	margin:0 0 0 50px;
}

li.menu{
	float:left;
	border:0px solid #999;
	height:40px;
	overflow:hidden;
}

div#index_nav ul li a{
	height:40px;
	background-position:bottom;
	display:block;
	text-indent:-9999px;
}

div#index_nav a:hover{
	background-position:top;
}

div#nav ul li a{
	height:40px;
	background-position:bottom;
	display:block;
	text-indent:-9999px;
}

div#nav a:hover{
	background-position:top;
}

a.home{
	background-image:url(images/home.jpg);
	width:80px;
	height:40px;
	border:0px solid #990000;
}

a.about{
	background-image:url(images/about.jpg);
	width:101px;
}


a.events{
	background-image:url(images/events.jpg);
	width:99px;
}

a.food{
	background-image:url(images/food.jpg);
	width:89px;
}
a.beer{
	background-image:url(images/beer.jpg);
	width:81px;
}

a.bocce{
	background-image:url(images/bocce_ball.jpg);
	width:83px;
}

a.contact{
	background-image:url(images/contact.jpg);
	width:106px;
}

h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	height: 46px;
	line-height: 46px;
	width: 400px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	font: 30px/36px 'BostonTrafficRegular', Arial, sans-serif;
	color:#481b16;
}

h2.trigger a:hover { color: #672a23; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 400px;
	clear: both;
}

div#index_footer{
	position:absolute;
	top:700px;
	border:0px solid #fff;
	padding:0;
	margin:0;
	width:950px;
	height:230px;
	background:url(images/footer.jpg) no-repeat left top;
}
	
div#footer{
	border:0px solid #fff;
	position:relative;
	padding:0;
	margin:0;
	width:950px;
	height:230px;
	background:url(images/footer.jpg) no-repeat left top;
	}
	
div#footer_wisdom{
	border:0px solid #ccc;
	position:absolute;
	top:60px;
	left:215px;
	width:500px;
	color:#cdcdcd;
	font: 16px/25px 'FluxRegular', Arial, sans-serif;
}

div#footer_menu{
	position:absolute;
	top:160px;
	left:151px;
}

div#footer_menu a{
	color:#999;
	text-decoration:none;
	font-family:"Comic Sans MS", cursive;
	padding:0 6px;
}

div#footer_menu a:hover{
	color:#999;
}

div#stamp{
	position:absolute;
	bottom:0;
	right:0;
}


div#id_corner{
background-color:#999;
padding:5px;
color:#333;
}

div#id_corner a{
	color:#333;
}


/*<!--Print Menu-->*/
div#print_menu{
	border:1px solid #990000;
	overflow:auto;
	margin:10px 30px;
	padding:20px;
	color:#333;
	width:600px;
}

div#print_menu span.header{
	color:#990000;
	font-size:24px;
	font-weight:bold;
	line-height:26px;
	padding:5px 0;
	display:block;
}

div#print_menu h2{
	display:block;
	color:#333;
	padding:5px 0;
	font-size:18px;
	margin-left:10px;
}

div#print_menu span.second{
	margin-left:10px;
	margin-bottom:10px;
	display:inline-block;
}

div#print_menu h2{
	color:#333;
	text-shadow:none;
}


#mcs_container{margin:0; width:280px; height:96%; padding:0 10px; border-bottom:1px solid #666;  -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#2d100d; box-shadow:inset 0 0 20px #000; -moz-box-shadow:inset 0 0 20px #000; -webkit-box-shadow:inset 0 0 20px #000;}
#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .container{position:relative; width:240px; top:0; float:left;}
#mcs_container .customScrollBox .content{clear:both;}
#mcs_container .customScrollBox .content p{padding:10px 5px 10px 15px; margin:0; color:#31231E; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs_container .customScrollBox img{border:3px solid #31231E; margin:0 0 0 15px;}
#mcs_container .dragger_container{position:relative; width:0px; height:60%; float:left; margin:35px 0 0 25px; border-left:1px solid #31231E; border-right:1px solid #8E7757; cursor:pointer}
#mcs_container .dragger{position:absolute; width:9px; height:20px; background:#643b13; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#mcs_container .dragger_pressed{position:absolute; width:9px; height:20px; background:#4b2c0d; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}


/*
 * Galleria Classic Theme
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */
 
 #galleria{height:390px;}