/*
 * green: #8fd400
 * dark green: #68b900
 * 
 * Font sizes
 *  px: pct:
 *  10 	77
 *  11 	85
 *  12 	93
 *  13 	100
 *  14 	108
 *  15 	116
 *  16 	123.1
 *  17 	131
 *  18 	138.5
 *  19 	146.5
 *  20 	153.9
 *  21 	161.6
 *  22 	167
 *  23 	174
 *  24 	182
 *  25 	189
 *  26 	197 
 * 
 */

html, body { height: 100%; }

body { background: #020202 url(/images/layout/honeycomb.png) repeat; }

a { color: #444; }

#container { background: #fff; height: auto !important; height: 100%; min-height: 100%; margin-bottom: -60px; }
#wrapper { background: #fff; border: 10px solid #fff; border-left: none; border-right: none; margin: 0 auto; overflow: auto; width: 960px; }
.push { height: 60px; }

#footer { background: url(/images/assets/gradient-gray-to-alpha-30.png) top left repeat-x; height: 60px; margin: 0 auto; }
#footer .wrapper { padding-top:30px;}
#footer p { background: #000; border-top: 1px solid #68b900; color: #fff; font-size: 10px; line-height: 29px; margin-bottom: -5px; text-align: center; }

.header-wrapper { background: url(/images/assets/background-grass.png) top center; border-bottom: 10px solid #68b900; }
.header { overflow: auto; }

h1.logo { background: url(/images/assets/logo-tab-up-white4.png) top left no-repeat; height:100px; margin: 0; padding: 0; overflow: hidden; }
h1.logo a { outline: none; left: 35px; position: relative; top: 10px; }

.primaryNav-wrapper { background: #000; width: auto; clear: both; }
ul#primaryNav {	background: #000; display: inline; float: left; margin: 0; width: 100%; }
ul#primaryNav li.first { border-left: 1px dotted #444; }
ul#primaryNav li { border-right: 1px dotted #444; float: left; list-style-position: inside; list-style-type: none; }
ul#primaryNav li a:link, ul#primaryNav li a:visited { color:#68b900; background: #000; display: block; padding: 10px; outline: none; text-decoration:none; }
ul#primaryNav li a:hover, ul#primaryNav li a:active { background: #fff url(/images/assets/gradient-white-to-alpha-50.png) repeat-x; }
ul#primaryNav li a:hover span.title, ul#primaryNav li a:active span.title { color: #121212; }
ul#primaryNav li span.title { color: #fff; display: block; font-size: 160%; font-weight: bold; margin: 0; padding: 0; text-align: center; text-transform: uppercase; }
ul#primaryNav li span.caption { color: #68b900; display: block; font-size: 95%; margin: 0; padding: 0; text-align: center; }

.feature { margin-top: 20px; }
.feature img { border: none; margin: 0; padding: 0; }
.feature .caption { background: #111; border-top: 1px solid #68b900; color: #68b900; font-size: 140%; line-height: 40px; height: 40px; margin: 0; padding: 0; text-align: center; font-weight: normal; letter-spacing: 5px; text-transform: uppercase; }

div#question h1 { font-size: 100%; margin: 10px 0; }

div#info { background: url(/images/assets/gradient-white-200-2.png) top center repeat-x; border: 1px solid #68b900; border-left:none; border-right: none; }
div#info .message { padding-top: 10px; }
div#info .message h4 { color:#121212; }
div#info ul { color: #121212; margin: 0; padding: 0; overflow:hidden;}
div#info ul li { list-style-position: inside; list-style-type: none; }
div#info ul li div { border-right: 1px dotted #333; margin: 20px -10px 20px 0; overflow: auto; padding-right: 11px; text-align: justify; }
div#info ul li.alpha div { padding-left: 10px; }
div#info ul li.omega div { padding-right: 21px; border-right: none; }
div#info ul li div h2 { color: #68b900; font-size: 275%; margin: 0; text-align: center; text-transform: uppercase; }
div#info ul li div h2 a:link, div#info ul li div h2 a:visited { color: #68b900; text-decoration: none; }
div#info ul li div a.learnmore:link, div#info ul li div a.learnmore:visited { color: #68b900; font-weight: bold; text-decoration: none; }
div#info ul li div a.learnmore:hover, div#info ul li div a.learnmore:active { color: #68b900; }


.statement { border: 1px solid #68b900; color: #111; margin: 30px 0; padding: 5px; font-size: 112%; }
.secondary { margin-top: 20px; }

.checklist { margin-left: 10px; }
.checklist li { background: url(/images/icons/ok.png) center left no-repeat; list-style: none inside; padding-left: 40px; height: 50px; line-height: 50px;}

.questionlist { margin-left: 10px; }
.questionlist li { background: url(/images/icons/question.png) top left no-repeat; list-style: none inside; padding-left: 45px; margin-bottom: 30px; min-height: 50px; }
.questionlist li .question { font-weight: bold; padding-top: 8px; }

.section-title { text-transform: uppercase; }

th.invisible, td.invisible { border: 0; }

ul.contact-info { margin-left: 10px; }
ul.contact-info li { list-style: none; list-style-position: outside; }