html{background-image: url(http://gromskategame.com/images/skybkg.png);
color: #000;
font-family: Oswald,Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.4em;
font-weight: 400; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif; }
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
h1 {padding:15px 10px 0;font-weight:bold;font-size:14px;}
h1 span {padding:0 10px;color:#73afb6;font-size:16px;}
h2 {margin:10px 0;padding:0 0 0 35px;background-repeat:no-repeat;background-position:0 0;color:#73afb6;font-weight:bold;font-size:16px;line-height:30px;white-space:nowrap;}
h3 {font-size:14px; color:#666; }
p {padding:0 0 10px;}
ul {padding:0 0 10px 15px;}
li {padding:0 0 3px;list-style-type:disc;}
em {font-style:italic;font-weight:bold;}
strong {font-weight:bold;}
a {font-size:12px; font-weight:200; text-decoration:none; color:#00ff00}
a:hover {text-decoration:underline;}

.clear {clear:both}
.cleaner5 {clear:both; height:5px}
.cleaner10 {clear:both; height:10px}
.cleaner20 {clear:both; height:20px}
.cleaner100 {clear:both; height:100px}


.left {float:left;}
.right {float:right}

.left2 {float:left; margin-left:-20px}
.left2 a {font-size:24px; color:#0E6270}
.left2 a:hover {text-decoration:none}

.right2 {float:right; margin-right:-20px}
.right2 a {font-size:24px; color:#0E6270}
.right2 a:hover {text-decoration:none}



#outer {position:relative;  padding-bottom:20px;  border:1px solid #000; background: rgba(0, 0, 0, 0.37);}
#footer {font-size:10px; text-align:center}

#backNav {float:left; position:absolute; padding:10px; display:none}
.backNav {float:left; position:absolute; padding:10px; display:block; z-index:5}


.portrait {width:320px;  margin:0px auto; height:100%; }

.header {height:45px; padding:10px 10px 0 10px; text-align:center;
background: rgba(0, 0, 0, 0.77);}

.header h1 {color: #fff;
padding: 0 10px;
font-weight: bold;
font-size: 16px;
margin: -10px 0 0 0;
float: right;}
.header span {padding:10px;color:#fff; font-weight:bold; font-size:14px;}

.header2 {height:45px; padding:10px 10px 0 10px; 
/* IE 9- */
background:#669b00;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#669b00), to(#8cc63f));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #669b00, #8cc63f);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #669b00, #8cc63f);
   /* IE 10+ */
  background: -ms-linear-gradient(top, #669b00, #8cc63f);}
.header2 img {display:block; position:absolute; margin:-10px 0 0 10px}
.header2 span { color:#fff;  padding:25px 0 0 80px; font-weight:bold; font-size:18px}



#landingPage {display:block; margin:0}
#landingPageDescrip {padding: 10px 20px;}
#CTV {text-align:left; }
#CTV h1 {font-weight:bold;font-size:16px; color:#000;}


#n {width:100%; padding:0 ; margin: 0px auto; text-align:left;  height:100%; }
#n .navCats {background: rgba(0, 0, 0, 0.77);
color: #ffffff;
display: block;
font-weight:bold;
margin: 5px 0;
padding: 10px;
text-decoration: none;}
  
#n h1 {font-weight:bold;font-size:24px;color:#fff}
#n h2 {font-weight:bold;font-size:16px; color:#000; padding:0px; margin:0px; width:100%}
#n span {float:right;}

#n a {font-weight:bold;font-size:16px; color:#000;text-decoration:none;}
#n a:hover {text-decoration:none;}
#n img {vertical-align: bottom; margin-right:10px; width:30px }
#s {position:relative; float:right;}



.watchdogInner {padding:0 20px; margin-bottom:10px; margin:0 15px; height:100%;}
.validationInner {padding:0 20px; margin:15px 15px 0; height:100%;}
.validationInner h1 {padding:0; margin:0;}


.policysection {margin-bottom:10px; display:none; text-align:left;  }
.policysectionInner {padding:20px; margin:0 15px; }
.policysectionInner span {font-size:16px; color:#00ff00; font-weight:bold; }
.policysectionInner span img {vertical-align:middle;padding-right:10px}

.policysectionTitle {padding-bottom:20px}



.sectionHeader { padding:3px 20px; border-bottom:1px solid #ccc;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#eee));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #ccc, #eee);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #ccc, #eee);
   /* IE 10+ */
  background: -ms-linear-gradient(top, #ccc, #eee);
}


.sectionHeader img { cursor:pointer }
.sectionHeader .on {background:#fff; border-bottom:none }

.sectionHeader2 { margin:-10px 0 15px -15px; background:#fafafa }
.sectionHeader2 img {padding:8px 6px; }

#mozscroll { position: absolute; top: 0px; bottom: -1px; visibility: hidden } /* Force vertical scrollbar in Gecko browsers */

@media only screen and (max-device-width: 580px) {
#outer {position:relative;  padding-bottom:20px; border:none;}
.portrait {width:100%;  margin:0px auto; height:100% }
}