#content {position: relative; height: auto !important; height: 100%; min-height: 100%}
#topbar {float: left; width: 100%; padding: 0.6em 0; font-size: 0.9em; text-transform: uppercase; color: #CFD9DB; background: #FFF url(../images/bg/topbar.gif?1) repeat-x bottom left}
#header {clear: both; position: relative; height: 5em; margin: 0 auto; background: #48525B url(../images/bg/header.gif?1) repeat-x bottom left; border-bottom: 2px solid #48525B; background-color: #48525B}
#header img {position: absolute; top: 5%; left: 10px}
#header ul {margin: 3.5em 1em 0 0 !important; margin: 3.5em 0.5em 0 0; padding: 0; float: right}
#header ul li {display: inline; list-style: none}
#header ul li a {float: left; padding: 0 1em; font: 400 1.1em arial, sans-serif; letter-spacing: 0.1em; line-height: 0.8em !important; line-height: 1em; color: #cccccc; border-right: 1px solid #4D5760}
#header ul li a.last {padding-right: 0; border-right: 0}
#header ul li a:hover {color: #3B5D77}
#headerImg {margin: 0 auto; height: 143px; background: url(../images/bg/header_image.jpg?1) no-repeat top left}
#menu {margin: 0 auto}
#menu ul {width: 100%; float: left; margin: 0; padding: 0; text-align: left; background: #3B5D77 url(../images/bg/menu.gif?1) repeat-x top left}
#menu ul li {display: inline; margin: 0; padding: 0; list-style: none}
#menu ul li a {float: left; width: 25%; height: 4.5em; font: 400 1.2em arial, sans-serif; letter-spacing: 0.1em; color: #fff; border-top: 7px solid #41637D; border-bottom: 15px solid #FFF}
#menu ul li a span {display: block; padding: 2px 7px}
#menu ul li a span.desc {font-size: 0.8em; color: #8C8D94}
#menu ul li a:hover, #menu ul li a.here {background: #4A5C6A; border-top: 7px solid #455660}
#menu ul li a:hover span.desc, #menu ul li a.here span.desc {color: #FFF}
#menu ul li a span.speaker {padding-left: 22px; background: url(../images/icons/speaker.gif) no-repeat 5px 50%}
#menu ul li a:hover span.speaker {background: url(../images/icons/speaker_on.gif) no-repeat 5px 50%}
#menu ul li a span.bubble {padding-left: 24px; background: url(../images/icons/bubble.gif) no-repeat 4px 4px}
#menu ul li a:hover span.bubble {background: url(../images/icons/bubble_on.gif) no-repeat 4px 4px}
#menu ul li a span.heart {padding-left: 20px; background: url(../images/icons/heart.gif) no-repeat 3px 50%}
#menu ul li a:hover span.heart {background: url(../images/icons/heart_on.gif) no-repeat 3px 50%}
#menu ul li a span.dollar {padding-left: 20px; background: url(../images/icons/dollar.gif) no-repeat 4px 50%}
#menu ul li a:hover span.dollar {background: url(../images/icons/dollar_on.gif) no-repeat 4px 50%}
#page {clear: both; float: left; width: 100%; margin-bottom: 6em; text-align: left}
#columns {margin: 0 auto}
.width {width: 776px}
.widthPad {width: 746px}
.width25 {width: 24%}
.width50 {width: 48%}
.width73 {width: 73%}
.width75 {width: 75%}
.width100 {width: 100%}
#footer {clear: both; float: left; width: 100%; height: 5em; margin-top: -5em}
#footer #bg {position: relative; height: 5em; margin: 0 auto; background: #49525B url(../images/bg/header.gif?1) repeat-x bottom left}
#footer #bg ul {float: right; margin: 3em 1em 0 0 !important; margin: 3em 0.5em 0 0; padding: 0}
#footer #bg ul li {display: inline; list-style: none}
#footer #bg ul li a {float: left; padding: 0 1em; font: 400 1em arial, sans-serif; letter-spacing: 0.1em; line-height: 0.8em !important; line-height: 1em; color: #4D5760; border-right: 1px solid #4D5760}
#footer #bg ul li a.last {padding-right: 0; border-right: 0}
#footer #bg ul li a:hover {color: #6C0}
#footer #bg img {position: absolute; top: 6%; left: 10px}
a.lightTheme img, a.darkTheme img, a.submitButton img {width: 20px; height: 20px; vertical-align: middle}
a.lightTheme img {background: url(../images/icons/light_light_theme.gif) no-repeat center center}
a.darkTheme img {background: url(../images/icons/light_dark_theme.gif) no-repeat center center}
a.submitButton img {background: url(../images/icons/light_submit.gif) no-repeat center center}
.post {float: left; width: 100% !important; width: 99%; position: relative; margin-bottom: 1.5em; border-bottom: 1px solid #CCCCCC}
.post .date {position: absolute; top: 0; left: 5px; width: 2.3em; text-align: right}
.post .date .month {text-transform: uppercase; font: 700 1.0em arial, sans-serif; color: #888}
.post .date .day {display: block; margin-top: -5px; font: 700 2.1em arial, sans-serif; color: #888}
.post .title {display: block; padding: 0 0 5px 0; font-size: 1.2em; font-weight: bold; color: #586B7A}
.post p {margin: 0 0 0 3.5em; padding: 0 0 1em 1.2em; border-left: 1px solid #CCCCCC}
ul.thumbs, ul.thumbs li {margin: 0; padding: 0}
ul.thumbs li {margin: 0 0 15px 0 !important; margin: 0; padding: 0px; list-style: none}
a.thumb img {border: 5px solid #ccc}
a:hover.thumb img {background: #8EB4C6; border: 5px solid #668FA3}
a:hover.thumb {background: none}
a.thumb span {display: block; margin-top: -5px !important; margin-top: -2px}
ul.submenu1, ul.submenu2 {margin: 0 0 20px 0; padding: 0}
ul.submenu1 li, ul.submenu2 li{ margin: 0; padding: 0; list-style: none; list-style-image: url(foo.gif)}
ul.submenu1 li a, ul.submenu2 li a {display: block; height: auto !important; height: 1%; padding: 1px 5px 1px 20px}
ul.submenu1 li a {background: url(../images/bg/submenu1.gif) no-repeat 5px 50%}
ul.submenu1 a:hover {color: #426F85; background: #B3C6C4 url(../images/bg/submenu1.gif) no-repeat 5px 50%}
ul.submenu2 li a {color: #426F85; background: url(../images/bg/submenu2.gif) no-repeat 3px 50%}
ul.submenu2 a:hover {color: #426F85; background: #B3C6C4 url(../images/bg/submenu2.gif) no-repeat 3px 50%}
.block {display: block}
.clear {clear: both}
.marginRight {margin-right: 15px}
.paddingLeft {padding-left: 5px}
.paddingRight {padding-right: 5px}
.floatLeft {float: left}
.floatRight {float: right}
.alignLeft {text-align: left}
.alignRight {text-align: right}
.alignTop {vertical-align: top}
.alignMiddle {vertical-align: middle}
.alignBottom {vertical-align: bottom}
.lightBlueBg {background-color: #EAF2F5}
.dark {color: #353E47}
.heightFix {min-height: 10px; height: auto !important; height: 100%}
html, body {height: 100%}
body {margin: 0; padding: 0; text-align: center; background: url(../images/bg/light_body.gif?1) repeat-y top center; font: 400 0.7em verdana, arial, sans-serif; line-height: 170%; color: #555}
h1, h2, h3, h4, h5, h6 {margin: 0 0 10px 0; padding: 0}
h1 {padding-bottom: 0.2em; font: 400 1.6em arial, sans-serif; color: #536C71; border-bottom: 12px solid #ddd}
h2 {font-size: 1.2em; color: #586B7A}
h3 {text-transform: uppercase; font-size: 0.9em; color: #5D6F73}
h4 {font-size: 0.85em}
h5 {font-size: 0.8em}
.horzPad h1, .horzPad h2, .horzPad h3, .horzPad h4, .horzPad h5, .horzPad p {padding-left: 5px; padding-right: 5px}
a {text-decoration: none; color: #3B5D77}
a.black {color: #000000}
a:hover {color: #668FA3}
a img {border: 0}
a img.border {border: 1px solid #FC3307}
a:hover img.border {border: 1px solid #668FA3 !important; border: 1px solid #FC3307}
img.floatRight {margin: 5px 0 10px 10px}
img.floatLeft {margin: 5px 10px 10px 0}
ul li {list-style-image: url(../images/bg/submenu1.gif?1)}
ol li {color: #668FA3}
ol li span {font-weight: normal; color: #444}
blockquote {margin: 0; padding: 0 20px; background: #E7F1F3; border-top: 1px solid #AAD3DB; border-bottom: 1px solid #AAD3DB}
form {padding: 0; margin: 0}
label {float: left; width: 25%; vertical-align: top}
input, textarea, select {padding: 1px; font: 400 1em verdana, sans-serif; color: #000; background: #FFF; border: 1px solid #000}
input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover {color: #000; background: #E7F1F3; border: 1px solid #888}
input.noBorder, input:focus.noBorder, input:hover.noBorder {padding: 0; border: 0}
input.button {padding: 2px 5px; font: 400 0.9em verdana, serif; cursor: pointer; color: #fff; background: #FC3307; border-width: 1px; border-style: solid; border-color: #FF7800 #691300 #691300 #FF7800}
input.radio {background: none; border: 0px}
//body {background: #ffffff url(/images/gradient.jpg) repeat-x; color: #333}
body, p, ol, ul, td {font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height: 18px}
pre {background-color: #eee; padding: 10px; font-size: 11px}
.fieldWithErrors {padding: 2px; background-color: red; display: table}
#errorExplanation {width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff}
#errorExplanation p {color: #333; margin-bottom: 0; padding: 5px}
#errorExplanation ul li {font-size: 12px; list-style: square}
div.uploadStatus {margin: 5px}
div.progressBar {margin: 5px}
div.progressBar div.border {background-color: #fff; border: 1px solid grey; width: 100%}
div.progressBar div.background {background-color: #333; height: 18px; width: 0%}
.pagination {padding: 3px; margin: 3px}
.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #aaaadd; text-decoration: none; color: #000099}
.pagination a:hover, .pagination a:active {border: 1px solid #000099; color: #99f}
.pagination span.current {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099; font-weight: bold; background-color: #000099; color: #FFF}
.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eee; color: #ddd}
#MB_overlay {position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000!important}
#MB_overlay[id] {position: fixed}
#MB_window {position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000}
#MB_window[id] {position: fixed!important}
#MB_frame {position: relative; background-color: #EFEFEF; height: 100%}
#MB_header {margin: 0; padding: 0}
#MB_content {padding: 6px .75em; overflow: auto}
#MB_caption {font: bold 100% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; padding: .5em 2em .5em .75em; margin: 0; text-align: left}
#MB_close {display: block; position: absolute; right: 5px; top: 4px; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px}
#MB_close:hover {background: transparent}
#MB_loading {padding: 1.5em; text-indent: -10000px; background: transparent url(/images/spinner.gif) 50% 0 no-repeat}
#MB_frame {padding-bottom: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
#MB_window {background-color: #EFEFEF; color: #000; -webkit-box-shadow: 0 8px 64px #000; -moz-box-shadow: 0 0 64px #000; box-shadow: 0 0 64px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
#MB_content {border-top: 1px solid #F9F9F9}
#MB_header {background-color: #DDD; border-bottom: 1px solid #CCC}
#MB_caption {color: #000 }
#MB_close {color: #777 }
#MB_close:hover {color: #000 }
.MB_alert {margin: 10px 0; text-align: center}