@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  line-height:1.3em}


@media all {html {font-size: 24px;}}
@media all and (max-width:1000px){html {font-size: 24px;}}
@media all and (max-width:960px){html {font-size: 23px;}}
@media all and (max-width:920px){html {font-size: 22px;}}
@media all and (max-width:880px){html {font-size: 21px;}}


h1, h2, h3 {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style: normal; font-weight: 400; color:#2D2D2D;}
	
p, blockquote, li {
	font-family: "ff-more-web-pro", serif; font-style: normal; font-weight: 400; color:#2D2D2D;
}
	
	
strong {
	font-weight: 500;	
}

em {
	font-style: italic;
}

body {
	background-color: #FFFFFF}

#site-head {
	width: 40%;
	margin: 1em 25% 0em 35%;	
}


h1 {
	font-size:1.2em;
	text-transform:uppercase;
	line-height:2em;
}

.title>a>img { 
	width:3em;
	margin-left: -3.5em;
	margin-bottom:-.7em;
	display:inline;
}

.title>h1 {
	display: inline;
	margin-left: .2em;
}

h2 {
	font-size: 1.2em;
	text-transform:uppercase;
	line-height: 2em;
	margin-top:1em;
}

h3 {
	font-size: 1em;
	text-transform:uppercase;
	line-height: 1em;
	margin-top:1em;
}

blockquote {
	margin-top: 1em;
	padding-left:2em;
	padding-right:2em;
	font-style: italic;
	font-weight:400;
}

.bold {
	font-weight:500;	
}
	

.co_section>ul>li { -moz-column-break-inside: avoid;
-webkit-column-break-inside: avoid;
-o-column-break-inside: avoid;
-ms-column-break-inside: avoid;
column-break-inside: avoid;
-moz-break-inside: avoid-column;
-webkit-break-inside: avoid-column;
-o-break-inside: avoid-column;
-ms-break-inside: avoid-column;
break-inside: avoid-column;
font-size:85%;
line-height: 1.6em;
}

a {
	text-decoration: none;
	color:#2D2D2D;
}

a:hover {
	color: #d42e2e;
}

.co_section>ul {
-moz-column-count: 2;
-webkit-column-count: 2;
-o-column-count: 2;
-ms-column-count: 2;
column-count: 2;
-moz-column-gap: 2.5em;
-webkit-column-gap: 2.5em;
-o-column-gap: 2.5em;
-ms-column-gap: 2.5em;
column-gap: 2.5em;

list-style-type: none;
list-style:none;
line-height: 1.2em;
}

ol {
	list-style: inside decimal;	
}

ol>li {
	font-size:100%;	
}

.section>ul>li {
	margin-top:1em;	
}

.section>ul {
	margin-top:1em;
	list-style:inside;
}

#teengame {
	width: 90%;	
}

#bodycontent {
	width: 40%;
	margin: 1em 25% 1em 35%;
}

footer {
	width: 40%;
	margin: 1em 25% 1em 35%;
	border-top: 1px dotted #232323;	
}

.section {
	/*border-top: 3px dotted #2A2A2A;	*/
	margin-top: 2em;
}

.co_section {
	margin-top: 2em;
}

p {
	font-size: 1em;	
	line-height: 1.3em;
	margin-top:1em;
}

.last {
	width: 40%;
	height: 3em;
	display:inline-block;
	margin: 0px;
	text-align: left;
}

.top {
	width: 17%;
	height: 3em;
	display:inline-block;
	margin: 0px;
	vertical-align:top;
	text-align: center;
	
}

.next {
	width:40%;
	float:right;
	margin: 0px;
	height: 3em;
	display:inline-block;
	vertical-align:top;
	text-align: right;
}

.not_ready {
	color: #A3A3A3;	
}

#m3ModelTable {
	width: 100%;
	border: 0px;	
}

#m3ModelTable td {
	width: 33%;	
}

@media screen and (min-width:41em) and (max-width:62.45em){

#site-head {
	width: 60%;
	margin: 1em 15% 0em 25%;	
}
	
#teengame {
	width: 100%;	
}

#bodycontent {
	width: 60%;
	margin: 1em 15% 1em 25%;
}

footer {
	width: 60%;
	margin: 1em 15% 1em 25%;		
}
 }
 
@media screen and (max-width:40.99em), (max-device-width:41em){
#site-head {
	width: 90%;
	margin: 1em auto;	
}
	
#teengame {
	width: 100%;	
}

#bodycontent {
	width: 90%;
	margin: 1em auto;
}

.title>a>img { 
	margin-left: 0em;

}

footer {
	width: 90%;
	margin: 1em auto;		
}

}