body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	background: #fff;
	margin: 0; 
	padding: 0;
	color: #555;
	text-align:center;
}

a
{
color:#DC8927;
text-decoration:none;
}

.res_score_notes
{
color:#cc0000;
}


.fun_note
{
color:#cc0000;
margin:30px 0px;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 0% 0%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}
    
.vert_ad_leftw, .vert_ad_left, .vert_ad_rightw, .vert_ad_right {display:none;}											   

.side_vertical
{
display:none;
}
					
/*  GRID OF THREE  */
.span_3_of_3 {
	width: 5%;

}
.span_2_of_3 {
	width: 90%;
}
.span_1_of_3 {
	width: 5%;
}

/*  GRID OF THREE RESULTS  */
.span_3_of_3r {
	width: 5%;

}
.span_2_of_3r {
	width: 90%;
}
.span_1_of_3r {
	width: 5%;
}

.centt
{
text-align:center;

}


h1
{
font-weight:500;
color:#00CC33;
font-size:40px;
margin:5px 0px 10px 0px;
-webkit-margin-before: 5px;
-webkit-margin-after: 10px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

h2
{
color:#00CC33;
font-size:16px;
margin:10px 0px 10px 0px;
-webkit-margin-before: 10px;
-webkit-margin-after: 10px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
li {
 padding-bottom:12px;
}
.promo_link
{
margin:10px auto 40px auto;
border:1px solid #ddd;
padding:20px;
text-align:center;
font-size:14px;
max-width:420px;
border-radius:5px;

}

.site_details p
{
line-height:150%;
text-align:justify;
}
.promo_linki
{
margin:10px auto 40px auto;
border:1px solid #ddd;
padding:10px;
text-align:center;
font-size:14px;
max-width:420px;
border-radius:5px;
height:120px;
}
.promo_image
{
display:inline;
padding:0px 5px 0px 5px;
}
.promo_linkt
{
font-size:12px;
height:20px;
color:#00CC00;
}
.sub_foot
{
margin:50px 0px 30px 0px;
}

.fb_wrap
{
	padding:0px 0px 10px 0px;
	margin:0 auto;

}


.share_promo
{
padding:0px 0px 10px 0px;font-size:13px;color:#090;line-height:18px;
}

.social_wrap
{
margin:40px auto;
}

.site_info
{
font-size:13px;
color:#888;
margin:0px 0px 10px 0px;
}


.bgradx
{
  background: #63B8EE;
  background: linear-gradient(top,  #EFFAE4,  #E2F7CE);
  background: -ms-linear-gradient(top,  #EFFAE4,  #E2F7CE);
  background: -webkit-gradient(linear, left top, left bottom, from(#EFFAE4), to(#E2F7CE));
  background: -moz-linear-gradient(top,  #EFFAE4,  #E2F7CE);
}

.bgradx:hover
{
  background: #468CCF;
  background: linear-gradient(top,  #E2F7CE,  #C1EE95);
  background: -ms-linear-gradient(top, #E2F7CE,  #C1EE95);
  background: -webkit-gradient(linear, left top, left bottom, from(#E2F7CE), to(#C1EE95));
  background: -moz-linear-gradient(top,  #E2F7CE,  #C1EE95);
}


.testbuttonx {
  
  color: #000000;
  font-size: 16px;
  text-shadow: 1px 1px 0px #EEEEEE;
margin:0px auto 10px auto;
  padding: 10px 25px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #CCCCCC;
        max-width:300px;
        display:block;
        text-decoration:none;
}
.testbuttonx:hover {
  color: #000;
        cursor:pointer;
}
.testbuttonx:active
{
  color: #000;
  background: #FECA40;

        cursor:pointer;
}

.bgrad
{
  background: #63B8EE;
  background: linear-gradient(top,  #EEEEEE,  #DDDDDD);
  background: -ms-linear-gradient(top,  #EEEEEE,  #DDDDDD);
  background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#DDDDDD));
  background: -moz-linear-gradient(top,  #EEEEEE,  #DDDDDD);
}

.bgrad:hover
{
  background: #468CCF;
  background: linear-gradient(top,  #EFFAE4,  #E2F7CE);
  background: -ms-linear-gradient(top, #EFFAE4,  #E2F7CE);
  background: -webkit-gradient(linear, left top, left bottom, from(#EFFAE4), to(#E2F7CE));
  background: -moz-linear-gradient(top,  #EFFAE4,  #E2F7CE);
}

.aboutsec h1
{
font-size:24px;
}

.about_text
{
text-align:justify;

}

.about_text h2
{
color:#808080;
font-size:16px;
}

.about_text p
{
text-align:justify;
line-height:160%;
}

.testbutton {
 
  color: #000000;
  font-size: 14px;
  text-shadow: 1px 1px 0px #EEEEEE;
margin:0px auto 8px auto;
  padding: 8px 25px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #CCCCCC;
	max-width:300px;
	display:block;
	text-decoration:none;
}
.testbutton:hover {
  color: #000;
	cursor:pointer;
}
.testbutton:active
{
  color: #000;
  background: #FECA40;

	cursor:pointer;
}

.st_correct
{
color:#00CC00;
font-weight:bold;
size:14px;
height:15px;
}

.st_wrong
{
color:#CC0000;
font-weight:bold;
size:14px;
height:15px;
}

.share_note
{
margin:20px 0px 10px 0px;
font-size:16px;
color:#CC0000;
}

.question_header
{
color:#689BD2;
font-size:24px;
font-weight:bold;
}

.image_wrap
{
margin:10px auto 20px auto;

height:200px;
width:143px;
border:1px solid #ddd;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}


.image_link
{
width:180px;
height:200px;
}

.red
{
color:#CC0000;
}

.button_wrap
{
margin:0px 0px 20px 0px;
}

.st_drop_h
{
padding:10px;
}

.st_qnum
{

color:#00CC33;
font-size:16px;
padding:0px;
}
.secquestion h1
{
margin:5px 0 0 0;
-webkit-margin-before: 5px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-size:24px;
color:#009CE8;
}

.return_links
{
padding:20px;
}

.res_results
{
font-size:22px;
padding:0px;
}


.res_score
{
font-size:80px;
color:#33CC33;
margin:5px 0px 5px 0px;
font-weight:bold;
}

.small_hp_text
{
margin:40px auto;
text-align:left;
max-width:550px;
}

.end_credit
{
margin:40px 0px 40px 0px;
font-size:11px;
}

.image_credit
{
margin:60px 0px 0px 0px;
font-size:10px;
}

.site_information
{
text-align:left;
max-width:500px;
margin:0 auto;
font-size:14px;
line-height:180%;
}

.site_nav
{
text-align:center;
font-size:13px;
margin:20px 0px 20px 0px;
}
