html,
body {height: 100%; padding: 0;}
html {-webkit-font-smoothing: antialiased;}
body {background: url('i/bg/bg2.jpg'); background-attachment: fixed;}

.jumpers,
.scripted .wai {position: absolute; left: -9999px; top: -9999px;}


/* Page
----- */
#page {min-height: 100%; width: 980px; margin: 0 auto; background: url('i/bg/page.gif') 0 0 repeat-x;}




/* 
----- */
#header {height: 117px;}
html>body #header {background: url('i/bg/header.png') 0 0 no-repeat;}
html>body.site-2011 #header {background: url('i/bg/header2011.png') 0 0 no-repeat;}

#logo {display: block; height: 100%; width: 100%;}
#logo a {display: block; height: 100%; width: 100%; overflow: hidden; text-indent: -9999px;}
#baseline {left: -9999px; top: -9999px; position: absolute;}

#teaser {background-position: 0 0; background-repeat: no-repeat; height: 130px; text-indent: -9999px;}
#home #teaser {height: 270px;}

#contest {height: 1px; width: 100%; position: absolute; left: 0; top: 90px;}
#home #contest {top: 155px;}
#contestContainer {min-width: 980px; max-width: 1050px; height: 1px; margin: 0 auto; position: relative;}
#iPad {height: 200px; width: 200px; position: absolute; right: 0; top: 0;}


#navigation {background: url('i/bg/nav.gif') 0 0 repeat-x; padding: 0 20px 0 150px;}
#navigation li {float: left; text-transform: uppercase; font-size: 1.091em; margin-right: 10px; line-height: 1;}
#navigation li a {display: block; padding: 10px 20px 7px 20px; background: #ce496a; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
#navigation li strong a {-moz-box-shadow: 0 3px 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.2); box-shadow: 0 3px 15px rgba(0,0,0,0.2); margin-top: 20px; background: #fff; border: solid 1px #ddd; border-top: none; padding-top: 7px; padding-bottom: 5px;}
#navigation li a span {color: #fff; border-bottom: dotted 1px #ce496a; display: block;}
#navigation li strong a span {color: #ce496a; border-bottom-color: #fff;}
#navigation li a:hover span {border-bottom-color: #fff;}
#navigation li strong a:hover span {border-bottom-color: #ce496a;}


#container {padding: 20px 40px 40px 40px;}

.split .main {width: 700px; float: left;}
.split .related {width: 205px; float: right; margin-right: -35px;}

#signup .split .main {width: 560px;}
#signup .split .related {width: 180px; margin-right: 0;}



/* 
----- */

.content h1 {font-weight: bold; color: #ce496a; text-transform: uppercase;}
.content h2 {font-weight: bold; color: #ce496a; text-transform: uppercase;}
.content h2 a {border-bottom: none;}
.related h2 {color: #333; font-weight: normal; margin-top: 0; margin-bottom: 0.1em; line-height: 1.15;}
.content a {color: #000; border-bottom: dotted 1px #000; text-decoration: none;}
.content a:hover {color: #ce496a; border-bottom-color: #ce496a;}
.content blockquote {border-left: solid 1px #ce496a; padding-left: 20px;}
.related .cap,
.related .cap * {color: #ce496a;}

.content .npscolor,
.content .npscolor * {color: #ce496a;}

.content .npslinks {line-height: 1.636;}
.content .npslinks li {list-style: none; margin: 0; padding-left: 16px; background: url('i/bg/npslinks.png') 1px 0.55em no-repeat;}
.content .npslinks li a {border-bottom: none;}
.content .npslinks li a:hover {border-bottom: dotted 1px #ce496a;}

.related ul,
.related ol,
.related p {margin-bottom: 0;}

.related .illustration {margin-top: 0.5em;}



/* 
----- */
.blocks {background: url('i/bg/blocks.gif') 0 0 repeat-y; color: #ca3c5f;}
.blocks a {color: #ca3c5f; border-bottom-color: #ca3c5f;}
.blocks a:hover {color: #000; border-bottom-color: #000;}
.blocks h2 {color: #ca3c5f;}
.blocks-b {background: url('i/bg/blocks-t.gif') 0 0 no-repeat;}
.blocks-c {background: url('i/bg/blocks-b.gif') 0 100% no-repeat;}

.blocks .block {background: url('i/bg/block.gif') 4px 100% no-repeat; padding: 10px 15px 15px 15px;}

.blocks .npscolor {font-size: 1.3em; line-height: 1; }

.blocks .setOut {font-size: 1.273em; background: #ca3c5f url('i/bg/stickOut-t.gif') 0 0 no-repeat; color: #fff; margin: 0 4px; padding: 0;}
.blocks .setOutInner {background: url('i/bg/stickOut-b.gif') 0 100% no-repeat; padding: 10px 11px 15px 11px;}
.blocks .setOut h2 {color: #fff;}
.blocks .setOut a {color: #fff; border-bottom-color: #fff;}
.blocks .setOut a:hover {color: #000; border-bottom-color: #000;}
.blocks .setOut .npscolor {color: #fff;}
.blocks .setOut h2 .npscolor {font-size: 2.5em; line-height: 1; color: #fff;}

.blocks .noBack {background-image: none; padding-bottom: 10px;}


/* 
----- */
.cols {margin-left: -20px;}
.by4 .col {width: 160px; float: left; margin-left: 20px;}
.by3 .col {width: 220px; float: left; margin-left: 20px;}

/* 
----- */
.separator {display: block; background: #ccc; height: 0.091em; margin: 0.773em 0;}

/* 
----- */
.illustration {line-height: 1;}
.illustration img {display: block;}
.illustration .legend,
.illustration .legend * {color: #666;}
.left {float: left; margin-right: 20px;}
.right {float: right; margin-left: 20px;}

/* 
----- */
table.program {border-top: solid 1px #ccc; width: 100%; margin-bottom: 0;}
table.program th {border-bottom: solid 1px #ccc; text-align: left; vertical-align: top; color: #ce496a; width: 30px;}
table.program td {border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; vertical-align: top; padding-bottom: 0.6em; width: 190px;}
.site-2011 table.program td {width: 149px;}
table.program h3 {margin: 0.4em 0 0 0; font-size: 1em; line-height: 1.2; font-weight: bold; clear: both;}

table.program .note {color: #666; line-height: 1.2; display: block; margin: 0.3em 0 0 0;}
table.program .logos {float: left;}
table.program .logos img {display: inline; margin-right: 5px;}
table.program label {float: right; font-weight: bold;}
table.program .full label {float: none; }

.site-2011 table.program td.full {width: auto;}

.cat-0 h3,
.cat-0 .call:hover {color: #ce496a;}
.cat-1 h3,
.cat-1 label,
.cat-1 .call:hover {color: #39c;}
.cat-2 h3,
.cat-2 label,
.cat-2 .call:hover {color: #969;}
.cat-3 h3,
.cat-3 label,
.cat-3 .call:hover {color: #c30;}
.cat-4 h3,
.cat-4 label,
.cat-4 .call:hover {color: #666;}
.cat-5 h3,
.cat-5 label,
.cat-5 .call:hover {color: #ce496a;}

.cat-5 label {float: none;}


.scripted .expandable .fold {display: none;}
.expandable .call:focus {outline: none;}

table.program .fold {border-top: solid 1px #ccc; line-height: 1.35; padding-top: 0.3em; margin: 0.75em 0 0 0;}

.content .programForm {margin: 0;}

/* 
----- */
.tabs ul {margin: 0 0 0 52px; line-height: 1.3;}
.tabs ul li {list-style: none; float: left; margin: 0 0 0 8px; text-transform: uppercase;}
.tabs ul li a {border-bottom: none; margin-top: 1px; color: #fff; background: #ce496a; display: block; padding: 5px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px 10px 0 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.tabs ul li strong {font-weight: normal;}
.tabs ul li strong a {color: #ce496a; background: #fff; margin-top: 0; border: solid 1px #dcdcdc; border-bottom: none; -moz-box-shadow: 0 -3px 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 -3px 15px rgba(0,0,0,0.2); box-shadow: 0 -3px 15px rgba(0,0,0,0.2);}
.tabs ul li a:hover {color: #fff;}
.tabs ul li strong a:hover {color: #ce496a;}
.tabs ul li em {font-size: 2.1em; float: left; margin-right: 0.2em; display: block; font-style: normal;}
.tabs ul li span {float: left; border-bottom: dotted 1px #ce496a;}
.tabs ul li a:hover span {border-bottom: dotted 1px #fff;}
.tabs ul li strong span {float: left; border-bottom: dotted 1px #fff; font-weight: bold;}
.tabs ul li strong a:hover span {border-bottom: dotted 1px #ce496a;}

.invertedTabs ul li a {margin-top: 0; margin-bottom: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
.invertedTabs ul li strong a {border: solid 1px #dcdcdc; border-top: none; -moz-box-shadow: 0 3px 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.2); box-shadow: 0 3px 15px rgba(0,0,0,0.2);}
.invertedTabs ul li strong a {margin-bottom: 0; border: solid 1px #dcdcdc; border-top: none;}
.invertedTabs ul li strong a:hover {border-bottom: solid 1px #dcdcdc;;}


/* 
----- */
.signup {border-top: solid 1px #ccc; padding: 0.5em 0 0 61px;}
.signup fieldset {display: block; margin-bottom: 2em;}
.signup h3 {text-align: right; width: 230px; color: #ce496a; text-transform: uppercase;}
.signup label {display: block; margin-bottom: 0.3em;}
.signup label span {display: block; width: 230px; margin-right: 8px; float: left; text-align: right;}
.signup input {border: solid 1px #b3babf; width: 196px; padding: 1px 2px;}
.signup .smallInput input {border: none; width: auto; padding: auto;}
.signup select {border: solid 1px #b3babf; width: 203px;}
.signup textarea {border: solid 1px #b3babf; width: 408px; padding: 1px 2px;}

.controls {text-align: right; margin-right: 200px;}
.controls button {color: #ce496a; text-transform: uppercase; border: none; background: none; border-bottom: dotted 1px #ce496a; padding: 0; font-weight: bold; cursor: pointer; overflow: visible;}

.signup .note {color: #999;}
.signup .note * {color: #999;}


/* 
----- */
.scripted .tab-target { display:none }
.scripted .tab-active { display:block }


/* 
----- */
#footer {text-align: right; padding: 1em 2em;}
#footer li {display: inline;}
#footer li:before {content: ' | ';}
#footer li:first-child:before {content: '';}


/* 
----- */
.block:after,
.split:after,
.cols:after,
#navigation:after,
.tabs ul:after,
.tabs ul li a:after,
.signup label:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}