body {
	background:#370504 top;
	font-family: 'Carrois Gothic', Tahoma, Geneva, Arial, sans-serif; 
	font-weight: 400;
	padding:0;
	margin:0;
	color:#101010;
}
html { padding:0; margin:0;}
.clr { clear:both;}
img {
	padding:0;
	margin:0;
	/* [disabled]border:none; */
	/* [disabled]text-align:center; */
}

h1 { 
font-family: 'Cinzel Decorative', cursive;
font-weight: 400;  
}

p { font-family: 'Carrois Gothic', Tahoma, Geneva, Arial, sans-serif; font-weight: 400; }

h2, h3, h4, h5 { font-family: 'Carrois Gothic', Tahoma, Geneva, Arial, sans-serif; font-weight: 400; }


/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bgcontainer {
	margin:0;
	padding:0;
	background:top;
	text-align: center;
	width: 100%;
	height: 100%;
}
.bgRasize { width:1024px; margin:0 auto; padding:0;}

/**/ * html .Header { } /* */ 

.Header {
	width:999px;
	margin:0 auto;
	padding:0;
	height: 298px;
	background-color: #F6C;
	background-image: url("../images/top.jpg");
	background-repeat: no-repeat;
}
.Logo { float:left; width:340px; height:115px; margin:0; padding:0;}
.Logo img { float:left; padding:10px 10px; margin:0;}



.Footer { padding:10px 0; margin:20px 0 0 0; text-align:center; border-top:1px solid #3d3d3d; background:#252526; }
.Footer p { color:#474747; padding:0; margin:0;}
.Footer a { color:#474747; text-decoration:underline;}




#top {
	position:absolute;
	left:0px;
	top:0px;
	width:999px;
	height:298px;
}

#middle {
	left: 0px;
	width: 999px;
	height: 1568px;
	padding: 0px;
	background-image: url("../images/middle_big.jpg");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}

#bottom {
	position: relative;
	left: 0px;
	width: 999px;
	height: 44px;
	text-align: center;
	background: url("../images/bottom.jpg") repeat-x;
}


#bgcontainer #content {
	text-align: center;
	margin: 0px auto;
	width: 999px;
	clear: both;
	position: relative;
}
#bgcontainer #content #middle #events {
	width: 49%;
	margin: 0px;
	float: left;
	vertical-align: top;
	clear: both;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
div#events h1 {
	color: #F9C;
	font-size: 30px;
	margin-bottom: 0px;
}
div#events p {
	font-size: 15px;
	color: #CCC;
	line-height: 20px;
	margin-right: 10px;
	margin-left: 16px;
	margin-top: 2px;
	padding-top: 2px;
	margin-bottom: 0px;
}
div#events p span.date { font-size: 18px; font-weight: bold; color: #E4BAC8; text-transform: uppercase; }
div#events p span.datelater { font-size: 18px; font-weight: bold; color: #E4BAC8; border-top-width: medium; border-top-style: dotted; border-top-color: #000; padding-top: 6px; }

#bgcontainer #content #middle #photos {
	/* [disabled]width: 90%; */
	margin: 0px;
	float: none;
	vertical-align: top;
	clear: both;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

div#beer_wide {
	width: 99%;
	float: right;
	margin: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	vertical-align: top;
	height: 320px;
}
div#beer {
	width: 49%;
	float: right;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	vertical-align: top;
}

div#beer h1 { font-size: 30px; color: #F9C; }

div#beer_wide h1 {
	font-size: 30px;
	color: #F9C;
	padding-top: 0px;
	margin-top: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C6C;
}

div#beer p {
	font-size: 13px;
	color: #CCC;
	letter-spacing: 0.06em;
	text-align: center;
	margin-right: 9px;
	line-height: 16px;
}

div#beer_wide p {
	font-size: 12px;
	color: #CCC;
	line-height: 15px;
	text-align: left;
	margin-right: 9px;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 12px;
	text-indent: -9px;
}

div#beer, div#beer_wide h2 { font-size: 21px; color: #E4BAC8; line-height: 22px; padding: 0px; display: block; margin-top: 18px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; }


div#special { background-repeat: no-repeat; background-position: center 12px; height: 420px; margin: 0px; padding: 0px; clear: both; overflow: visible; background-image: url(../images/pbr_countdown.png); }

div#special div.special-text h4 {
	font-size: 30px;
	color: #F9C;
	line-height: 28px;
	margin-top: 22px;
	margin-bottom: 28px;
	display: block;
	letter-spacing: 0.07em;
}

div#special .special-text {
	font-size: 14px;
	letter-spacing: 0em;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 10px;
	line-height: 20px;
	color: #FFF;
	padding-top: 300px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#special div.special-text p.text{
	font-size: 18px;
	color: #FFF;
	margin-bottom: 6px;
	margin-top: 3px;
	line-height: 24px;
}

DIV#events p a:link { color: #F9C; }

div#events p a:visited { color: #CCC; }

div#events p a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #F6C;
}

div#special div.special-text h3 { color: #E4BAC8; display: block; }

div#events p span.artist {
	color: #FFC;
	font-size: 16px;
}

div#special div.special-text p span.date {
	font-size: 21px;
	color: #CCC;
	letter-spacing: 0.25em;
	line-height: 30px;
}
#middle #directions div#map { position: relative; float: right; width: 49%; text-align: center; }


#middle #directions { position: relative; float: left; width: 100%; text-align: left; }

#middle #directions h1 {
	font-size: 30px;
	color: #D96092;
	text-align: center;
}

#middle #directions #shuttle { float: left; width: 49%; padding-top: 25px; text-align: center; }

#middle #directions #shuttle p { font-size: 15px; color: #CCC; line-height: 24px; margin-right: 12px; margin-left: 12px; margin-top: 3px; margin-bottom: 3px; }
#middle #directions #shuttle p span.artist { color: #FFC; font-size: 15px; }

div#directions #shuttle h2 { font-size: 21px; color: #E4BAC8; line-height: 22px; padding: 0px; display: block; margin-top: 18px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; }

div#fundraiser { padding-top: 50px; padding-right: 150px; padding-left: 100px; }

div#fundraiser h1 { font-size: 36px; color: #C991A9; }

div#fundraiser p { font-size: 15px; line-height: 26px; color: #FFF; text-align: left; }

div#fundraiser p a:link { color: #FCF; font-weight: bold; }

div#fundraiser p a:visited { font-weight: bold; color: #F9F; text-decoration: none; }

div#fundraiser p a:hover { font-weight: bold; color: #333; text-decoration: none; background-color: #F9F; }

#bgcontainer #content #middle #special_left {
	float: right;
	height: 680px;
	width: 500px;
	background-image: url(../images/jv_special_halloween11.png);
	margin-top: 15px;
	overflow: hidden;
	padding: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
}

div#special_left .special-text .text { font-size: 16px; color: #CCC; line-height: 22px; margin-right: 35px; margin-left: 35px; margin-top: 9px; margin-bottom: 9px; }

div#special_left .special-text .text .artist { color: #DFAEB9; }

div#special_left .special-text {
	margin-top: 540px;
	margin-right: 10px;
	margin-left: 10px;
}

div#special_left .special-text h2 { font-size: 18px; line-height: 21px; color: #FFC; margin-top: 15px; margin-right: 9px; margin-bottom: 20px; margin-left: 9px; }

div#special_left p a:link { color: #FFF; }

div#special_left p a:visited { color: #CCC; }

div#special_left p a:hover { color: #8F1B14; text-decoration: none; background-color: #F6C; }

div#special_left p span.date { font-size: 20px; color: #FFF; text-transform: uppercase; line-height: 18px; margin-bottom: 6px; padding-bottom: 0px; }
#nye {
	background-image: url(../images/jv_tweets.png);
	height: 600px;
	vertical-align: top;
	background-repeat: no-repeat;
	position: relative;
	clear: none;
	width: 49%;
	background-position: 0px 25px;
	padding: 0px;
	float: right;
	margin-top: 35px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}
#nye #nyetext {
	margin-top: 170px;
	margin-right: 50px;
	margin-left: 50px;
	font-size: 16px;
	color: #FC6;
	line-height: 18px;
}
#nye #nyetext p { margin-top: 0px; margin-bottom: 12px; font-size: 16px; color: #F5AE28; line-height: 22px; }
#nye #nyetext p a:link { color: #FFF; text-decoration: none; }
#nye #nyetext p a:visited {
	color: #F9C;
	text-decoration: none;
}
#nye #nyetext p a:hover { color: #871913; background-color: #F5AE28; text-decoration: none; }

#photos img {
	border: 2px solid #C25C84;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#photos a:link, #photos a:visited {
	font-size: 11px;
	color: #C93;
	text-decoration: underline;
}
#photos a:hover {
	font-size: 11px;
	color: #62100D;
	text-decoration: none;
	background-color: #F9C;
}

#photos h1 {
	color: #BD5880;
}

#photos p {
	font-size: 14px;
	color: #FFF;
}

#photos table.jspa td {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div #photoline {
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 0px;
	height: 110px;
	clear: both;
}
#middle #beer #fundraiser2 {
	margin: 0px;
	padding: 0px;
	position: relative;
}
#beer p.special_top {
	font-size: 14px;
	line-height: 18px;
	margin-right: 14px;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #C39;
}
div#beer p a:link { color: #FCF; font-weight: bold; }

div#beer p a:visited { font-weight: bold; color: #F9F; text-decoration: none; }

div#beer p a:hover { font-weight: bold; color: #333; text-decoration: none; background-color: #F9F; }

#beer_wide #col1 {
	float: left;
	width: 30%;
	padding-left: 12px;
}

#beer_wide #col2 {
	width: 34%;
	float: left;
}

#beer_wide #col3 {
	width: 33%;
	float: right;
}



/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Menu {	padding:0; margin:9px 20px 0 0; width:600px; height:33px; float:right;}
.Menu ul { list-style:none; margin:0; padding:0; float:right;}
.Menu ul li { padding:8px 4px; margin:0; float:left; line-height:16px;}
.Menu ul li a { padding:8px 10px; margin:0; outline:0; background:none;  font:normal 12px   Tahoma, Geneva, Arial, Helvetica, sans-serif; color:#76797d; text-decoration:none;}
.Menu ul li a:hover { font:normal 12px Tahoma, Geneva, Arial, Helvetica, sans-serif; color:#dde0e5; text-decoration:none; background:url(images/hover.gif) top repeat-x; border:1px solid #363a3f; padding:7px 9px;}
.Menu a.active { font:normal 12px Tahoma, Geneva, Arial, Helvetica, sans-serif; color:#dde0e5; text-decoration:none; background:url(images/hover.gif) top repeat-x; border:1px solid #363a3f; padding:7px 9px;}

.header_index { background:#313131 url(images/header_img_bg.jpg) repeat-x bottom; padding:10px 0;}
/*SimpleText ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.SimpleText { width:987px; margin:0 auto; padding:10px; height:287px; background:url(images/semple_text_bg.gif) top no-repeat;}
.SimpleText div.right { float:right; width:450px;}
.SimpleText h2 { color:#fff; font:bold 24px Tahoma, Geneva, Arial, Helvetica, sans-serif; padding:0; margin:50px 10px 0 0;}
.SimpleText p.text { color:#525454; font:bold 14px Arial, Helvetica, sans-serif; padding:25px 10px 15px 0; margin:0; border-bottom:1px solid #484c52;}
.SimpleText a { }

div.images_block { float:left; margin:15px 0 0 30px !important; margin:15px 0 0 15px; width:487px;}
ul.gallery { padding:0; margin:0; list-style:none; margin:0;}
ul.gallery ul li { padding:0; margin:0;}

/* Links ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.links  { width:354px; padding:0 0 0 10px; margin:10px 5px; float:right;}
.links h2  { padding:10px 20px; margin:0 2px 0 0; font:bold 24px  Tahoma, Geneva, Arial, Helvetica, sans-serif; color:#2d2d2d;  border-bottom:1px solid #eaeaea;}
.links ul { margin:10px 0 0 0; padding:0; background:none; clear:both; border:0; color:#989898;}
.links li { font:normal 12px Tahoma, Geneva, Arial, Helvetica, sans-serif; color:#8e8e8e; margin:0 0 5px 5px; padding:10px 0 0 20px; list-style-type:none; border:0; background:url(images/bg_ul_li.gif) left no-repeat;}
.links li:hover { border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; margin:0 0 5px 5px; padding:10px 0 0 20px; background:#f2f2f2 url(images/bg_ul_li.gif) left no-repeat;}
.links li a { font:normal 12px Arial, Helvetica, sans-serif;  margin:0; padding:0; border:0; background:none; color:#860e00; text-transform:uppercase; text-decoration:none;}


/* Twitter +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Twitter { width:330px; height:63px; padding:0; margin:0 auto; background: url(images/Twitter.jpg) 0px 15px no-repeat;}
.Twitter ul { margin:0; padding:15px 0 0 50px;}
.Twitter li { margin:0; padding:0; list-style-type:none; color:#2d2d2d; font:bold 12px  Arial, Helvetica, sans-serif;}
.Twitter li.text { color:#2d2d2d; font:normal 12px  Arial, Helvetica, sans-serif;}
.Twitter li a { color:#860e00;  font:bold 12px  Arial, Helvetica, sans-serif; text-decoration:underline; text-transform:uppercase;}
.Twitter li a:visited { color:#860e00;}
.Twitter li a:hover { color:#860e00;}
/*bottom*/
.bottom {width:460px; padding:0; margin:0 10px; float:left;}
.bottom a { float:left; padding:0; margin:0;}
.bottom img { float:left; padding:0 0 10px 0; margin:2px 2px;}
/*Portfolio*/
.Portfolio { width:1000px; padding:0; margin:27px 0 0 14px; background:#fff url(images/bg_con.gif) top repeat-x; border:1px solid #858585;}
.Portfolio h2 { font: bold 24px   Arial, Helvetica, sans-serif; color:#2d2d2d; padding:15px 10px; margin:0; border-bottom:1px solid #e9ebec;}
.icon { width:300px; float:left; margin:5px 10px; padding:0;}
.icon p { font:normal 11px Arial, Helvetica, sans-serif; color:#8e8e8e; padding:5px 5px; margin:0;}
.icon a { font:bold 13px Arial, Helvetica, sans-serif; color:#860e00; text-decoration:none;}
.icon a span { font:bold 13px Arial, Helvetica, sans-serif; color:#3673ad;}
.icon img { padding:0; margin:5px auto;}
/* Conatct Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:0 0 2px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 11px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#840d00; border:1px solid #3a3e44; color:#FFF; float:left;}
/*side_body*/
.side_body { width:360px; padding:0; margin:0 10px; float:right;}
.side_body ul {font:normal 12px   Arial, Helvetica, sans-serif; color:#8e8e8e; padding:0 15px; margin:10px 0; list-style:none;}
.side_body h2 { font:bold 24px Arial, Helvetica, sans-serif; color:#2d2d2d; border-bottom:1px solid #e9ebec;}
.side_body li {padding:5px 0; margin:0;}
.side_body a { font: bold 12px Arial, Helvetica, sans-serif; color:#666666; margin:0; padding:0; text-decoration:none;}
.side_body .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; background:#242424; text-align:center; width:100px; margin:0 10px 0 0; padding:0;}
.side_body .title { float: left; font: bold 14px Arial, Helvetica, sans-serif; color:#d34600; margin:0; padding:0; width:250px; margin:0; padding:0;}
#nyetext h3 { font-size: 26px; line-height: 20px; }

div#ny2013 {
	background-image: url("../images/jv_special_nye_13.jpg");
	background-repeat: no-repeat;
	height: 240px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	font-size: 16px;
	clear: both;
	margin: 0px;
	overflow: hidden;
	position: relative;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

div#ny2013 p a:link {
	color: #F9F;
	text-decoration: none;
}
div#ny2013 p a:visited {
	color: #F9F;
	text-decoration: none;
}

div#ny2013 p a:hover {
	color: #FFF;
	background-color: #A1321F;
}

div#ny2013 p {
	padding-top: 175px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 60px;
}

#special .special-text a {
	color: #F00;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
}

#special .special-text a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
