@charset "utf-8";
/********** SINGLE ELEMENT STYLES **********/
* {margin:0; padding:0; outline:none;}
html, body {width:100%; height:100%;}
img {behavior:url(inc/pngbehavior.htc);}
a img {border:0;}
.pad5 {padding:5px;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}
h1 {font-family:"Trebuchet MS";font-size:24px;font-weight:normal;line-height:35px;color:#FFFFFF;}
h2 {font-family:"Trebuchet MS";font-size:20px;font-weight:normal;line-height:28px;color:#333333;}
h3 {font-family:"Trebuchet MS";font-size:18px;font-weight:normal;line-height:28px;color:#00BADF;}
h4 {font-family:"Trebuchet MS";font-size:16px;font-weight:normal;line-height:24px;color:#FFFFFF;}
p {font-family:"Trebuchet MS";font-size:14px;font-weight:normal;line-height:22px;color:#FFFFFF;}
h5 {font-family:"Trebuchet MS";font-size:12px;font-weight:normal;line-height:20px;color:#333333;}
h6 {font-family:"Trebuchet MS";font-size:10px;font-weight:normal;line-height:18px;color:#333333;}
#content strong {font-weight:normal;}
.bold {font-weight:bold;}
ul, ol {list-style:inside;}
ul li, ol li {padding-left:15px;}
.shhhh {display:none;}
.sm10 {font-size:10px;}
.hide {display:none;}
.hrline {width:665px; height:1px; margin:10px 0px; background:url("../images/hr.jpg") 0 0 no-repeat; float:left;}


/*******************************************/
/********** LINKS **********/
/*******************************************/
a.box:link {color: #ffffff; text-decoration: none; padding: 4px; margin:2px 0px 2px 0px;}
a.box:visited {color: #ffffff; text-decoration: none; padding: 4px; margin:2px 0px 2px 0px;}
a.box:hover {color: #ffffff; padding: 4px; background-color: #3c2815; margin:2px 0px 2px 0px;}

a:link {color: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:hover {color: #3187DE;}
a img {border: none; }

a.credit:link {color:#FFFFFF; text-decoration: none; padding:0px;}
a.credit:visited {color: #FFFFFF;text-decoration: none;padding: 0px;}
a.credit:hover { color: #3c2815;padding:0px;}

a.box2:link {color: #333333; text-decoration: none; padding: 4px; margin:2px 0px 2px 0px;}
a.box2:visited {color: #333333; text-decoration: none; padding: 4px; margin:2px 0px 2px 0px;}
a.box2:hover {color: #ffffff; padding: 4px; background-color: #3c2815; margin:2px 0px 2px 0px;}

a.homerollover { display:block; width:359px; height:36px; background:url("../images/home.jpg") 0 0 no-repeat; float:left }
a:hover.homerollover { display:block; width:359px; height:36px; background:url("../images/homeroll.jpg") 0 0 no-repeat; float:left; }

a.bbqrollover { display:block; width:359px; height:30px; background:url("../images/bigcatbbq.jpg") 0 0 no-repeat; float:left }
a:hover.bbqrollover { display:block; width:359px; height:30px; background:url("../images/bigcatbbqroll.jpg") 0 0 no-repeat; float:left; }

a.onairrollover { display:block; width:359px; height:30px; background:url("../images/onairstaff.jpg") 0 0 no-repeat; float:left }
a:hover.onairrollover { display:block; width:359px; height:30px; background:url("../images/onairstaffroll.jpg") 0 0 no-repeat; float:left; }

a.quizrollover { display:block; width:359px; height:29px; background:url("../images/bigcatquiz.jpg") 0 0 no-repeat; float:left }
a:hover.quizrollover { display:block; width:359px; height:29px; background:url("../images/bigcatquizroll.jpg") 0 0 no-repeat; float:left; }

a.prowlrollover { display:block; width:359px; height:30px; background:url("../images/ontheprowl.jpg") 0 0 no-repeat; float:left }
a:hover.prowlrollover { display:block; width:359px; height:30px; background:url("../images/ontheprowlroll.jpg") 0 0 no-repeat; float:left; }

a.scooprollover { display:block; width:359px; height:30px; background:url("../images/thescoop.jpg") 0 0 no-repeat; float:left }
a:hover.scooprollover { display:block; width:359px; height:30px; background:url("../images/thescooproll.jpg") 0 0 no-repeat; float:left; }

a.directoryrollover { display:block; width:359px; height:30px; background:url("../images/businessdirectory.jpg") 0 0 no-repeat; float:left }
a:hover.directoryrollover { display:block; width:359px; height:30px; background:url("../images/businessdirectoryroll.jpg") 0 0 no-repeat; float:left; }

a.calendarrollover { display:block; width:359px; height:31px; background:url("../images/calendar.jpg") 0 0 no-repeat; float:left }
a:hover.calendarrollover { display:block; width:359px; height:31px; background:url("../images/calendarroll.jpg") 0 0 no-repeat; float:left; }

a.videosrollover { display:block; width:359px; height:30px; background:url("../images/videos.jpg") 0 0 no-repeat; float:left }
a:hover.videosrollover { display:block; width:359px; height:30px; background:url("../images/videosroll.jpg") 0 0 no-repeat; float:left; }

a.mediakitrollover { display:block; width:359px; height:30px; background:url("../images/mediakit.jpg") 0 0 no-repeat; float:left }
a:hover.mediakitrollover { display:block; width:359px; height:30px; background:url("../images/mediakitroll.jpg") 0 0 no-repeat; float:left; }

a.contactrollover { display:block; width:359px; height:30px; background:url("../images/contactus.jpg") 0 0 no-repeat; float:left }
a:hover.contactrollover { display:block; width:359px; height:30px; background:url("../images/contactusroll.jpg") 0 0 no-repeat; float:left; }

/************** BASE STRUCTURE *************/
html,body {height:100%; width:100%; margin:0px auto;}

body {margin:0 auto;font-family:"Trebuchet MS";font-size:14px;font-weight:normal;line-height:20px;color:#FFFFFF;background-color:#1c1208;}

#wrapper {width:1024px;margin:0px auto 0px auto;}

#footer {width:1024px;height:150px;margin:100px 0px 0px 0px;padding:0px;}

#rightcol{width:640px;height:266px; height:auto !important;min-height:266px;margin:0px 25px 0px 0px;padding:0px;float:right;}
#leftcol{width:359px;height:266px; height:auto !important;min-height:266px;margin:0px;padding:0px;float:left;}

.emailsignupbanner {width:562px; height:67px; padding:0px; margin:13px 0px 0px 40px; float:left;}


/*******************************************/
/********** PAGE ELEMENTS **********/
/*******************************************/
a.spider {background:url(../images/spiders.png); background-repeat:no-repeat; height:30px!important; display:block;  float:right; text-transform:uppercase; font-size:10px; padding:60px 0 0 10px; text-decoration:none; margin-top:-30px; }
 
a#creditbtn {background-position:0 0; width:100px!important;} 
a#creditbtn:hover {background-position:0 -100px; color:#2a94c1;}

#copyright{width:940px;height:50px;margin:5px 5px 5px 40px;font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:16px;padding:0px;}

#googlemap {width:660px; height:300px; border:1px solid #000000;line-height:15px;float:left;margin:0px 0px 20px 0px;}

#facebook {width:359px;height:109px;margin:0px;padding:0px;float:left;}

#logo {width:359px; height:228px; margin:0px; padding:0px;float:left;}

.banner {width:278px; height:125px; margin:31px 47px 0px 34px; padding:0px; float:left;}
*html .banner {margin:15px 0px 0px 15px;}

#mainimage {width:611px; height:339px; margin:0px 0px 0px 23px; padding:0px; float:left;background-image:url(../images/mainimage.jpg);}

#fancyflash {width:561px; height:282px; margin: 28px 0px 0px 25px; padding:0px; float:left;}

#calendararea {width:570px; height:290px; margin:0px 0px 0px 40px; padding:0px; float:left;background-color:#29190C;}

.titles {width:561px; height:45px; margin:0px 0px 0px 40px; padding:0px; float:left;}

.insideimage {margin:0px 10px 10px 10px; padding:0px; float:right;}

.crewbox {width:570px; height:160px; margin:13px 0px 0px 40px; padding:0px; float:left;}

.crew1 {width:275px; height:70px; margin:10px 0px 0px 0px; padding:0px; float:left;}
.crew2 {width:275px; height:70px; margin:10px 0px 0px 0px; padding:0px; float:right;}
.crew3 {width:275px; height:70px; margin:10px 0px 0px 150px; padding:0px; float:left;}


/************** CONTACT FORM ************/
form#contact 	{margin:0px 0px 20px 0px;padding: 5px;float:right;width: 275px;background:#cccccc;	border:none;font-family:"Trebuchet MS";font-size:0.75em;font-weight:normal;color:#333333;}	

#contact label,#contact input {display: block;width: 150px;float: left;margin-bottom: 10px;}

#contact label {text-align: right;width: 75px;padding-right: 5px;}

#contact br {clear: left;}

#contact fieldset	{margin:0px 0px 10px 0px;position:relative;display:block;border:1px solid #ffffff;padding: 0px 10px 10px 10px;} 
	
#contact legend	{color:#333333;font-variant:small-caps;padding:2px 5px;position: relative;font-family: "Trebuchet MS";font-size: 18px;line-height: 17px;font-weight: bold;}

#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {width: 60px;margin-right:12px;float: left;}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{display: block;width: 240px;height:70px;margin-bottom: 15px;}

textarea{overflow:auto;}
	
#contact #submit	{width: 85px;height:32px;margin-left:90px;}
	
#contact .shhhh, .shhhh {display:none;}

div.floating-menu {position:fixed;width:311px;z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:block;margin:0;}

#calendar {color: #fff;}
#calheader {font-weight:bold; background:#C8B79B; color:#000; padding:2px 5px; border-bottom:2px solid #fff;}
#nmonth {float:right; color:#00025F;}
#pmonth {float:left; color:#00025F;}
#cmonth {display:block; text-align:center; margin:0 auto; font-size:19px; font-weight:bold; text-transform:uppercase;}
h2.eventtitle {margin:0; padding:0; color:#C8B79B;}
.eventdate {font-weight:bold}
.eventdetails {text-align:justify;}
.eventimg {width:170px; padding:5px; margin:0;}
.eventimg img {background:#fff; padding:4px; border:1px solid #C8B79B;}
.calodd {background:#3A3531; border-bottom:2px solid #fff; clear:right; padding:3px;}
.caleven {background:#29190C;  border-bottom:2px solid #fff; clear:left; padding:3px;}
.calodd .eventimg {float:right;}
.caleven .eventimg  {float:left;}
.imgcaption {font-family:"Courier New", Courier, monospace; color:#fff; text-align:center; margin:0 auto; display:block;}

ul.gallerycats {list-style:none; display:block; text-align:center; margin:0 auto;}
ul.gallerycats li {display:block; margin:0 auto; text-align:center;}
ul.gallerycats li a {font-size:1.1em; font-weight:bold;padding:3px;}
ul.gallerycats li a:hover {background:#ffffff; color:#333333;}


/* - - - - - Generic Styled Form - - - - - */
form.generic {width:290px; margin:0 auto; text-align:center; background:url(../images/formbg.png) top left repeat; border:1px solid #333; color:#fff; padding:5px; -moz-border-radius:15px; -webkit-border-radius:15px; behavior:url(inc/pngbehavior.htc); margin-top:15px;}
form.generic label {float:left; display:block; width:95px; margin:0 5px 5px 0; text-align:right; font-weight:bold;}
form.generic input {float:left; display:block; width:185px; margin:0 0 5px 0; text-align:left; color:#000; border:1px solid #030072; background:#ddd; color:#555;}
form.generic select {float:left; display:block; width:185px; margin:0 0 5px 0; text-align:left; color:#000; border:1px solid #030072; background:#ddd; color:#555;}
form.generic textarea {float:left; display:block; width:185px; color:#000; text-align:left; border:1px solid #030072; background:#ddd; color:#555;}
form.generic textarea:active, form.generic input:active, form.generic select:active, form.generic textarea:focus, form.generic input:focus, form.generic select:focus {background:#fff; border-color:#fff; color:#000;}
form.generic input.submit {float:none; display:inline; width:auto; text-align:center; margin:0 auto; margin-top:10px; padding:3px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; background:#030072; border:1px solid #fff; color:#fff;}
form.generic input.submit:hover, form.generic input.submit:active, form.generic input.submit:focus {border-color:#000; background:#DFD3BD; color:#000;}
form.generic br {clear:left;}