body {
	margin:0 0;
	background:#333 url(/images/bgtile.gif) repeat-x top left;
	background-attachment:fixed;
	font-family: Arial, Verdana, "Times New Roman";

	}

/* float clearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {margin:0;padding:0;clear:both;}

/* Links */
a:link, a:active, a:visited {color:#663300;}
a:hover {color:#574473;}
a:focus {outline:none;}

p {margin:0.5em 0;}

/* Headers */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000;}
#content h1, #full-content h1 {font-size:22px;margin-bottom:0.5em;color:#660000;line-height:20px;font-weight:bold;}
#content h1 span, #full-content h1 span {font-size:16px;color:#333;}
#content h1.welcome {color:#006699;}
#sidebar h1 {font-size:14px;margin:1em 0 0.8em 0;background:#663300;color:#fff;padding:3px 5px;line-height:20px;font-weight:bold;}
#content h2, #full-content h2 {font-size:16px;margin:1em 0 0.5em 0;color:#000;line-height:20px;font-weight:bold;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

#content div#welcome {background:url(/images/welcomebg.gif) no-repeat top left;padding:4em 0.5em 0 0.5em;}
#content div#welcome p {margin:1em 0;}
#content div#welcome a {color:#000;}
#content div#welcome h1 {font-size:14px;margin-bottom:0.5em;color:#663300;line-height:20px;font-weight:bold;text-align:center;}
#content div#awards {margin:1em 0;}
span.ref {font-style:italic;font-size:11px;color:#990000;}
div.shade-bottom {margin:0 0 1.5em 0;background:url(/images/botfade.gif) repeat-x bottom left;height:28px;}
img.left {float:left;}
img.right {float:right;}


/* Layout */
#container {
	width:860px;
	/* width:55em; */
	margin:0.5em auto;
	padding:0;
	background:#fff /* url(/images/bgtile.png) repeat-y*/;
	border:1px solid #000;
	}
#inner-container {
	background:#fff;
	border:0px solid #efefef;	
}

#content_container {
 padding:1em 1em 0em 1em;
 margin:0 0 0 0;
 background:#fff url(/images/contentbg.gif) repeat-x bottom left;
}

#content, #full-content {
 line-height: 1.6em;
 float:left;
 margin:8px 15px 0 0;
 padding:5px 10px;
 border:0px solid red;
 font-size:14px;
 }

#content {width:530px;}
#full-content {width:795px;}

#sidebar {
 padding:0px 0 5px 0;
 width:250px;
 margin:8px 0 0 0;
 float:left;
 border:0px solid red;
 font-size:12px;
}

#sidebar p {margin:0 0 0.8em 0;}
#sidebar p.directions {margin:0.9em 0;border-bottom:1px solid black;padding:3px 0;}
#sidebar p.tip {background:#006600;padding:10px 5px;color:#fff;margin:1em 0;}

/* Footer */
#footer {
 clear:both;
 padding:3.5em 1em 1em 0.5em;
 color:#663300;
 font-size:12px;
 border:0px solid red;
 }

#footer p {margin:0 25px 0 0;float:left;}
#footer ul {margin:0;padding:0;list-style:none;float:left;}
#footer li {margin:0 5px;float:left;}
#footer li, #footer li a, #footer li a:active, #footer li a:visited {padding-right:5px;}
#footer li a:hover {color:#666;}


p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/* Masthead */
#masthead{height:250px;margin-bottom:0em;background:#000 url(/images/masthead/horatio.jpg) no-repeat;;border-bottom:1px solid #663300;}
#masthead_cycle{height:250px;margin-bottom:0em;background:#000;border-bottom:1px solid #663300;}
#logo {padding:0;border:0px solid red;background:#000;}
#caption {padding-top:40px;width:300px;border:0px solid white;}
#caption p {font-family:Helvetica,Arial,"Times New Roman";color:#ccc;margin:0.2em 0;text-align:center;}
#caption p span {display:block;}
#caption span.title {font-weight:bold;color:#0099CC;font-size:14px;}

/* Navigation */
#nav {border-bottom:1px solid #efefef;}
#nav ul {
	padding-left: 0;
	margin-left: 0;
	background:#000 url(/images/navtile_bl.gif) repeat-x;
	color: #fff;
	float:left;
	width:100%;
	font-family: arial, helvetica, sans-serif;
}

#nav ul li {
   display: inline;
}

#nav ul li a {	
	padding: 0.2em 1.5em;
    font-weight:bold;
	color:#fff;
	text-decoration: none;
	float:left;
	border-right:1px solid #000;
	border-left:1px solid #666;
}
#nav ul li a#home {padding-left:20px;}
#nav a:hover, #nav a:active, #nav a.active {color:#FFCC00;} 


/* Splash Banner */

#banner {
 clear:both;
 padding:0;
 position:relative;
 border:1px solid red;
 margin-top:1em;
}

/* splash page */
#banner.splash {
 height:170px;
 background:url(/images/splash.jpg) no-repeat 0 0;
}

/* other sections/pages */
#banner.about {
 height:95px;
 background:url(/images/banners/about.gif) no-repeat 0 0;
}
/* End Banners */

/* Newsletter */

#newsletter {
	border-bottom:2px solid #336600;
	background:#efefef;
	font-weight:bold;
	padding-bottom:0.5em;
	margin:0 0 1em 0;
	}

#newsletter h1 {background:#336600;color:white;padding:2px 5px;font-size:14px;}
#newsletter p, #newsletter form {padding:0 1em 0.2em 1em; }
#newsletter form p {padding:0.8em 0 0 0;}
#newsletter label {color:#336600;}

/* Forms */
span.filter {font-weight:bold;margin-right:10px;color:#006600;}
label {margin:0 5px;color:#333;font-weight:bold;}
label em, legend em {color:#990000;font-weight:bold;}
label.radio {margin:0 20px 0 0;padding-bottom:5px;}
label.top {display:block;margin:3px 0;}
span.success, span.fail {padding:5px;font-weight:bold;}
span.success {background:green;color:white;}
span.fail {color:red;}
#inquiry {padding:0 1em 1em 1em;background:#efefef;margin:1em 0;}
p.submit {padding:5px 0 0 0;clear:both;}
div.submit {padding:25px 0 0 0;clear:both;}

#inquiry div.float {
  float: left;
  margin:0.5em 2em 0.5em 0;
  display:inline;
  }
  
#inquiry br {clear:both;}

fieldset {
	margin: 20px 0;
	border: 1px solid #999;
	padding: 10px;

}

legend {
  font-size: 12px;
  line-height: 130%;
  font-weight: bold; 
  color: #990000;
  padding: 0px 2px;
text-transform:uppercase;
}

fieldset.last {margin-bottom:10px;}

span.hint {font-size:10px;color:#333;margin-left:5px;}
p.submit {margin:20px 0;clear:both;}
/* Error/Success Messages */
div.flash {padding:1em;margin:1em 0;font-weight:bold;}
div.flash.error {background:red;color:white;}
div.flash.notice {background:#c5f988;color:#3f6f07;}
div.flash.warning {background:yellow;color:white;}

.errorExplanation {background:red;padding:1em;color:white;clear:both;margin:1em 0;}
.errorExplanation h3 {color:#fff;font-size:18px;margin:0;padding:0;}
.errorExplanation ul {padding:0.5em 1em;}

div.fieldWithErrors {margin:0;padding:0;}
div.fieldWithErrors input, div.fieldWithErrors textarea, div.fieldWithErrors select {background:#ffffcc;}

form h2 {background:#ccc;color:#000;padding:3px 5px;}

form.button-to div, .print-button {float:left;margin-right:1em;}

/* Table */

/* Start of Upcoming.org Badge */
div.upcoming_badge {margin:1em 0;}
div.upb_date {font-size:16px;color:#006600;font-weight:bold;}
div.upb_event{font-size:18px;padding-bottom:1em;border-bottom:2px solid #ccc;font-weight:bold;margin-bottom:1em;}
div.upb_more {text-align:right;}

/* HOMEPAGE Upcoming.org Badge */
div#events {margin-bottom:2em;background:#fff;padding:5px;}
div#events div.upcoming_badge {margin:0;}
div#events div.upb_date {font-size:14px;color:#990000;font-weight:bold;}
div#events div.upb_event {font-size:14px;padding-bottom:1em;border-bottom:1px solid #000;font-weight:bold;margin-bottom:1em;}

div#events div.upb_more {text-align:right;}

/* Menu */
#menu_list {margin:2em 0;padding:0 0.5em;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#efefef;}
#menu_list ul {text-align:center;padding:0.5em 0;}
#menu_list ul li {display:inline;}
#menu_list ul li a {	
padding:0 10px;
margin:0 5px;
font-weight:bold;
color: #006699;
text-decoration: underline;
float: left;
}

#menu_sections {clear:both;}
#menu_sections h1 {color:#006699;}
div.section_wrapper {border:1px solid #ccc;float:left;margin-bottom:2em;background:#efefef;}
div.left_col, div.right_col {
	line-height: 1.3em;
	float:left;
	padding:5px 10px;
	border:0px solid red;
	font-size:14px;
	width:360px;
}
div.left_col {margin:8px 18px 0 0;}
div.right_col {margin:8px 0 0 0;}
div.left_col p, div.right_col p {margin-bottom:1.5em;}
div.section_wrapper span.title, div.section_wrapper span.noprice {text-transform:uppercase;font-weight:bold;color:#006699;}
div.section_wrapper span.subtitle {font-weight:bold;color:#006699;font-style:italic;}
div.section_wrapper span.title:after, div.section_wrapper span.subtitle:after {content: ".............................";}
div.section_wrapper span.cost {font-weight:bold;color:#006699;}
div.section_wrapper span.desc {font-weight:normal;color:#000;display:block;border:0px solid black;padding-right:80px;}

#wings {text-align:center;margin-bottom:1em;}

#eventcal {margin:1em 0;}
#eventcal h1 {
	margin: 1em 0 20px 0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;	
	text-align: left;
	/* background: url("/images/hr.gif") repeat-x 0 50%; */
	}
#eventcal h1 span {
	padding: 0 10px;
	background:#FFCC00;
	color:#000;
	font-size:20px;
	border:1px solid #ccc;
	}
#eventcal table {margin:0 10px 20px 10px;width:100%;}
#eventcal table td {border-bottom:1px solid #999;padding:5px;background:#efefef;}
#eventcal table td.time {color:#fff;background:#336600;font-weight:bold;border-right:2px solid #999;width:50px;text-align:center;} 

#bcs-promo {margin-bottom:2em;height:370px;clear:both;background:url(/images/banners/wqam-bcs.jpg) no-repeat;}
#bcs-promo a:link, #bcs-promo a:visited {color:#fff;}
#bcs-promo p {color:#fff;padding:5px 1.8em 0 1.8em;font-weight:bold;font-style:italic;}
#bcs-promo p.vote {font-size:18px;padding:250px 1.5em 0 1.5em;font-style:normal;line-height:1.7em;text-align:center;}
#bcs-promo p.vote strong {font-size:20px;font-style:italic;}
#bcs-promo p.linktext {text-align:center;}
#bcs-promo_rd2 {margin-bottom:2em;clear:both;}

.spotlight {padding:0.5em;background:#C3D9FF;}
.spotlight span {color:red;font-weight:bold;}


/*--------------------------------------------------------------
TWITTER
 --------------------------------------------------------------*/

div#twitter_div {
	text-align: left;
	margin-bottom: 25px;
	padding:10px 5px;

}

div#twitter_div ul {
	margin: 5px 0 0 0;
	padding: 0;
}

div#twitter_div ul li {
	list-style: none;
	margin-bottom: 10px;
	font-size: 12px;
		background:#efefef;
	padding:5px;
}



/*--------------------------------------------------------------
Facebook
 --------------------------------------------------------------*/

#facebook {padding:10px 5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}



/* Photo Viewer */
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #ff0000;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #ff0000; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #ff0000; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}

p.button {padding:2px 0;text-align:center;background:#bfa035;}
p.mbutton {padding:2px 0;text-align:center;background:#990000;}
p.button a:link, p.button a:active, p.button a:visited, 
p.mbutton a:link, p.mbutton a:active, p.mbutton a:visited {color:#fff;font-weight:bold;text-decoration:none;}
p.button a:hover {color:#fde907;}
p.mbutton a:hover {color:#68ADFF;}

/* Beer League Standings */
table.standings {margin:1em 0;background:#ccc;}
table.standings td {padding:3px;}
table.standings tr.headrow td {background:#cc6600;font-weight:bold;color:white;padding-left:5px;}
table.standings td {border-bottom:2px solid #fff;}
table.standings td.total {text-align:right;}

/* Event Promos */
#event {padding:1em;}

#reasons {text-align:center;background:url(/images/fade.gif) repeat-x top left;padding:1.5em 0;margin-bottom:2em;border-top:1px solid #ccc;}
#reasons h1 {color:#990000;}
#reasons p {margin:1.5em 0;color:#333;font-weight:bold;font-size:16px;}


#prevNext_technology
{
	position:absolute;
	width:860px; 
	top:350px;
  z-index: 99;
}

.prev_technology{
	width: 96px;
	float:left;
	z-index: 100;
	margin-left:15px;
}

.next_technology{
	width: 96px;
	float:right;
	z-index: 101;
	margin-right:15px;
}

.slideshow_banner { 
  position:relative;
  top:0px;
  height:250px; 
  z-index: 98;
}