/* Do not edit this file directly.  It was generated using Compass.  Use Compass to make changes! */
/* ------------------------------ */
/* .          CSS Reset           */
/* ------------------------------ */
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: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

/* ------------------------------ */
/* .    Blueprint Typography      */
/* ------------------------------ */
body { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; }

h1 { font-weight: normal; color: #222222; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h1 img { margin: 0; }

h2 { font-weight: normal; color: #222222; font-size: 2em; margin-bottom: 0.75em; }

h3 { font-weight: normal; color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4 { font-weight: normal; color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { margin: 0 0 1.5em; }
p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a { text-decoration: underline; color: #000099; }
a:visited { color: #000066; }
a:focus { color: black; }
a:hover { color: black; }
a:active { color: #cc0099; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul, li ol { margin: 0 1.5em; }

ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }

ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-bottom: 1.4em; width: 100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

.quiet { color: #666666; }

.loud { color: #111111; }

/* ------------------------------ */
/* .        Overall layout        */
/* ------------------------------ */
html body #container { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; }
html body #container { display: block; }
html body #container #header { display: inline; float: left; margin-right: 10px; width: 950px; }
* html html body #container #header { overflow-x: hidden; }
html body #container #mainNav { display: inline; float: left; margin-right: 10px; width: 950px; }
* html html body #container #mainNav { overflow-x: hidden; }
html body #container #main { display: inline; float: left; margin-right: 10px; width: 950px; }
* html html body #container #main { overflow-x: hidden; }
html body #container #main #subNav { display: inline; float: left; margin-right: 10px; width: 190px; }
* html html body #container #main #subNav { overflow-x: hidden; }
html body #container #main #contentContainer { display: inline; float: left; margin-right: 0; width: 750px; width: 733px; }
* html html body #container #main #contentContainer { overflow-x: hidden; }
html body #container #main #contentContainer .contentTitle { display: inline; float: left; margin-right: 10px; width: 750px; width: 733px; }
* html html body #container #main #contentContainer .contentTitle { overflow-x: hidden; }
html body #container #main #contentContainer #superInfo { display: inline; float: left; margin-right: 10px; width: 750px; width: 733px; }
* html html body #container #main #contentContainer #superInfo { overflow-x: hidden; }
html body #container #main #contentContainer #superInfo #content { display: inline; float: left; margin-right: 10px; width: 550px; }
* html html body #container #main #contentContainer #superInfo #content { overflow-x: hidden; }
html body #container #main #contentContainer #superInfo #sidebar { display: inline; float: left; margin-right: 0; width: 190px; width: 173px; }
* html html body #container #main #contentContainer #superInfo #sidebar { overflow-x: hidden; }
html body #container #main #contentContainer #subInfo { display: inline; float: left; margin-right: 0; width: 750px; width: 733px; }
* html html body #container #main #contentContainer #subInfo { overflow-x: hidden; }
html body #container #footer { display: inline; float: left; margin-right: 10px; width: 950px; }
* html html body #container #footer { overflow-x: hidden; }

/* ------------------------------ */
/* .  Our Default element styles  */
/* ------------------------------ */
a { text-decoration: none; color: #c4f3ff; }
a:hover { text-decoration: underline; }

ul li { list-style-type: none; margin-left: 0px; }

body { background-color: #cccccc; }

/* ------------------------------ */
/* .        Page styling          */
/* ------------------------------ */
#container { background-color: white; }

#header { background-color: #ffefe5; }
#header .site_logo { margin-top: 10px; margin-bottom: 10px; margin-left: 20px; float: left; }
#header .site_banner { margin-top: 20px; margin-bottom: 20px; margin-right: 20px; float: right; border: 1px solid #ff6600; }

#mainNav { background-color: #ff6600; border-bottom: 2px solid #ffefe5; }
#mainNav ul { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; overflow: visible; }
#mainNav ul { display: block; }
#mainNav ul li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
#mainNav ul li.first { padding-left: 0px; }
#mainNav ul li.last { padding-right: 0px; }
#mainNav ul li { position: relative; text-align: center; width: 85px; padding: 0px; border-left: 1px solid #ffefe5; }
#mainNav ul li a { font-weight: bold; color: #000000; display: block; width: 100%; height: 100%; }
#mainNav ul li:first-child { border-left: 0px none; }
#mainNav ul li:first-child ul { border-left: 1px solid #00ccff; }
#mainNav ul li.currentSection { background-color: #00ccff; }
#mainNav ul li:hover { background-color: #00ccff; }
#mainNav ul li:hover ul { display: block; }
#mainNav ul li ul { position: absolute; left: 0px; top: 1.5em; display: none; border: 1px solid #00ccff; width: 170px; }
#mainNav ul li ul li { padding-left: 5px; padding-right: 5px; text-align: left; background-color: #f0fcff; width: 158px; }
#mainNav ul li ul li:first-child { padding-left: 6px; }
#mainNav ul li ul li:hover { background-color: #00ccff; }
#mainNav ul li ul li:hover a { color: #000000; }
#mainNav ul li ul li a { color: #666666; display: block; width: 100%; height: 100%; }

#main { border-top: 3px solid #00ccff; padding-top: 4px; border-bottom: 1px solid #ff6600; }

#subNav { text-align: left; padding-top: 4px; }
#subNav ul { width: 165px; margin-top: 10px; }
#subNav ul li .menuTitle { display: block; width: 165px; border-top: 1px solid #00ccff; border-bottom: 4px solid #00ccff; }
#subNav ul li .menuTitle a { text-transform: lowercase; font-weight: bold; padding-left: 3px; color: #00ccff; display: block; width: 100%; height: 100%; }
#subNav ul li ul { margin-left: 0px; margin-top: 2px; }
#subNav ul li ul li { margin-top: 2px; background-color: #f0fcff; border: 1px solid #00ccff; }
#subNav ul li ul li a { padding-left: 3px; color: #666666; text-transform: uppercase; font-weight: bold; display: block; width: 100%; height: 100%; }
#subNav ul li ul li a:hover { color: black; text-decoration: none; }

#contentContainer { margin-top: 14px; border-top: 1px solid #ff6600; text-align: left; padding-bottom: 13px; }
#contentContainer .contentTitle { display: block; text-transform: uppercase; font-weight: bold; margin-top: 5px; margin-bottom: 10px; color: #999999; }

#superInfo { border-bottom: 1px solid #ff6600; padding-bottom: 13px; margin-bottom: 0px; }

#content { margin: 0px; padding: 0px; }

#sidebar { margin: 0px; padding: 0px; }

#subInfo { margin: 0px; padding: 0px; }

#footer { border-top: 50px solid #f0fcff; }
#footer .copyright { color: #cccccc; padding: 10px 0px 15px 10px; float: left; }
#footer .timings { padding: 10px 10px 15px 0px; float: right; }
#footer .timings a { color: #0099ff; }

/* ------------------------------ */
/* .    Main Content styling      */
/* ------------------------------ */
.pagetext { background-color: #f9f9f9; padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; border-top: 1px solid #cccccc; border-bottom: 2px solid #c4f3ff; }

/* ------------------------------ */
/* .    subInfo Content Styling   */
/* ------------------------------ */
/* ------------------------------ */
/* .    Sidebar Content Styling   */
/* ------------------------------ */
#globalStats .sidebarInfoTitle, #bannerAdContestStats .sidebarInfoTitle { display: block; padding-top: 1px; padding-bottom: 1px; border-top: 1px solid #cccccc; border-bottom: 4px solid #cccccc; font-size: 1em; font-weight: bold; text-transform: lowercase; padding-left: 5px; color: #ff6600; float: left; width: 168px; }
#globalStats .sidebarInfoContent, #bannerAdContestStats .sidebarInfoContent { border: 1px solid #cccccc; padding: 10px; width: 151px; margin: 0px; margin-top: 1px; margin-bottom: 13px; float: left; font-size: .9em; }
#globalStats .sidebarInfoContent a, #bannerAdContestStats .sidebarInfoContent a { color: #0099ff; }
#globalStats .sidebarInfoContent li, #bannerAdContestStats .sidebarInfoContent li { float: left; width: 100%; }
#globalStats .sidebarInfoContent li .sidebarInfoItem, #bannerAdContestStats .sidebarInfoContent li .sidebarInfoItem { float: left; }
#globalStats .sidebarInfoContent li .sidebarInfoValue, #bannerAdContestStats .sidebarInfoContent li .sidebarInfoValue { float: right; color: #999999; }