/* Stylesheet for C3 Events */

/* Default Style Elements */
html {}
body {color:#dbe3e6; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#000;}
body a, body a:link, body a:visited {color:#ba2f2f;}
body#page {text-align:center; background:#000;}
html, body {margin:0; padding:0;}
img, div, p {border:0px;}
hr {height:1px; border:0px; margin:0 ! important; padding:0 ! important; line-height:1px; color:#292929; background:#292929;}
p {margin:0; padding:0 0 10px;}
/* Links Styles */
a, a:link, a:visited {color:#ba2f2f;}
a:active, a:hover, a:focus {outline:none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin:5px 0; padding:0;}
h1 {font-size:24px; font-weight:normal;}
h2 {font-size:18px;}
h3 {font-size:12px;}
h4 {font-size:11px;}
h5 {font-size:10px;}

/* Header Styles */
#header {height:77px; text-align:center; border-bottom:solid 4px #5b0b0b; background:#150a09;}
#header div.inner {height:77px; position:relative; z-index:1; width:1010px; margin:0 auto; text-align:left; background: url('/site-header-bg.gif') no-repeat center top;}
a#logo {position:absolute; top:11px; left:25px; color:#c0c6c3; font-size:12px; letter-spacing:3px; text-decoration:none;}
a#logo img {float:left; vertical-align:bottom;}
a#logo span {padding:25px 0 0 5px; float:left; display:block;}

#search {position:absolute; top:33px; right:25px; width:170px;}
#search input.txtSearch {position:absolute; left:0; top:0; width:145px; height:15px; color:#343c47; font-size:10px; padding:0 0 0 5px; border:solid 1px #3d3c3c; background:#fff;}
#search input.btnSearch {position:absolute; top:0; left:151px;}

/* Menu Styles */
#siteMenu {width:100%; height:24px; text-align:center; border-bottom:solid 1px #616060; background:#6d6d6d url('/menu-bg.gif') repeat-x;}
#siteMenu div.inner {text-align:right; width:900px; margin:0 auto; position:relative; z-index:10;}
#Menu {margin:0; padding:0; list-style:none; position:absolute; right:0; top:0; line-height:24px;}
#Menu li {float:left; text-align:left;}
#Menu li a, #Menu li a:link, #Menu li a:visited {display:block; text-decoration:none; color:#fff; font-size:11px; font-weight:bold; padding:0 10px; border-left:solid 1px #575656;}
#Menu li.current a.item, #Menu li.current a.item:link, #Menu li.current a.item:visited {background:#ab2020 url('/menu-item-current-bg.gif') repeat-x;}

/* Sub Menu Styles */
#Menu li ul {display:none; position:absolute; z-index:1000; margin:0 0 0 -1px; padding:0; width:250px; list-style:none; background:#616060;}
#Menu li ul * {list-style-position:outside; background-image:none;}
#Menu li ul li {float:left; position:relative; line-height:26px; margin:0; padding:0; width:100%;}
#Menu li ul li a, #Menu li ul li a:link, #Menu li ul li a:visited {display:block; margin:0; padding:0 12px; height:26px; color:#fff; font-size:11px; font-weight:bold; text-transform:none; border:0px; background-image:none;}
#Menu li ul li a:active, #Menu li ul li a:hover, #Menu li ul li a:focus {color:#fff; background:#6d6d6d;}

#Menu li ul li ul {position:absolute; top:0px; left:250px;}

span.menu-sub-indicator {float:right; background:transparent;}

/* Content Area Styles*/
#contentArea {width:1010px; margin:0 auto; text-align:left; background:url('/content-area-bg.gif') repeat-y;}
#column1 {margin:0 0 0 25px; float:left; display:inline; width:709px; min-width:709px; background:#000;}
#column2 {margin:0; float:left; display:inline; width:251px; min-height:420px; background:url('/home-right-col-bg.gif') repeat-x left top;}
#column2 div.inner {padding:0 0 0 10px;}

#rightColumnContent {margin:10px 10px 0 0; padding:0 0 15px;}
#rightColumnContent, #rightColumnContent p {font-size:13px;}

img#rightHR {margin:0; padding:0; width:241px; height:1px; clear:both; background:#292929;}

#vendingApp {margin:15px 0 30px 0;}

div.pages #column1 {margin:0 25px; width:684px; min-width:684px;}
div.pages #column2 {}

#contentSpacer {height:10px; line-height:10px; overflow:hidden; margin:-3px 0 0; background:#000;}

/* Breadcrumb Styles */
div#breadCrumbs {line-height:30px;}

/* Event Rotator */
#eventRotator {height:275px; text-align:center; background:url('/event-rotator-bg.gif') repeat-x left bottom;}
#eventRotator div.inner {margin:0 auto; text-align:left;width:1010px; height:260px;}

/* Upcoming Events List */
#upcomingEvents {border-bottom:solid 1px #292929;}
#upcomingEvents h2 {margin:22px 0 10px;}
#upcomingEvents div.item {clear:both; margin:0 0 10px; color:#fff;}
#upcomingEvents div.item span.eventDate {font-size:18px;}
#upcomingEvents div.item a.eventTitle, #upcomingEvents div.item a.eventTitle:link, #upcomingEvents div.item a.eventTitle:visited {font-size:15px; font-weight:bold;}

#divEventFlash, #divEventFlash * {outline:none ! important;}

/* Pagination Styles */
.paginator {line-height:30px; text-align:center;}
.paginator a, .paginator a:link, .paginator a:visited {text-decoration:none; padding:0 1px;}
.paginator a:active, .paginator a:hover, .paginator a:focus {text-decoration:underline;}
.paginator span.current {color:#fff;}
.paginator a.nextPrev, .paginator a.nextPrev:link, .paginator a.nextPrev:visited {font-size:14px;}

/* Photo Gallery Styles */
#photosLargeImage {width:600px; height:402px; position:relative; text-align:center; background-color:#ddd; overflow:hidden;}
#photosLargeImage h3 {line-height:500px; color:#000; margin:0; padding:0;}
#photosLargeImage #imgLarge {position:absolute; top:0; left:0; z-index:100;}
#photosLargeImage img {width:600px; height:402px;}
#photosLargeImage p {position:absolute; top:265px; left:0; z-index:200; line-height:35px; width:600px; height:35px; opacity:0.85; background:#ddd;}
#photosLargeImage p span {padding:0 10px; font-weight:bold;}
#photosItems {width:620px; margin:10px 0; clear:both;}
#photosItems div {float:left; margin:0 12px 10px 0; cursor:pointer; position:relative;}
#photosItems span.divEditControls {position:absolute; z-index:20; top:68px; left:0; width:110px; height:15px; opacity:0.85; text-align:center; background:#ddd;}
#photosItems span.divEditControls, #photosItems span.divEditControls a, #photosItems span.divEditControls a:link, #photosItems span.divEditControls a:visited {font-size:9px; color:#000; text-decoration:none;}
#photosItems span.divEditControls a:active, #photosItems span.divEditControls a:hover, #photosItems span.divEditControls a:focus {color:#df6f00;}
#photosItems img {position:relative; z-index:10;}
#photosItems a img:hover {opacity:0.85;}
#photosItems div p.description {display:none;}
.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position:50% 50%;}



/* Footer Styles */
#footer {clear:both; width:1010px; text-align:left; margin:0 auto; line-height:30px;}

a#smartzLink, a#smartzLink:link, a#smartzLink:visited {float:right; color:#7a7979; font-size:11px; text-decoration:none; margin:0 25px 0 0;}
a#smartzLink img {vertical-align:middle;}

#footer .footText {color:#53565a; font-size:12px; margin:0 0 0 25px;}
#footer .footText a, #footer .footText a:link, #footer .footText a:visited {color:#ba2f2f; font-size:11px;}

/* Misc Styles */
.clear {clear:both;}
#divFlashCalendar, #divFlashCalendar object {outline:none;}

/* Contact Form Styles */
#contactForm {margin:0; padding:0; width:300px;}
#contactForm dt {width:50px; float:left; display:inline; clear:left; margin:0 0 10px;}
#contactForm dd {margin:0 0 0 51px; float:left; display:inline; margin:0 0 10px;}
#contactForm dt.comments {clear:both; width:255px;}
#contactForm dd.comments {clear:both; margin:0 0 10px 50px;}
#contactForm dd span input {width:245px; border:0px;}
#contactForm dd span textarea {width:245px; height:100px; border:0px;}
#contactForm dd p {margin:0; padding:0;}
#contactForm dd#formSubmit {text-align:center; width:250px;}
#contactForm dd#formSubmit input.formSubmitInput {margin:0 auto; width:100px; color:#fff; font-weight:bold; font-size:11px; border:solid 1px #616060; background:url('/menu-item-current-bg.gif') repeat-x;}

#contactForm dd p {display:inline;}
input#WhoContact {}
dd.whoContact {width:310px;}
dd.whoContact p {width:150px; float:left;}

/* Request Form Styles */
div.requestForm {width:325px;}
div.form div.formRow {float:left; width:225px; margin:5px 0;}
div.form div.formTitle {float:left; clear:left; width:75px; margin:5px 0;}
div.form div.formTitleFull {float:none; clear:both; width:100%; margin:5px 0;}
div.form div.formRow span input {width:225px;}
div.form div.comments {clear:both; width:300px; margin:5px 0;}
div.form div.comments textarea {width:300px; height:100px;}

div.form div.formSubmit {clear:both; margin:20px 0; width:300px;}
div.form div.formSubmit input.formSubmitInput {margin:0 0 0 75px; width:100px; color:#fff; font-weight:bold; font-size:11px; border:solid 1px #616060; background:url('/menu-item-current-bg.gif') repeat-x;}

/* Edit Styles */
.divEditBlock {margin:20px 20px 20px 0;}
.divEditBlock div label {display:block; line-height:18px; font-weight:bold; margin:0 0 10px; padding:0 10px; color:#fff; background:#181717;}
.divEditBlock div {margin:0 0 20px;}
.divEditBlock div span input , .divEditBlock div span textarea {width:300px;}
.divEditBlock .error {font-weight:bold; color:#f00;}

span.divEditControls {}
span.divEditControls a {padding:0 5px;}

div.checkbox label {display:inline; line-height:auto; font-weight:normal; margin:0; padding:0; color:#000; background:Transparent;}

.divEditBlock div.checkbox {margin:0;}
.divEditBlock div.checkbox input {width:auto;}

.divEditBlock div#editTitle {}
.divEditBlock div#editTitle input {}

.divEditBlock div#editBriefDescription {}
.divEditBlock div#editBriefDescription textarea {height:100px;}

.divEditBlock div#editFullDescription {}

.divEditBlock div#editItemUrl {}
.divEditBlock div#editItemUrl input {}

.divEditBlock div#editItemMetaDescription {}
.divEditBlock div#editItemMetaDescription input {}

.divEditBlock div#editItemMetaKeywords {}
.divEditBlock div#editItemMetaKeywords input {}