/* 
  global.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, .stdForm, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, figure, footer, header, 
hgroup, nav, section, video { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

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

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */


/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages

There are three custom edits:
 * remove arial, helvetica from explicit font stack
 * make the line-height relative and unit-less
 * remove the pre, code styles
*/
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.2308; font-family: arial, helvetica, sans-serif }

table { font-size:inherit; font:100%; }

select, input, textarea { font:99% sans-serif; }


/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 


/* 
 * minimal base styles 
 */



body, select, input, textarea { color:#333; }

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
 

h1,h2,h3,h4,h5,h6, .h1, .h2, .h3, caption { font-weight: bold;color: #cc092f;}

h2, h3, h4 { color: #2F6700 }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color:#274fa3; }
a:hover { color:#007de5; }


ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }

small { font-size:85%; }
strong, th { font-weight: bold; }
th { text-align: left }
td, td img { vertical-align:top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/.stdFormatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   */
::-moz-selection{ background: #d60d8c; color:#fff; text-shadow: none; }
::selection { background:#d60d8c; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #d60d8c; } 



html { 
	/* always force a scrollbar in non-IE */
	overflow-y: scroll;
	background: #4a83c7 url(css-images/html-background.jpg); 
}

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }





 /* Primary Styles
    Author: Noah Feldman
 */
@font-face {
	font-family: 'Christmas';
	src: url('/assets/site/fonts/chrioc.eot?v=2');
	src: local('☺'), url('/assets/site/fonts/chrioc.woff?v=2') format('woff'), url('/assets/site/fonts/chrioc.ttf?v=2') format('truetype'), url('/assets/site/fonts/chrioc.svg#webfontGPW0EVGX?v=2') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
	position: relative; /* necessary to set overflow */
	overflow-x: hidden;
	background-color: transparent;
    background: -moz-linear-gradient(top, rgba(27,55,112,1) 0%, rgba(14,28,56,0) 50%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,55,112,1)), color-stop(50%,rgba(14,28,56,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(27,55,112,1) 0%,rgba(14,28,56,0) 50%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(27,55,112,1) 0%,rgba(14,28,56,0) 50%,rgba(0,0,0,0) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(27,55,112,1) 0%,rgba(14,28,56,0) 50%,rgba(0,0,0,0) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3770', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(27,55,112,1) 0%,rgba(14,28,56,0) 50%,rgba(0,0,0,0) 100%); /* W3C */
}
 
body.ie7 , body.ie8  {
    filter: none;
	background: transparent url(css-images/body-background.png) repeat-x left top;
}
#main img {
	max-width: 100%;
}

h1, .h1 {
	font-size: 138.5%;
	line-height: 123.1%;
	text-shadow: 1px 1px 2px rgba(68, 68, 68, 0.68);
	margin-bottom: 0.889em
}

h1 > a {
	color: #cc092f
}
h2, table caption {
	font-size: 1.154em;
	margin-bottom: 1.067em;
}

p, ul, nav, dl, table, section, .stdForm {
	margin-bottom: 1.231em
}

nav .current {

}

dt {
	font-weight: bold;
	margin-top:  1.231em;
}

dt:first-child {
	margin-top: 0
}
dd {
	margin-left: 30px
}


#container {
	width: 96%;
	margin: 0 auto;
	max-width: 960px;
	background: #fff;
	padding: 1.538em; /* 20px */
	overflow: hidden
}

header, footer, #sponsors {
	width: 100%;
	margin: 0 auto;
	max-width: 1000px;
	background: transparent
}


header {
	position: relative;
	height: 270px;
}
/* original
header > h3 {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	background: #FFF;
	color: #2F6700;
	font-size: 15px;
	padding: 10px 0 25px 0;
	z-index: 1
} */

header > .background {
	position: absolute;
    display: block;
    height: 40px;
	bottom: 0;
	width: 100%;
	text-align: center;
	background: #FFF;
	color: #2F6700;
	font-size: 15px; /* 20px; */
	padding: 10px 0 25px 0;
	z-index: 1
}

header > nav {
	position: relative;
	width: 95%;
	margin: auto;
	top: 165px;
	font-size: 18px;
	color: #faf6d3;
	z-index: 10
}

header > .hidden + nav {
	width: 100%;
}
header > nav > ul {
	width: 803px;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	border-top: 1px solid #ff0d3d;
	border-bottom: 1px solid #990624;
}
header > nav, 
header > nav li,
#pager > li,
#secondary > nav > .navlist > li,
#secondary > nav > .navlist > li > a,
.button:hover {
	background-color: #990624;
	background-image: -moz-linear-gradient(top, #ff0d3d, #990624); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ff0d3d),color-stop(1, #990624)); 
		  -ms-filter: "progid:DXImagetransform.Microsoft.gradient(startColorStr='#ff0d3d', EndColorStr='#990624')"; 
			  filter:  progid:DXImagetransform.Microsoft.gradient(startColorStr='#ff0d3d', EndColorStr='#990624'); 
}


.ie7 nav > ul {
	overflow: visible
}

header > nav li {
	float: left;
	display: inline-block;
	/* max-width: 20%; */
	border-bottom: 1px solid #990624;
	border-left: 1px solid #990624;
}

header > nav li:first-child {
	border-left: 0;
	margin-left: 1px
}

header > nav .current {
	border-left: 1px solid #cc092f;
}


header > nav .current:first-child {
	border-left: 0
}
nav a {
	display: block;
	color: #faf6d3;
}

header > nav a {
	padding: 15px 12px;
	text-decoration: none;
	text-shadow: 2px 2px 2px rgba(92, 12, 13, 0.75);
	font-weight: bold;
}

header > nav a:visited, 
header > nav a:active, 
header > nav a:focus, 
header > nav a:hover {
	color: #faf6d3;
}

header > nav a:active, 
header > nav a:focus, 
header > nav a:hover {
	text-shadow: -1px -1px 0px rgba(92, 12, 13, 0.9);
}

header > nav > ul, 
header > nav li:hover, 
header > nav li:focus, 
header > nav li:active, 
header > nav .current,
#pager > .current,
#secondary > nav > .navlist > .current,
#secondary > nav > .navlist > .current > a,
.button:active,
.button:focus  {
	background-color: #ff0d3d;
	background-image: -moz-linear-gradient(top, #cc092f, #ff0d3d); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cc092f),color-stop(1, #ff0d3d)); 
		  -ms-filter: "progid:DXImagetransform.Microsoft.gradient(startColorStr='#cc092f', EndColorStr='#ff0d3d')";
			  filter:  progid:DXImagetransform.Microsoft.gradient(startColorStr='#cc092f', EndColorStr='#ff0d3d'); 
}

/* BRANDING */
#logo {
	position: absolute;
	width: 18.75%;
	padding: 40px 650px 20px 70px;
	margin-top: -40px;
	margin-left: 30px;
	top: 76px;
	background: url(css-images/sno_ani05.gif);
}

#slogan {
	position: absolute;
	z-index: 50;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 200%;
	margin-left:  0;
    text-align: center;
    width: 100%;
    display: block;
	top: 230px
}

#bene {
	position: absolute;
	z-index: 50;
	font-family: Arial, sans-serif;
    color: #FFF;
	font-size: 11px;
	margin-left:  13px;
	top: 5px
}
.ie7 #logo, .ie7 #slogan {

}

/* trees */
header img {
	min-width: 180px
}

header > img {
	position: absolute;
	min-width: 96px;
	bottom: 0;
	z-index: 20
}

header > h2 + img {
	left: -1.846em;
}

header > img + img {
	width: 10%;
	right: -1.846em
}

footer {
	font-size: 10px;
	padding: 2em 0 0 3em;
	clear: both
}

footer > p {
	font-size: 1.1em;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}

footer a, 
footer a:active, 
footer a:visited {
	padding: 4px 30px;
	color: #FFF;
	text-decoration: none
}
footer a:hover {
	color: #FFF;
	text-decoration: underline
}

footer > p > a:first-child {
	padding-left: 5px
}

/* page curl */
#support {
	z-index: 100
}
.ie7 #support {
	zoom: 1;
	position: relative;
	z-index: 1000
	
}
#support img {
	width: 94px; 
	height: 100px;
	z-index: 70;
	position: absolute;
	right: 0; 
	top: 0;
	-ms-interpolation-mode: bicubic;
}
#support > div {
	background: url(/assets/site/images/reveal.png) no-repeat right top;
	display: block;
	width: 90px; 
	height: 90px;
	overflow: hidden;
	position: absolute;
	right: 0; 
	top: 0;
	z-index: 60;
}




/* CONTENT */
#main {
	width: 65.625%;
	margin-right: 10px;
	float: right;
}

#main.single {
	width: 100%;
	float: none;
}

#index #main h1 {
	margin-left: 50%
}

#index h1 + #features {
	margin-top: -40px;
	margin-bottom: 2em
}

#main #features h1 {
	margin-left: 0
}

#features {
	position: relative;
	background: #bbb;
	width: 460px;
	height: 300px;
	float: left;
	margin-right: 20px;
}


#features > div:first-child {
	position: relative;
	display: block;
	width: 460px;
	height: 300px;
	overflow: hidden
}

#features > div > section {
	position: absolute;
	top: 3px;
	left: 4px;
	width: 432px;
	height: 235px;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
}

#features > div > section img {
	float: left
}

#features > div > section p {
	margin-top: 2em
}

#features a {
	color: #f2f2f2;
	font-weight: 400;
	text-decoration: none;
	border-bottom: 1px solid
}

#features a:hover,
#features a:active,
#features a:focus {
	color: #faf6d3
}

#pager {
	position: absolute;
	margin: 0;
	left: 4px;
	width: 451px;
	padding: 1px 0 1px 1px;
	bottom: 1px;
	z-index: 100;
	overflow: hidden;
	background: #391f4a
}


#pager > li {
	list-style: none;
	float: left;
	height: 42px;
	margin-left: 1px;
	cursor: pointer;
	vertical-align: top
}

#pager > li > h2 {
	padding: 2px 5px;
	font-size: 11px;
	line-height: 1.1;
	color: #faf6d3;
	text-align: center;
	text-decoration: none;
	text-shadow: 2px 2px 2px rgba(92, 12, 13, 0.75);
	font-weight: bold;
}

#pager > .current > h2 {
	text-shadow: -1px -1px 0px rgba(92, 12, 13, 0.9);
}

#pager > li:first-child {
	margin-left: 0
}

#pager img {
	height: 98%;
	margin: 1%;
	float: left
}

#pager h2 {
	margin: 3px 5px 5px 5px
}

#features h1 {
	margin-left: 0
}


/* SIDEBAR */
#secondary {
	float: left;
	width: 28.125%;
	padding-left: 0.769em
}

#secondary > nav > h2 {
	margin-bottom: 0;
	padding: 1em;
}

#secondary > nav > h2 > a {
	color: #333;
	text-decoration: none
}

#secondary > nav > ul {
	margin: 0 1px;
	border: 1px solid #379809;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
	border-radius: 2px
}
#secondary > nav > .navlist {
	border: 1px solid #ff0d3d
}
#secondary > nav > ul > li {
	margin: 1px
}

#secondary > nav li > a {
	background: #2F6700;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	padding:  1em;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
	border-radius: 2px
}
#secondary > nav > ul > li > a:visited { color: #faf6d3 }

#secondary > nav > ul li > a:hover, 
#secondary > nav > ul li > a:active, 
#secondary > nav > ul li > a:focus,
#secondary > nav > ul > li.current > a:hover, 
#secondary > nav > ul > li.current > a:active, 
#secondary > nav > ul > li.current > a:focus {
	background: #E9D666;
	color: #333
}

#secondary > nav > ul li.current > a {
	background: #faf6d3;
	color: #333
}
#secondary > nav .navlist > .current > a {
	color: #faf6d3
}

#secondary .block {
	background: #7777cc;
	clear: both;
	padding: 1.231em 0;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 1.4
}

#secondary p { color: #fff; font-weight: bold }

#secondary .block p > a {
	color: #e9d666;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid
}

#secondary .block p > a:hover, 
#secondary .block p > a:active, 
#secondary .block p > a:focus {
	color: #fff
}

#secondary .block > a > img {
	display: block;
	margin: 0 auto;
	padding: 0;
	max-width: 90%
}

#secondary .block > p {
	font-size: 1em;
	margin: 8px 0;
	padding: 0 1em;
}

/* all of this needs to be re-written, the original was done in a rush */
/* SPONSORS */
#sponsors {
	position: relative;
	clear: both;
	float: none;
	height: 170px;
	padding: 1% 0;
	background: #fff;

}
#sponsors > h1, #sponsors p { padding-left: 20px }

#sponsors > h1, #sponsors > h1 + p {
	display: inline;
}

#sponsors > div,
#slideshow > div {
	position: relative;
	bottom: 0;
	width: 96%;
	height: 120px;
	margin: 0.5% 2%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
#slideshow > div { height: 175px; margin: 0; width: 100% }

#sponsors > div > a, 
#sponsors > div > img {
	display: block;
	position: absolute;
	z-index: 100;
	background: #a1a1a1;
	width: 120px;
	height: 120px
}

#sponsors > div > ul,
#slideshow > div > ul {
	position: absolute;
	width: 1000000px;
	z-index: 50;
	bottom: 0;
	left: 120px;
	line-height: 0;
	margin: 0;
	list-style: none;
	background: #fff
}
#slideshow,
#slideshow > div > ul {
	height: 175px; 

	left: 0 
}
#slideshow > div > ul > li { 	 }
#sponsors > div > ul > li,
#slideshow > div > ul > li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0
}

#slideshow img {
	max-width: 260px;
	padding: 4px;
	border-right: 1px solid #a1a1a1;
	border-top: 0;

}

/* #media-gallery # */
#slideshow {
	margin-bottom: 0;
	border: 1px solid #a1a1a1;
}
#sponsors > div > ul a {
	display: block;
	padding: 0 10px;
	border-right: 1px solid #a1a1a1;
}

#sponsors > div .left-gradient-mask {
	position: absolute;
	height: 120px;
	width: 20px;
	display: block;
	left: 120px;
	z-index: 100;
}
#media-gallery #fancybox-img {
	width: 100%;
	height: %66.9791667
}
.thumbs > li {
	width: 120px;
	height: 120px;
	padding: 4px;
	margin-right: 40px
}

.gallery {
	padding: 0;
	margin: 0;
	margin-left: -30px;
}
.ie7 .gallery {
	width: 660px
}
#media-gallery.ie7 .gallery > li > a > img {
	min-width: 270px;
	width: 270px;
	max-width: 270px;
}
.gallery > li {
	float: left;
	line-height: 0;
	margin-left: 30px;
	margin-bottom: 25px;
	list-style: none
}

.gallery p {
	font-size: 0.846em;
	padding: 1.273em 0.727em;
	margin: 0;
	margin-top: 0.364em;
	border: 1px solid #d6e2f2;
	background: #f5f9ff
}
/* .stdFormS */
.stdForm {
	width: 60%;
}

.stdForm ul, .stdForm li {
	list-style: none;
	margin: 0
}

.stdForm li {
	width: 100%;
	margin: 2% 0
}

.ie7 .static { display: block }

.hasJS .stdForm label {
	position: absolute;
}

.stdForm label {
	font-size: 0.846em;
	color: #444;
	margin-left: 4px;
	padding-top: 0.6%
}

.stdForm label.static {
	margin-left: 0
}

.stdForm input, .stdForm textarea {
	border: 1px solid #54d449;
	width: 90%;
	padding: 1%;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: rgba(84, 212, 73, 0.5) 0 0 2px;
	-webkit-box-shadow: rgba(84, 212, 73, 0.5) 0 0 2px;
	box-shadow: rgba(84, 212, 73, 0.5) 0 0 2px;
}

.stdForm li > input[type=text]:focus, .stdForm li > input[type=text]:active, .stdForm textarea:focus, .stdForm textarea:active {
	-moz-box-shadow: rgba(84, 212, 73, 0.9) 1px 1px 5px, rgba(84, 212, 73, 0.9) -1px -1px 5px;
	-webkit-box-shadow: rgba(84, 212, 73, 0.9) 1px 1px 5px, rgba(84, 212, 73, 0.9) -1px -1px 5px;
	box-shadow: rgba(84, 212, 73, 0.9) 1px 1px 5px, rgba(84, 212, 73, 0.9) -1px -1px 5px;
}


/* MISC */
.skiplink {
	left:-1000%;
	position:absolute;
	border: 2px dashed #bcb4c9 !important;
}

.skiplink:focus, 
.skiplink:hover {
	display:block;
	left:5px;
	top:5px;
	font-weight: bold;

	background: #FFF;
	padding: 2px 4px;
	color: red;
	z-index:100
}
.skiplink:hover {
	border: 2px dashed #655082 !important
}

.static, 
.hasJS .stdForm .static {
	position: static
}

.left-gradient-mask, 
.right-gradient-mask {
	width: 20px;
	background: url(css-images/gradient-mask.png) repeat-y;
}

.left-gradient-mask {
	background-position: -20px 0;
}

.right-gradient-mask {
	background-position: 20px 0;
}

.left {float: left}

.right {float: right}

#features .full { max-width: 452px; min-width: 452px; width: 452px; margin: -10px auto auto -10px; padding: 0 }

.address, .address li {
	list-style: none
}

.callout {
	color: #655082 !important
}

.pullquote {
	float: right;
	width: 240px;
	padding: 6px;
	background: #CC092F;
	border: 3px solid #333;
	color: #fff
}
.pullquote > cite,
.pullquote > span {
	font-style: italic;
	display: block;
	text-align: right;
}
nav.jot-nav a { 
	display: inline; 
	color: #274fa3 
}
nav.jot-nav a:visited {
	color: #274fa3 
}
#slideshow + a {
	position: relative;
	z-index: 1000;
	margin-top: 0;
}
#slideshow li {
	position: relative;
}
#slideshow h4 {
	position: absolute; 
	height: auto;
	line-height: 1;
	padding: 6px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	border: 1px solid #707070;
	left: 6px;
	right: 7px;
	top: 6px;
	text-align: center;
	color: #FAF6D3;
	background: rgba(0, 0, 0, 0.7);
	z-index: 20
}
.ie7 #slideshow h4, .ie8 #slideshow h4 {
	background: transparent url(css-images/ie70grey.png);
}
.ie8 #slideshow h4 {
	right: 17px;
}
.button {
	font-weight: bold;
	border: 1px solid #A1A1A1 !important;
	max-width: 252px;
	display: block;
	text-align: right;
	text-decoration: none;
	padding: 3px 8px;
	color: #FFF !important
}

/* ecards */

#ecardSelect { 
	font-size: 12px;
	overflow: hidden;
	margin-left: -60px;
}

#ecardSelect > li {
	list-style: none;
	margin-bottom: 60px;
	margin-left: 60px;
	max-width: 225px;
	height: 150px;
	float: left
}

#ecardSelect label:hover {
	cursor: pointer;
	color: #008F14;
}

#ecardSelect input {
	max-width: 225px;
	height: 150px;
}

/* ADDTHIS ETC */
#social {
    color:#006 !important;
    font-size:12px;
	margin-top: 4px;
    text-transform:uppercase;
	margin-left: 2px;
	font-weight: 400;
	color: #006
}

#social a {
    line-height: 1;
    padding:4px 4px 0 4px;	/* adjust this to adjust spacing between icons */
}

#social > span {
	vertical-align: top;
    display: inline-block;
	padding-top: 1px;
    margin-left:16px /* adjust this to increase/decrease space between share and join */
}

#social a, #social img {
    text-decoration:0;
    border:0
}

#adb { cursor: pointer }

/* **************************
 * 2010 specific adjustments.
 * UPDATE YEARLY
 * *********************** */
 /* COUNTDOWN TIMER */
.jsTogl #dblock,
.jsTogl #hms {
	position: absolute;
	left: -1000px
}
 #countdown {
	overflow: hidden;
	min-height: 165px;
	width: 75px;
	text-align: center;
	background: #363232 url(css-images/loading.gif) no-repeat center center;
	border: 3px solid #363232;
	
	line-height: 1;
	float: left;
	margin-right: 15px;
	display: table-cell;
}

#countdown > span {
	text-transform: uppercase;
	font-size: 10px;
	display: block;
	background: #FAF6D3;
	padding: 2px;
	color: #363232;
}
#dblock {
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #cc0a31;
	background-color: #80061f;
	background-image: -moz-linear-gradient(top, #cc0a31, #80061f); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cc0a31),color-stop(1, #80061f)); 
		  -ms-filter: "progid:DXImagetransform.Microsoft.gradient(startColorStr='#cc0a31', EndColorStr='#80061f')";
			  filter:  progid:DXImagetransform.Microsoft.gradient(startColorStr='#cc0a31', EndColorStr='#80061f'); 
}

#hms, 
.button {
	border: 1px solid #379809;
	background-color: #2f6700;
	background-image: -moz-linear-gradient(top, #379809, #2f6700); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #379809),color-stop(1, #2f6700)); 
		  -ms-filter: "progid:DXImagetransform.Microsoft.gradient(startColorStr='#379809', EndColorStr='#2f6700')";
			  filter:  progid:DXImagetransform.Microsoft.gradient(startColorStr='#379809', EndColorStr='#2f6700'); 
	overflow: hidden;
	margin-bottom: 0
}

#dblock > .label,
#hms .label {
	font-family: Verdana;
	text-transform: uppercase;
	font-size: 18px;
	margin: 0;
	color: #939393
}
#dblock > .label {
	margin: -0.5em 0 0.5em 0;
	text-shadow: 0px 1px 0px #cc0a31,0px -1px 0px #80061f;
}
#hms .label {
	font-size: 11px;
	font-weight: bold;
	margin:  -0.364em 0 0.5em 0;
	text-shadow: 0px 1px 0px #379809;
	color: #363232
}

#hms > div {
	width: 33%;
	text-align: center;
	float: left
}

#days, 
#hours, 
#minutes, 
#seconds {
	font-family: 'Christmas', Verdana, sans-serif;
	font-size: 30px;
	color: #f7f7f7
}

#days {
	font-size: 72px;
	color: #ededed;
}
 
 /* PAGE SPECIFIC */
#entertainment caption { text-align: left; margin-bottom: 0 }
#entertainment table { width: 100% }
#entertainment table tr:nth-child(2n-1), .ieOdd td { background: #eee }
#entertainment table tr > td { padding-top: 2px; padding-bottom: 1px}
#entertainment table tr > td:first-child, #entertainment table tr > td:first-child + td { padding-right: 10px; width: 100px;}

#shopping #main > ul {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
	column-gap: 30px;
}

#fun-activities #main > section { overflow: hidden }
#fun-activities.ie7 #main > section { border: 1px solid #fff } 
#fun-activities #main > section h3 { clear: left }
#fun-activities #main > section li { list-style: none; float: left }
#fun-activities #main > section li > a { 
	border: 1px solid #2F6700; 
	display: block
}

#fun-activities #main > section li > a:hover,
#fun-activities #main > section li > a:active,
#fun-activities #main > section li > a:focus {
	border: 1px solid #d60d8c;
}

#fun-activities #main > h1 + section > p {
	font-weight: bold;
	width: 410px;
	height: 220px;
	padding: 20px;
	color: #FFF;
	background: url(/assets/images/wishlist-to-santa-v2.jpg) no-repeat 0 0
}
#fun-activities #main > h1 + section > p > a {
	color: #e9d666
}

#fun-activities #main > section + section > p { width: 25%; float: left }
#fun-activities #main > section + section > p + p { width: 73%; float: left }
#fun-activities #main > section + section > p + p { margin-left: 2% }

#fun-activities #main > section + section + section { background: url(/assets/images/coloring-fun.png) no-repeat 0 25px; height: 300px; }
#fun-activities #main > section + section + section > p { padding-left: 150px; width: auto}
#fun-activities #main > section + section + section h3 { margin-left: 290px;}
#fun-activities #main > section + section + section ul { margin-left: 260px; overflow: hidden; margin-top: 20px}
#fun-activities #main > section + section + section li { margin-left: 30px; line-height: 0}
#fun-activities #main > section + section + section > p > span { padding-left: 20px}
#fun-activities #main > section + section + section > p > span + span { padding-left: 35px}
#fun-activities #main > section + section + section > p > span + span + span { padding-left: 45px}

#holiday-fundraising #secondary > nav > .navlist > li,
#holiday-fundraising #secondary > nav > .navlist > li > a {
	background-color: #6868b3;
	background-image: -moz-linear-gradient(top, #7777cc, #6868b3); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7777cc),color-stop(1, #6868b3)); 
			  filter:  progid:DXImagetransform.Microsoft.gradient(startColorStr='#7777cc', EndColorStr='#6868b3'); 
		  -ms-filter: "progid:DXImagetransform.Microsoft.gradient(startColorStr='#7777cc', EndColorStr='#6868b3')"; 
}

#holiday-fundraising #secondary > nav > .navlist > .current,
#holiday-fundraising #secondary > nav > .navlist > .current > a {
	background-color: #7777cc;
	background-image: -moz-.currentnear-gradient(top, #6868b3, #7777cc); 
	background-image: -webkit-gradient(.currentnear,left top,left bottom,color-stop(0, #6868b3),color-stop(1, #7777cc)); 
}

#holiday-fundraising #secondary > nav > .navlist > li.current > a:hover, 
#holiday-fundraising #secondary > nav > .navlist > li.current > a:active, 
#holiday-fundraising #secondary > nav > .navlist > li.current > a:focus {
	background: #E9D666;
	color: #FFF !important
}

#holiday-fundraising #secondary > nav > .navlist {
	border: 1px solid #6868b3
}
#free-tickets #secondary > nav > .navlist > li,
#free-tickets #secondary > nav > .navlist > li > a {
	background-color: #6868b3;
	background-image: -moz-linear-gradient(top, #7777cc, #6868b3); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7777cc),color-stop(1, #6868b3)); 
			  filter:  progid:DXImagetransform.Microsoft.gradient(startColorStr='#7777cc', EndColorStr='#6868b3'); 
		  -ms-filter: "progid:DXImagetransform.Microsoft.gradient(startColorStr='#7777cc', EndColorStr='#6868b3')"; 
}

#free-tickets #secondary > nav > .navlist > .current,
#free-tickets #secondary > nav > .navlist > .current > a {
	background-color: #7777cc;
	background-image: -moz-.currentnear-gradient(top, #6868b3, #7777cc); 
	background-image: -webkit-gradient(.currentnear,left top,left bottom,color-stop(0, #6868b3),color-stop(1, #7777cc)); 
			  filter:  progid:DXImagetransform.Microsoft.gradient(startColorStr='#6868b3', EndColorStr='#7777cc'); 
		  -ms-filter: "progid:DXImagetransform.Microsoft.gradient(startColorStr='#6868b3', EndColorStr='#7777cc')"; 
}

#free-tickets #secondary > nav > .navlist > li.current > a:hover, 
#free-tickets #secondary > nav > .navlist > li.current > a:active, 
#free-tickets #secondary > nav > .navlist > li.current > a:focus {
	background: #E9D666;
	color: #FFF !important
}

#free-tickets #secondary > nav > .navlist {
	border: 1px solid #6868b3
}

 /* Possible TODO: convert to an included CSS file and create editing interface */
 /* sleigh */

#sleigh {
	position: absolute;
	width: 533px;
	height: 157px;
	left: 320px;
	top: 40px;
	z-index: 1;
	overflow: hidden;
}

#index #sleigh {
	left: -533px;
	top: -50px;
}

#sleigh > div + div {
	background: url(css-images/sno_ani05.gif) repeat 15px 30px;
	width: 800px;
	margin-left: -60px;
	height: 157px;
	position: absolute;
	top: 0;
	left: 0;
}

#sleigh > div {
	position: absolute;
	top: 0;
	left: 0;
	background: url(/assets/site/images/sleigh-me.png) no-repeat 0 0;
	width: 533px;
	height: 157px;
	z-index: 1
}

#features h1 {
	text-align: center;
	font-size: 22px;
	color: #e9d666
}
#features b {
	color: #decd6a
}

#features a:hover,
#features a:active,
#features a:focus {
	background-color: #cc092f
}

#features > div > section {
	background: #5d426b;
	color: #f1f1f1;
}

#features #earn-free-tickets p, 
#features #earn-free-tickets li { 
	font-size: 16px;
	font-weight: 400
}

#features #earn-free-tickets .left {
	position: relative;
	width: 70%;
	z-index: 10
}

#features #earn-free-tickets a {

}

#features #earn-free-tickets a > span {
	border-bottom: 1px solid
}

#features .left, 
#features .right {
	height: 100%;
	z-index: 1;
	overflow: hidden
}

#features .right img {
	position: absolute;
	right: 0;
	bottom: 0
}
#features #earn-free-tickets p.left { text-align: right; width: 160px; padding-top: 48px; padding-left: 270px }

/* featured items on homepage. Use url alias as item id */

#features #earn-free-tickets {
	background: #fff url(/assets/images/free-tickets-four.jpg) no-repeat left top;
	width: 432px;
	height: 242px;
	position: relative;
	padding: 10px 10px 0 10px;
}
#features #earn-free-tickets h1 {text-align: right; margin-bottom: 10px; color: #FFF }
#features #earn-free-tickets p { margin-top: 10px }
#features #send-your-wishlist-to-santa {
	background: url(/assets/images/wishlist-to-santa-v2.jpg) no-repeat 0 0
}

#super-bowl-xlv-raffle > h1 {
	margin-bottom: 10px
}

#super-bowl-xlv-raffle > p {
	padding-left: 120px;
	margin: 0
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
 
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}


@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 920px) {
@font-face {
	font-family: 'Christmas';
	src: url('/assets/site/fonts/chrioc.eot');
	src: url('/assets/site/fonts/chrioc.woff') format('woff'), url('/assets/site/fonts/chrioc.ttf') format('truetype'), url('/assets/site/fonts/chrioc.svg#webfontGPW0EVGX') format('svg');
	font-weight: normal;
	font-style: normal;
}
body, html {
    background-image: none
}
footer li, #main, #secondary {display: block; width: 100%; float: none; margin: 0 2px }
#secondary { padding: 0}
#container {
    overflow: visible;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
header {
    height: auto;
	width: auto;
	padding: 0;
	margin: 0
}

header > h3 {
    position: static;
    font-size: 13px;
} 
header > nav {
    position: static;
	width: auto;
    margin: 2px;
    padding: 4px;
}

header > nav > ul > li > a {
    display: block;
    padding: 5px;
}
header > nav > ul {
	width: auto;
	margin: 0
}
  header > nav li {
	float: none;
	clear: both;
    display: block;
    padding: 0;
    margin: 0;
	max-width: 100%;
    border-top: 1px solid #cc092f;
    border-bottom: 1px solid #ff0d3d;
}

#slogan {
    position: static;
    margin: 2px;
    padding: 4px;
    display: block;
    font-size: 130.769231%;
    background: rgba(33, 33, 33, 0.70);
    border: 1px solid rgba(120, 120, 120, 0.75);
}
#logo {
    position: static;
    height: auto;
    width: auto;
    padding: 6% 0 50px 0;
    margin: 0 5% -40px 5%;
}
header > img {
    display: none
}

header > img + img.hidden {
    display: block;
	visibility: visible;
    position: absolute;
    top: 0;
    right: 0;
	margin-right: 0;
    width: 35%;
    min-width: 5%;
    z-index: -1;
} 
#index #main > h1 {
	margin: -1em 0 3em 2px;
	text-align: center;
    position: static;
}
  #features { 
	float: none;
	position: relative;
	margin: 0 auto;
	clear: both
}

#features + p {
	clear: both
}
#social, #sponsors {
	display: none
}


  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}