@charset "UTF-8";
/*Global */
html, body, ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {	
color: #000;
font-size: 100%; /* Base font size: 16px */
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1.55;
font-weight:normal;
font-style:normal;
margin: 0;
padding: 0;
}
body {width:100%;background: #000;}
/*LAYOUT TOP MENUS */
#topBar {width:940px; margin: 0 auto; padding: 0 10px; height:234px;}
#topBar.entertainment {background-image: url(../images/headline-entertainment.gif);background-repeat:no-repeat; background-position: top center}
#topBar.admin {background-image: url(../images/headline-admissions.gif);background-repeat:no-repeat; background-position: top center;  height:274px;}
#topBar.schedule {background-image: url(../images/headline-event-schedule.gif);background-repeat:no-repeat;background-position: top center}
#topBar.benefits {background-image: url(../images/headline-benefits.gif);background-repeat:no-repeat;background-position: top center}
#topBar.sponsors {background-image: url(../images/headline-sponsors.gif);background-repeat:no-repeat;background-position: top center}
#topBar.links {background-image: url(../images/headline-links.gif);background-repeat:no-repeat;background-position: top center}
#topBar.home {background-image: url(../images/bite-and-brew-event-bkg1.jpg);background-repeat:no-repeat;background-position: top center;height:535px}
ul#topBarMenu{float:left;width:180px;margin: 0;list-style: none;padding:10px 0 0 90px}
ul#contact {float:right;width:180px;list-style: none; text-align:right;padding:10px 0 0 0}
ul#topBarMenu li, ul#contact li { display:block; margin:0; padding:3px;font-family:'MyriadProBoldCondensed','Helvetica Neue', Helvetica, Arial,sans-serif;font-size:14px;letter-spacing:1px;text-transform: uppercase;line-height:20px;color:#FFF;}
ul#topBarMenu li a, ul#contact li a { color:#FFF;text-decoration:none; }
ul#topBarMenu li a:hover, ul#contact li a:hover{ color:#999; background-color:#333; text-decoration:underline}
#logo {background-image: url(../images/bite-and-brew-salem.png); background-repeat:no-repeat;
	width: 440px;
	height: 230px;
	text-indent: -3333px;
	border: 0;
	margin: 0;
	float:left;
}
 #logo a{
 	display: block;
  width: 440px;
	height: 230x;
	text-decoration: none;
	border: 0;
	background-color:transparent
 }
 #logo.large {background-image: url(../images/bite-and-brew-salem-lg.png); background-repeat:no-repeat;height: 300px;}
 #logo.large a{height: 300px;}

 /*CONTENT*/
#col-960 {width:940px; margin: 0 auto; padding: 0 10px; background-color:#000 } 
body#altA #col-960 .col-960a { background-color:#d7c690; float:left; width:940px;} 
body#altA #col-960 .col-960b { background-color:#d9db8c; float:left; width:940px;} 
body#altA #col-960 .col-960c { background-color:#d1bb55; float:left; width:940px;} 
body#altA #col-960 .col-960d { background-color:#ffc40c; float:left; width:940px;} 
body#altA #col-960 .col-960c img {float:left;} 
body#altB #col-960 .col-960a { background-color:#a60c35;background-image:url(../images/schedule_1.gif); background-repeat:no-repeat;float:left; width:920px; padding: 0 10px 10px 10px } 
body#altB #col-960 h2, body#altB #col-960 .col-960b h2 { display:block;margin-bottom:0; color:#FFF;font-family:'MyriadProCondensed',"Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;}
body#altB #col-960 ul{ color:#FFF; list-style-type:none; margin:0; padding:0; float:left;display:block; width:auto; padding-right:30px}
body#altB #col-960 li{ color:#FFF; margin:0; padding:0; font-size:15px; line-height:25px; font-weight:900}
body#altB #col-960 li a:link{ color:#FFF;text-decoration:underline}
body#altB #col-960 li a:active{ color:#FFF;text-decoration:underline}
body#altB #col-960 li a:hover{ color:#ccc;text-decoration: underline}
body#altB #col-960 li a:visited{ color:#ccc;text-decoration:underline}
body#altB #col-960 .col-960b,body#altB #col-960 .col-960c,body#altB #col-960 .col-960d{ float:left; width:926px; padding-left:14px} 
body#altB #col-960 .col-960b { background-color:#c21919;} 
body#altB #col-960 .col-960c { background-color:#7f19c2;}
body#altB #col-960 .col-960d { background-color:#c26a19;}
body#altC #col-960 .col-960a, body#altD #col-960 .col-960a, body#altF #col-960 .col-960a{background-color:#fff;background-image:url(../images/carnival-bkg.jpg); background-position: top center; background-repeat:no-repeat;width:880px; padding:30px 40px } 
body#altE #col-960 .col-960a{background-color:#FFF;width:880px; padding:30px 40px } 
body#altC #col-960 .col-960a p{font-size:14px; margin-bottom:5px }
body#altE #col-960 .col-960a li{font-size:13px; padding-bottom:5px; letter-spacing:0; 
line-height:20px }
/*entertainment*/
body#altA #col-960 {width:960px; margin: 0 auto; padding:0;background-color:#d9db8c; } 
body#altA #col-960.alt1 {width:960px; margin: 0 auto; padding:0;background-color:#ffc40c;} 
body#altA #col-960.alt2 {width:960px; margin: 0 auto; padding:0;background-color:#ff930c;} 

.col{
	float:left; 
}

.col p{ padding:0 10px; line-height:16px; font-size:13px}
.col h2{ padding:0 10px; font-size:15px; margin-bottom:0}
.col.one{
	width:273px
}
.col.one.alt{
	width:250px
}

.col.two{
	width:177px; text-align:right
}
.col.two.alt{
	width:360px; text-align:left; background-color:#d1bb55
}
.col.two.alt.a{width:360px; text-align:left;  background-color:#ff930c
}

.col.two.a{
	width:150px;
}
.col.two.b{
	width:204px;
}
.col.three{
	width:510px
}
.col.three.alt{
	width:356px;
}

.col.three.alt2{
	width:300px
}
#map   {padding:20px 0; text-align:center; margin: 0 auto; width:940px}
#map a  {color:#FFF; text-decoration:none; font-size:14px; text-decoration:underline}
/*FOOTER*/
#footerWrapper { width:100%;clear: both;margin:40px 0 0 0; }
#footer{ width: 960px; margin: 0 auto ; padding: 0; }
#footer p  {font-family:'MyriadProBoldCondensed','Helvetica Neue', Helvetica, Arial,sans-serif;font-size:12px;letter-spacing:1px;text-transform: uppercase;line-height:20px;color:#FFF; text-align:center}
#footer a  {color:#FFF; text-decoration:none;}
#footer a:hover {color:#FFF; text-decoration: underline;}
/* ALTERNATE BKGS */
body#bkgAlt1{ background-repeat:repeat; background-image: url(../images/bkg-creme-pattern.gif); background-position:bottom; background-attachment:fixed}

.clear {clear:both;}
.share {float:right; width:300px; font-size:12px}

body#altG h2, body#altG h3, body#altG h4 { color:#fff;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
body#altG h3 {margin-bottom:20px}
body#altG p {font-size:16px; color:#ccc; margin-bottom:10px; color:#CCC }
body#altG strong{ font-weight:normal; color:#fff}