/* Reset All CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Basic Global */
body {margin:0; font:80% Arial, Helvetica, sans-serif;  color:#333; background:#530000 url(../images/headbg.jpg) no-repeat top center;}
body.alt{background:#fff url(../images/bg_alt.jpg) repeat-x center top;}
a, object { outline:none;}
a {color:#333; text-decoration:underline;}
a:hover { text-decoration:none;}
img { border:none;}
strong { font-weight:bold;}
p {padding:0; margin:0 0 20px 0;}
ul { margin:10px 0 10px 30px; list-style:disc;}
hr { clear:both; display:block; height:2px; background:url(../images/hr.png) repeat-x 0 0; border:none; padding:0; margin:20px 0 20px 0;}
em {font-style:italic;}

/* Headings */
h1, h2, h3, h4, h5, h6{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 {font-size:1.3em; font-weight:normal;}
h2 {font-weight:normal; }
h3 {font-size:1.4em; font-weight:normal;}
h4 {font-size:1.3em;}
h5, h6 {font-size:1.0em; }

big { font-size:1.3em;}

/* Tables */
table { margin:0;}
td { vertical-align:top;}
td.alt1 { padding:8px; border-bottom:1px solid #e6e6e6;}
td.alt2 { background:#F4F4F4; padding:8px;border-bottom:1px solid #e6e6e6;}

/* Global Classes */
.clearer { clear:both;}
.floatLeft { float:left;}
.floatRight { float:right;}
.textalign_center { text-align:center;}
.textalign_left { text-align:left;}
.textalign_right { text-align:right;}

/* Main Containers */
div#outerWrapper { width:100%; background:url(/images/bg.jpg) no-repeat bottom center; min-height:400px; z-index:-1;}
div#page_container { width:990px; margin:0 auto; min-height:1000px; overflow:hidden; position:relative;}

/* Header Stuff */
div#header_container {width:990px; margin:0 auto; padding:0; position:relative;}
div#header_container  .logo{ width:238px; height:130px; float:left;}
div#header_container  .leaderBoard{ width:728px; height:90px; float:left; margin:20px 0 0 15px}

div#header_container #navigationUpper { margin:0 auto; clear:both; width:980px; height:51px; background:url(../images/nav_upper.jpg) no-repeat;}
div#header_container #navigationUpper ul{ margin:0; padding:0;}
div#header_container #navigationUpper ul li{ list-style:none; display:block; float:left;}
div#header_container #navigationUpper ul li.home a{ height:51px; padding:0 20px;}
div#header_container #navigationUpper ul li.home img{ margin:17px 0 0 0}
div#header_container #navigationUpper ul li.home a:hover span, div#header_container #navigationUpper ul li.home a.on span{background:url(../images/nav_homecorner.jpg) no-repeat; display:block; width:10px; height:51px; position:absolute; left:0; top:0;}

div#header_container #navigationUpper ul li a span { display:block; position:absolute; right:5px; top:5px; width:48px; height:39px;}
div#header_container #navigationUpper ul li a span.drink {background:url(../images/icon_glass.png) no-repeat;}
div#header_container #navigationUpper ul li a span.eat {background:url(../images/icon_eat.png) no-repeat;}
div#header_container #navigationUpper ul li a span.sleep {background:url(../images/icon_sleep.png) no-repeat;}
div#header_container #navigationUpper ul li a span.events {background:url(../images/icon_events.png) no-repeat;}
div#header_container #navigationUpper ul li a span.comp {background:url(../images/icon_comp.png) no-repeat;}
div#header_container #navigationUpper ul li a span.travel {background:url(../images/icon_travel.png) no-repeat;}

div#header_container #navigationUpper ul li.divider { width:2px; height:51px; background:url(../images/navdivider.jpg) no-repeat;}
div#header_container #navigationUpper ul li a{ padding:10px 60px 9px 15px; color:#fff; text-decoration:none; display:block; float:left; position:relative;}
div#header_container #navigationUpper ul li strong{display:block;}
div#header_container #navigationUpper ul li a:hover, div#header_container #navigationUpper ul li a.on{background:url(../images/navhover.jpg) repeat-x; color:#353535;}

div#header_container #navigationLower { margin:0 auto; clear:both; width:980px; height:60px; background:url(../images/nav_lower.jpg) no-repeat;}
div#header_container #navigationLower form#searchForm{ float:left; display:inline; margin:20px 0 0 46px; overflow:hidden; width:350px;}
div#header_container #navigationLower form#searchForm input.txtInput{ width:228px; border:none; background:none; height:22px; line-height:normal; vertical-align:top;}
div#header_container #navigationLower form#searchForm input.btnSubmit{ background:none; width:22px; height:22px; border:none; padding:0; margin:0; cursor:pointer;vertical-align:top;}

div#header_container #navigationLower a.btnNewsletter { float:right; width:223px; height:36px; margin:8px 8px 0 0; background:url(../images/btn_newsletter.jpg) no-repeat; line-height:32px; color:#fff; text-decoration:none; text-indent:20px;}
div#header_container #navigationLower a:hover.btnNewsletter {background:url(../images/btn_newsletter.jpg) no-repeat 0 -36px;}

/* Breadcrumbs Stuff */
div#header_container #breadCrumbs {width:980px; margin:0 auto; clear:both; padding:10px 0}
div#header_container #breadCrumbs ul, div#header_container #breadCrumbs ul li{ margin:0; padding:0; list-style:none; display:inline; color:#fff;}
div#header_container #breadCrumbs ul li{ margin:0; padding:0 4px 0 4px;}
div#header_container #breadCrumbs a{ color:#fff;}

/* Content Stuff */
div#featured {}
div#featured h1 {}
div#featured h2 {}
div#featured p {}

div#contentContainer { width:980px; margin:0 auto; clear:both; background:#fff; margin-bottom:20px;}
div#contentContainer .top { width:980px; height:10px; position:relative;}
div#contentContainer .top div { position:absolute; top:0;  width:10px; height:10px; }
div#contentContainer .top .tlCorner {background:url(../images/contentcorners.jpg) no-repeat 0 0; left:0;}
div#contentContainer .top .trCorner {background:url(../images/contentcorners.jpg) no-repeat -10px 0; right:0;}
div#contentContainer .mid{ overflow:hidden;}
div#contentContainer .btm { width:980px; height:10px; position:relative;}
div#contentContainer .btm div { position:absolute; top:0;  width:10px; height:10px; }
div#contentContainer .btm .blCorner {background:url(../images/contentcorners.jpg) no-repeat 0 -10px; left:0;}
div#contentContainer .btm .brCorner {background:url(../images/contentcorners.jpg) no-repeat -10px -10px; right:0;}

/* Column Stuff*/
div#contentContainer .mid .columnL{width:173px; float:left; background:#f3f3f3; margin:10px 0 10px 20px; position:relative; min-height:400px; padding:35px 0; text-align:center;}
div#contentContainer .mid .columnL div {margin:0 auto;}
div#contentContainer .mid .columnR{width:153px; float:left; background:#f3f3f3; margin:10px 0 10px 0; position:relative; min-height:400px; padding:35px 0; text-align:center; }
div#contentContainer .mid .columnR div {margin:0 auto;}

div#contentContainer .mid .columnL .topl, div#contentContainer .mid .columnL .topr, div#contentContainer .mid .columnL .btml, div#contentContainer .mid .columnL .btmr, div#contentContainer .mid .columnR .topl, div#contentContainer .mid .columnR .topr, div#contentContainer .mid .columnR .btml, div#contentContainer .mid .columnR .btmr {position:absolute; width:10px; height:10px; }
div#contentContainer .mid .columnL .topl, div#contentContainer .mid .columnR .topl  { background:url(../images/columncorners.jpg) no-repeat 0 0; left:0; top:0;}
div#contentContainer .mid .columnL .topr, div#contentContainer .mid .columnR .topr { background:url(../images/columncorners.jpg) no-repeat -10px 0; right:0; top:0;}
div#contentContainer .mid .columnL .btml, div#contentContainer .mid .columnR .btml { background:url(../images/columncorners.jpg) no-repeat 0 -10px; left:0; bottom:0;}
div#contentContainer .mid .columnL .btmr, div#contentContainer .mid .columnR .btmr { background:url(../images/columncorners.jpg) no-repeat -10px -10px; right:0; bottom:0;}

div#contentContainer .mid .columnM { overflow:hidden; min-height:150px; width:595px; float:left; margin:10px 10px 10px 10px;}
div#contentContainer .mid .columnM .titleBar { width:595px; height:37px; background:url(../images/titlebar.jpg) no-repeat;}
div#contentContainer .mid .columnM .titleBar strong{ font-size:1.5em; color:#fff; line-height:36px; padding:0 0 0 20px; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

div#contentContainer .mid .columnM .postEntry { width:575px; margin:0 auto; overflow:hidden; margin-bottom:20px;}

div#contentContainer .mid .columnM .thumbnailSmall { float:left; margin:0 15px 0 0; position:relative; height:120px; overflow:hidden;}
div#contentContainer .mid .columnM .thumbnailSmall span{ position:absolute; background:url(../images/thumbnailoverlay_small.png) no-repeat; width:160px; height:120px; top:0; left:0;}
div#contentContainer .mid .columnM .thumbnailLarge { float:left; margin:0 15px 0 0; position:relative; height:195px; overflow:hidden;}
div#contentContainer .mid .columnM .thumbnailLarge span{ position:absolute; background:url(../images/thumbnailoverlay_large.png) no-repeat; width:299px; height:195px; top:0; left:0;}

div#contentContainer .mid .columnM .postEntry div.copy {}
div#contentContainer .mid .columnM .postEntry div.copy a.readmore { width:91px; height:26px; background:url(../images/btn_readmore.jpg) no-repeat 0 0; float:left; color:#fff; text-decoration:none; text-align:center; line-height:26px;}
div#contentContainer .mid .columnM .postEntry div.copy a:hover.readmore {background:url(../images/btn_readmore.jpg) no-repeat 0 -26px;}

div#contentContainer .mid .columnM .titleInfo { margin:10px 0 18px 0; border-top:1px dotted #ccc; padding:10px 0 0 0; clear:both;}
div#contentContainer .mid .columnM .titleInfo .date { width:40px; height:38px; background:url(../images/icon_calender.jpg) no-repeat; float:left; padding:7px 0 0 0; text-align:center; font-size:0.7em; color:#fff; margin:0 10px 0 0;}
div#contentContainer .mid .columnM .titleInfo .date strong{ font-size:1.8em; color:#000; display:block;}
div#contentContainer .mid .columnM .titleInfo h2{ font-size:1.6em; line-height:20px;}
div#contentContainer .mid .columnM .titleInfo strong { font-size:1.0em; color:#ccc;}

div#contentContainer .mid .columnM { overflow:hidden; min-height:150px; width:595px; float:left; margin:10px 10px 10px 10px;}
div#contentContainer .mid .columnM .postRow{ clear:both; background:url(../images/postdivider.jpg) repeat-y top center; width:595px; overflow:hidden;}
div#contentContainer .mid .columnM .postRow .titleBar { width:595px; height:37px; background:url(../images/titlebar.jpg) no-repeat;}
div#contentContainer .mid .columnM .postRow .titleBar strong{ font-size:1.5em; color:#fff; line-height:36px; padding:0 0 0 20px; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
div#contentContainer .mid .columnM .postRow .postDiv { width:25px; float:left; min-height:200px;height:auto !important;height:200px;}
div#contentContainer .mid .columnM .postRow .postEntry { width:285px; margin:0 auto; overflow:hidden; margin-bottom:20px; float:left;}
div#contentContainer .mid .columnM .postRow .thumbnailSmallNew { float:left; margin:0 15px 0 0; position:relative; height:81px; overflow:hidden;}
div#contentContainer .mid .columnM .postRow .thumbnailSmallNew span{ position:absolute; background:url(../images/overlay_new.png) no-repeat; width:107px; height:81px; top:0; left:0;}

div#contentContainer .mid .columnM .postRow .postEntry div.copy {float:left;width:162px;}
div#contentContainer .mid .columnM .postRow .postEntry div.copy a.readmore { width:91px; height:26px; background:url(../images/btn_readmore.jpg) no-repeat 0 0; float:left; color:#fff; text-decoration:none; text-align:center; line-height:26px;}
div#contentContainer .mid .columnM .postRow .postEntry div.copy a:hover.readmore {background:url(../images/btn_readmore.jpg) no-repeat 0 -26px;}

div#contentContainer .mid .columnM .postRow .titleInfo { margin:10px 0 18px 0; border-top:1px dotted #ccc; padding:10px 0 0 0; clear:both;}
div#contentContainer .mid .columnM .postRow .titleInfo .date { width:40px; height:38px; background:url(../images/icon_calender.jpg) no-repeat; float:left; padding:7px 0 0 0; text-align:center; font-size:0.7em; color:#fff; margin:0 10px 0 0;}
div#contentContainer .mid .columnM .postRow .titleInfo .date strong{ font-size:1.8em; color:#000; display:block;}
div#contentContainer .mid .columnM .postRow .titleInfo h2{ font-size:1.6em; line-height:20px;}
div#contentContainer .mid .columnM .postRow .titleInfo strong { font-size:1.0em; color:#ccc;}

div#contentContainer .mid .columnS{width:1px;float:left;height:1100px;}

/* Footer Stuff */
div#footer {color:#fff; width:100%; height:150px; background:#3a0000 url(../images/footerbg.jpg) repeat-x; padding:10px 0 0 0;}
div#footer #footerContainer { width:980px; margin:0 auto;}
div#footer ul{list-style:none; margin:0; padding:0;}
div#footer ul li{ display:inline;}
div#footer a {color:#fff; text-decoration:none; padding:0 0 0 5px;}
div#footer a:hover {text-decoration:underline;}

/* Scroll Pane*/
.jScrollPaneContainer {position: absolute; top:20px; left:0; overflow: hidden;z-index: 1; padding:0 10px 0 0;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right:4px;top:0;height: 100%; background:#1b2132;}
.jScrollPaneDrag {position: absolute; cursor: pointer;overflow: hidden; width:10px; background:#F06597;}
.jScrollPaneDragTop {position: absolute;top:0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top:0;right:4px;text-indent: -2000px;overflow: hidden; background:#2b344d; height:14px;}
a.jScrollArrowUp:hover {background: #404b68;}
a.jScrollArrowDown { display:block; position:absolute;z-index:1; bottom:0; right:4px;text-indent: -2000px;overflow: hidden; background:#2b344d; height:14px;}
a.jScrollArrowDown:hover {background: #404b68;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

/* Form and Validation */
form#Form {padding:5px 0 0 0; margin:0 20px 20px 0;}
form#Form h3{font-size:1.4em; border-bottom:none; color:#666; padding:0; margin:0; font-family: "Trebuchet MS", sans-serif; font-weight: normal;}
form#Form ul { margin:0; padding: 0; }
form#Form li { padding:6px 10px; vertical-align: top; list-style: none; margin: 0 0 2px 0;}
form#Form li.alt {}
form#Form li.section { padding:4px 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.5em; border-bottom:1px dotted #ccc; padding:0 0 10px 0; margin:0 0 15px 0;}
form#Form legend { color: #333; font-weight: bold; border: 0px; margin:0; padding:0;}
form#Form label {display: block;line-height: 1.8;vertical-align: top;width:150px;float: left; margin-right:10px;font-weight:bold; text-align:left;}
form#Form input.txtinput, textarea.txtinput, select.txtinput, file.txtinput {width:240px;border: 1px solid #d6d6d6;padding:5px;color: #333;font:9pt Arial, Helvetica, sans-serif;background-color: #fff;}
form#Form textarea.txtinput {height:120px;}
form#Form input.txtinput:focus, textarea.txtinput:focus {color: #000;border: 1px solid #797A75;}
form#Form .require{ color:#ca3a34; font-weight:bold;}

div#formcompleted { background:#7dd187; padding:10px; color:#fff;}
div#formcompleted strong{color:#fff;}
div#errorMessage {display: block;color:#fff;margin:15px 0 0 0;padding:8px;background:#B9021E;}

/*** pagination ***/
.pagination a{ color:#000;}
.pagination .left {float:left;}

.pagination .right {float:right; padding:0 0px 0 6px;}
.pagination .right a{color:#333; text-decoration:underline;margin:0 0 0 10px;}

.pagination ul{border:0; margin:0; padding:0;}
.pagination li{border:0; margin:0 4px; padding:0;list-style:none;float:left;}
.pagination .right ul li a{border:0;margin:0;padding:0;}
.pagination .previous_off, .pagination .next_off {color:#E6E6E6;}

#middle_ad{width:595px;text-align:center;margin:0 0 15px 0;}

/* Comments */
.responseTitle { font-weight:bold; padding:0 20px; font-style:italic;}
ol.list_comments,  ol.list_comments_alt {padding:14px; margin:0 20px 15px 20px; list-style:none;}
ol.list_comments { background:#f6f6f6;}
ol.list_comments li.details,  ol.list_comments_alt li.details { font-weight:bold; margin:0 0 10px 0}
ol.list_comments li.details span,  ol.list_comments_alt li.details span { display:block; color:#7E4140;}
ol.list_comments li.comment {}

/* Comments form adjustment */
#add_comment { padding:0 20px 20px 20px; margin:20px 0 0 0; overflow:hidden;}
#add_comment form { margin:25px 0 0 0;}
#add_comment form textarea { height:120px; float:right;}
#add_comment form input.tbxSubmit {margin:10px 0 0 38px;}

/* Form and Validation */
form.genericForm {padding:0; margin:10px 0 0 0;}
form.genericForm ul {margin:0; padding:0; float:left; width:49%; overflow:hidden;}
form.genericForm ul li{ padding:4px 0; vertical-align: top; list-style: none; margin:0;}
form.genericForm label {display: block; margin:0 0 4px 0; vertical-align: top; font-weight:bold; text-align:left; color:#444; width:100px; white-space:nowrap; float:left;}

form.genericForm input.inputTxt, textarea.tbxTxtarea {border:1px solid #d6d6d6;}
form.genericForm textarea.tbxTxtarea {height:60px; width:268px;}
form.genericForm input:focus { border:1px solid #7E4140;}
form.genericForm textarea:focus { border:1px solid #7E4140;}

/* Notice Display Boxes */
div.info-notice {display:block; color:#7E4140; margin:10px 0; padding:15px; background:#e6edff; border:1px solid #a4d0ff;}
div.info-notice p{ padding:0; margin:0; padding:2px 0 2px 0;}
div.info-notice strong{color:#6286ac;}

div.info-error {display:block; color:#7E4140; margin:10px 0; padding:15px; background:#ffe6e6; border:1px solid #ffacac;}
div.info-error p{ padding:0; margin:0; padding:2px 0 2px 0}
div.info-error strong{color:#cc0000;}

div.info-warning {display:block; color:#7E4140; margin:10px 0; padding:15px; background:#fffee6; border:1px solid #ffea5e;}
div.info-warning p{ padding:0; margin:0; padding:2px 0 2px 0}
div.info-warning strong{color:#747242;}

div.info-success {display:block; color:#7E4140; margin:10px 0; padding:15px; background:#f1ffe7; border:1px solid #6DBF2F;}
div.info-success p{ padding:0; margin:0; padding:2px 0 2px 0}
div.info-success strong{color:#6DBF2F;}