/*	Commerce Socials
	Master Screen Style Sheet
============================================================================ */

/*	Commerce Socials
	Master Screen Style Sheet
	BoxNinja Reset & Styles
============================================================================ */

/*	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, input, select, textarea,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: normal;
		font-style: normal;
		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: "" "";}
	em, i { font-style: italic; }
	strong, b { font-weight: bold; }
	label { cursor:pointer; }
	hr { display: none; }
	img { display: block; }

/*	Global Classes
---------------------------------------------------------------------------- */

	.hidden { display: none; }
	.invisible { visibility: hidden; }
	.clear { clear: both; }
	.clear-right { clear: right; }
	.clear-left { clear: left; }
	.float-left { float: left; }
	.float-right { float: right; }
	.matte { border: 1px solid #DDD; padding: 4px; }
	.img-left { float: left; padding: 0 20px 20px 0; }
	.img-left-sm { float: left; padding: 0 10px 10px 0; }
	.img-right { float: right; padding: 0 0 20px 20px; }
	.img-right-sm { float: right; padding: 0 0 10px 10px; }
	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.lowercase { text-transform: lowercase; }
	.uppercase { text-transform: uppercase; }
	.capitalized { text-transform: capitalize; }
	.smallcaps { font-variant: small-caps; }
	.text-left { text-align: left; }
	.text-right { text-align: right; }
	.text-center { text-align: center; }
	.text-justify { text-align: justify; }
	.inline { display: inline; }
	.block { display: block; }

/*	Typography
---------------------------------------------------------------------------- */
	
	/* General */
	body { font-size: 75%;}
	html>body { font-size: 12px; }
	
	/* Font Families*/
	body,
	.sans-serif { font-family: Arial, "Lucida Grande", Helvetica, Verdana, sans-serif; }
	.serif { font-family: "Times New Roman", Times, Georgia, serif; }
	.monospace { font-family: Monaco, "Andale Mono", Courier, "Courier New", monospace; }
	
	/* Headlines */
	h1,h2,h3,h4,h5,h6 { color: #000; }
	h1 { font-size: 3.333em;  line-height: 1.000em;  margin: 0 0 .5em 0; }
	h2 { font-size: 2.499em;  line-height: 0.666em;  margin: 0 0 0.666em 0; letter-spacing:-1px; color:#5CBEE5; }
	h3 { font-size: 1.666em;  line-height: 1.000em;  margin: 1em 0; clear:both; display:block; }
	h2.tab, h4 { font-size: 1.249em;  line-height: 1.333em;  margin: 1.333em 0; color:#000; clear:both; display:block; }
	h5 { font-size: 1.249em;  line-height: 1.333em;  margin: 1.333em 0;  }
	h6 { font-size: 1.249em;  line-height: 1.333em;  margin: 1.333em 0;  }
	
	/* Paragraphs and Body Copy */
	p,span,q { color: #1b3038; font-size: 1em; line-height: 1.666em; margin: 1.666em 0; }

	small, .small { font-size:0.8333em; line-height: 2em; }
	big { } /* Note: Any size above 1.666em currently creates 1px increase in line height. Bug? */
	.footnote { margin: .25em 0; font-size: .833em; line-height: 1.66em; }

	hr { display: block; color:#000; background:#ddd; height: 1px; border: none; margin: -1px 0 0 0; clear:both; overflow: hidden; }
	hr { display:none; }
	
	/* Links */
	a { color: #2E7E9F; }
	a:hover { color: #1b3038; }
	
	/* Quotations and Cites */
	blockquote { margin: 0 1.666em; }
	blockquote cite { display: block; margin: 0.833em 0 0 0; }
	cite { font-style: italic; }
	
	/* Monospaced */
	code, pre, kbd, tt, samp, var { margin: 1.666em 0; font-size: 0.833em; line-height: 1em; color: #222; font-family: Monaco, "Andale Mono", Courier, "Courier New", monospace; }
	code { display:block; background: #eee; padding:10px; }
	pre { background: #eee; }
	
	/* Lists */
	ul,ol,li,dl,dd,dt { color: #555; font-size: 1em; line-height: 1.666em; margin: 1.666em 0; }
	ul ul, ul ol, ol ul, ol ol { margin: 0; }
	ul { list-style:disc outside; }
	ul.none { list-style:none; }
	ol { list-style: decimal; }
	ul li, dd { margin: 0 1.666em; }
	ol li { margin: 0 3.333em; }
	dd,dt { color: #555; font-size: 1em; line-height: 1.666em; margin:0; }

	/* Tables */
	table { color: #555; font-size: 1em; line-height: 1.666em; margin: 1.666em 0; width:100%; }
	table caption { }
	table thead {}
	table tbody {}
	table tfoot {}
	tr { }
	th { font-size: 1em; line-height: 1.666em; margin: 1.666em 0; padding: 0 1.666em 0 0; font-weight:bold; color:#333; }
	td { font-size: 1em; line-height: 1.666em; margin: 1.666em 0; padding: 0 1.666em 0 0; }
	
	/* Accronyms and Abbreviations */
	abbr, acronym { cursor: help; text-transform: lowercase; font-variant: small-caps; font-size: 1.166em; font-style: italic; line-height: 1em; letter-spacing: 0.083em; }
	
	/* Deletions and Insertions */
	del { color: #999; }
	ins { color: #222; }
	del, ins { cursor: help; }
	
	/* Subscript and Superscript */
	sub { position: relative; top: 0.5em; font-size: 0.8333em; }
	sup { position: relative; bottom: 0.5em; font-size: 0.8333em; }
	
	/* Definition */
	dfn { font-style: italic; cursor: help; }

/*	Navigation
---------------------------------------------------------------------------- */

	/* Horizontal */
	ul#nav-horiz { clear: both; overflow: hidden; list-style: none; }
	ul#nav-horiz li { display: block; float: left; margin: 0 0.833em 0 0; }
	ul#nav-horiz li a { display: block; height: 2.499em; line-height: 2.499em; padding: 0 0.833em; background: #EEE; }
	ul#nav-horiz li a:hover, ul#nav-horiz li.selected a { background: #888; color: #FFF; }
	
	/* Vertical */
	ul#nav-vert { clear: both; overflow: hidden; list-style: none; }
	ul#nav-vert li { display: block; float: left; margin: 0 0 0.833em 0; clear: left; }
	ul#nav-vert li a { display: block; height: 2.499em; line-height: 2.499em; padding: 0 0.833em; background: #EEE; }
	ul#nav-vert li a:hover, ul#nav-vert li.selected a { background: #888; color: #FFF; }
	ul#nav-vert > li:last-child { margin: 0; } /* Note: Not Supported in -IE6 */

/*	Forms
---------------------------------------------------------------------------- */

	form { overflow:hidden; margin: 0 0 1.666em 0; width:100%; }
	form legend { display: none; }	
	form dl { float:left; display:block; margin: 1em  0; padding: 0; width:100%; }
	form dl dt, form dl dd { float:left; margin:0; padding:0; overflow:hidden;  }
	form dl dt { clear:left; padding: 0 10px 0 0; }	
	form dl dt label { padding: 0; display: block; width: 12em; font-size: 1em; line-height: 1.666em; }	
	form dl dd { clear:left; margin: 0 0 10px 0; }	
	form dl dd input, form dl dd textarea, form dl dd select { background: #e1f4d2; }
	form dl dd input:focus, form dl dd textarea:focus { background: #c9eaaf; color: #1b3038;}
	form dl dd input { height: 1.666em; line-height: 1.666em;  }	
	form dl dd select { height: 1.666em; }
	form dl dd select:focus option.message { display: none; }	
	form dl dd textarea { line-height: 1.666em; height: 80px; width:330px; }
	form dl > dd:last-child, form dl > dt:last-child { margin: 0; } /* Note: Not Supported in -IE6 */

	/* Buttons and Submit Inputs */
	button,
	input.submit,
	input.submit-pink { clear:both; margin: 2em 0 0 0; border:0; padding: 0.416em; height: auto; background:#5CBEE5; text-transform: uppercase; }
	input.submit-pink { background:#FF6DC6; }


dt.error { border:1px solid #84F729; padding: 0 5px; background:#84F729; }
dd.error input,
dd.error textarea { border: 1px solid #84F729; padding: 0 5px; }

input { border-bottom: 1px solid #84F729; padding: 0 5px; }
textarea { border: 1px solid #84F729; padding: 0 5px; }





/*	Layout
---------------------------------------------------------------------------- */

	/* General */
	body { padding: 0 0 0 0; background: #1b3038 url(/public/images/template/body_bg.png) repeat-x center top; }

	/* Menu */
	#menu { clear:both; }
	#menu h1 { display:none; }
	#menu #nav { margin: 0 auto; height:100px; width:820px;  }
	#menu #nav li { display:block; float: left; margin: 26px 20px 0 0; padding:0; list-style:none; }
	#menu #nav li a { display:block; float: left; margin: 0; text-decoration:none; text-transform:uppercase; color:#fff; line-height:1em;  }
	#menu #nav li a:hover { color:#5CBEE5; }
	#menu #nav li a.current { color:#84F729; }
	#menu #nav li.home { margin: 0; }
	#menu #nav li.events { margin: 26px 20px 0 20px; }
	#menu #nav li.home a,
	#menu #nav li.home a:hover { width:360px; height:115px; background: url(/public/images/template/menu_home_bg.png) no-repeat 0px 0px; text-indent: -30000px; }
	#menu #nav li.promo-squad-contests {}
	#menu #nav li.promo-squad-contests a { width: 9em; }

	/* Main Content */
	div#wrapper { clear: both; width:820px; margin: 0 auto; }
	div#wrapper div.section { clear:both; margin: 0 20px 2em 20px; padding: 3.333em 20px 1.666em 40px; background: #fff url(/public/images/template/box_bg.jpg) no-repeat 0px 0px; }
	div#wrapper div#content.section { background: #fff url(/public/images/template/bg.jpg) no-repeat 0px 0px; }
	div#wrapper div#content.section div.block { display:block; overflow:hidden; }

	h2.tab { display:inline; margin-left: -60px; margin-bottom: 1.66em;  padding: 5px 10px; background: #84F729; text-transform: uppercase; letter-spacing:-1px; }
	h4 { display:block; margin:0; padding: 5px 10px; text-transform: uppercase; letter-spacing:-1px; }

	.highlight-blue { background: #5CBEE5; }
	.highlight-green { background: #84F729; }
	.highlight-pink { background: #FF6DC6; }
	.highlight-grey { background: #ccc; }

div.event_next { clear:both; margin: 20px 20px 0 0; }
div.event_next h3 { clear:both; margin-top: 0; }

	.parentpage { display:inline; float:right; margin-right: -40px; padding: 5px 10px; background: #5CBEE5; color:#fff; text-decoration: none; text-transform: uppercase; letter-spacing:-1px; font-size:1.25em; }
	.more { display:inline-block; padding: 5px 10px; background: #5CBEE5; color:#000; text-decoration:none; text-transform: uppercase; letter-spacing:-1px; }
	.more:hover { color:#fff; }
	.date { text-transform: uppercase; color:#FF6DC6; }

	.columns_three li,
	.columns_three div { float:left; margin: 0 20px 20px 0; width:220px; list-style: none; }
	.columns_two { }
	.columns_two div.left { clear:both; float:left; margin: 0 20px 20px 0; width:340px; }
	.columns_two div.right { float:left; margin: 0 20px 20px 0; width:340px; }

	ol#events_list { list-style:none; margin: -24px 0 0 0; padding: 0; }
	ol#events_list.columns_three h3 { font-size:1.33em; margin: 0; }
	ol#events_list.columns_three dl { margin: 1em 0 2em 0; }
	ol#events_list.columns_three dt,
	ol#events_list.columns_three dd { clear:both; margin: 0 0 .33em 0; }
	ol#events_list.columns_three img { margin:0; width:220px; height:150px; background:#ccc; }

	/* Footer */
	div#footer_wrapper { display: block; overflow: hidden; clear: both; margin: 0 auto; padding: 0 0 40px 0; width:780px; font-size:.833em; }
	div#footer_wrapper div.content span { display:block; margin: 0 auto; padding:0; line-height:1em; text-align: center;  }
	div#footer_wrapper div.content span.copyright { color:#ccc; }
	div#footer_wrapper div.content span.madeby { }
	div#footer_wrapper div.content a { }
	div#footer_wrapper div.content a:hover { color: #ccc; text-decoration: none; }

	#footer_nav { clear:both; overflow:hidden; display:block; margin: 0 auto; padding: 0 0 .66em 0; width:320px; list-style:none; }
	#footer_nav li { float:left; margin: 0 10px 0 0; }


div.event_next { margin: -24px 20px 0 0; }
div#content p { padding: 0 20px 0 0; }


/* ----- SHUTTER ----- */
#shNavBar { font: normal 12px/12px 'Lucida Grande', Verdana, sans-serif; /* font for text buttons and image numbers */ color: #222; /* colour for the image numbers */ position: fixed; left: 0; bottom: 0; background-color: #84F729; width: 100%; padding: 4px 0 5px; text-align: center; cursor: pointer; z-index: 1011; }
* html #shNavBar { _position: absolute; _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight : document.body.scrollTop+document.body.clientHeight-this.clientHeight); _left: expression(eval(document.compatMode&&document.compatMode=='CSS1Compat') ? document.documentElement.scrollLeft : document.body.scrollLeft); }#shNavBar * { display:inline; }
#shNavBar a { color: #aaf; text-decoration: none; } /* colour for the text buttons */
#shNavBar a:hover { color: #fff; } /* highlight colour for the text buttons */
#shDisplay div#shTitle { font: normal 12px/17px 'Lucida Grande', Verdana, sans-serif; color: #ffffff; text-align: center; margin: 0 auto; display:none; } /* caption font */
#shShutter *, #shDisplay * { padding: 0; margin: 0; }
#shShutter, #shDisplay { top: 0; left: 0; width: 100%; position: absolute; }
#shShutter { height: 100%; z-index: 1000; background-color: #000000; opacity: 0.8; filter:alpha(opacity=80); }
#shDisplay { display: block; background-color: transparent; z-index: 1002; }
#shDisplay img#shTopImg { margin: 0 auto; background: transparent; display: block; max-width: none; max-height: none; }
#shDisplay #shWrap { visibility: hidden; }
#shWaitBar { position: absolute; width: 100px; left: 50%; margin-left: -50px; margin-top: 120px; }
#shWaitBar img { border: 0; }
#fullSize { display: none; }
#shNavBar img { border: 0; vertical-align: middle; margin: 0 2px; opacity: 0.6; filter: alpha(opacity=60); }
#shNavBar img:hover { opacity: 0.999; filter: alpha(opacity=100); }



div.block,
div.block-right { float:left; margin: 0 20px 0 0; width:340px; }
div.block-right { float:left; margin:0; width:340px; }