/* CSS Document */
/** 
Darkest blue= 023574
Dark blue = 03418e
Medium blue = B9D1E9
Light blue = E0EBF5

Darkest Green = 2C700F
Dark Green = 358712
Med Green = bdd9b2
Light Green = ecf8ea
red = CC0000
**/

BODY,P,TD{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

H1{
color:#000;
font-size:14px;
display:inline;
}

.maintable{
background:#fff;
border:1px solid #999;
}

.table_grey{
background:#F3F3F3;
border:1px solid #cccccc;
}

.top-utility-nav{
background:#358712;
padding-right:25px;
color:#fff;
font-size:11px;
}

.topad-bg{	
background-color:#ccc;
padding-top:15px;
padding-bottom:15px;
}


a:top-utility-nav link{
text-decoration:none;
color:#0000CC;
}

.top-utility-nav a:link, a:active{
color: #fff;
text-decoration: none;
}

.top-utility-nav a:visited{
color: #bdd9b2;
text-decoration: none;
}

.top-utility-nav a:hover{
color: #fff;
text-decoration: underline;
}

a:link { color: #000000; text-decoration: underline; }
a:visited { color: #666666; text-decoration: underline; }
a:hover  { color: #cc0000; text-decoration: underline; }
a:active { color: #000000; text-decoration: underline;}  

.teacherlogin INPUT{
height:13px;
font-size:11px;
}

/** BEGIN LEFTNAV STYLES **/

/** STUDENT **/
.leftnav-col{
background:#03418e;
/**width:175px;**/
padding-bottom:30px;
vertical-align: top; 
}

.footer-left{
background:#03418e;
}

ul.leftnav
{
display: block;
font-size:10px;
padding:0px;
margin:0px;
list-style-type:none;
width:100%;
float:left;
vertical-align: top; 
}

.leftnav li {
display:inline;
float:left;
margin:0px;
padding:0px;
background:#03418e;
}

.leftnav .spaceblue{
float:left;
width:160px;
height:10px;
text-decoration:none;
font-weight:bold;
padding-top:8px;
border-bottom: 1px solid #ccc;
padding-left:15px;
color:#fff;
background:#023574;
}

.leftnav .spacegreen{
float:left;
width:160px;
height:10px;
text-decoration:none;
font-weight:bold;
padding-top:8px;
border-bottom: 1px solid #ccc;
padding-left:15px;
color:#fff;
background:#2C700F;
}


.leftnav a{
float:left;
width:160px;
height:20px;
text-decoration:none;
font-weight:bold;
font-size:11px;
padding-top:8px;
border-bottom: 1px solid #ccc;
}


.leftnav .hed{
font-size:14px;
font-weight:normal;
color:#fff;
text-decoration:none;
float:left;
width:145px;
height:40px;
padding-left:30px;
padding-top:5px;
background:#023574 url(/geochallenge/images/icon_leaf_blue.gif) no-repeat left;
border-bottom: 1px solid #ccc;
}

.leftnav .main a
{
padding-left:15px;
color:#fff;
text-decoration:none;
}

.leftnav .main a:hover {
padding-left:15px;
color:#fff;
background-color:#023574;
text-decoration:none;
}

.leftnav .main-selected a
{
padding-left:15px;
/**width:118px;**/
color:#fff;
text-decoration:none;
background-color:#358712;
}

.leftnav .main-selected a:hover {
color:#fff;
text-decoration:none;
}

.leftnav .sub a
{
width:144px;
color:#000;
padding-left:30px;
text-decoration:none;
background:#f5f5f5;
border-right:1px solid #ccc;
}

.leftnav .sub a:hover {
width:144px;
color:#000;
background:none;
background-color:#bdd9b2;
text-decoration:none;
border-right:1px solid #ccc;
}

.leftnav .sub-selected a
{
width:144px;
color:#000;
background:#bdd9b2;
padding-left:30px;
text-decoration:none;
border-right:1px solid #ccc;
}

/** PUBLIC **/
ul.leftnav2
{
display: block;
font-size:10px;
padding:0px;
margin:0px;
list-style-type:none;
width:100%;
float:left;
vertical-align: top; 
background:#358712
}

.leftnav2 li {
display:inline;
float:left;
margin:0px;
padding:0px;
}

.leftnav2 a{
float:left;
width:160px;
height:20px;
text-decoration:none;
font-weight:bold;
font-size:11px;
padding-top:8px;
border-bottom: 1px solid #ccc;
}


.leftnav2 .hed{
font-size:14px;
font-weight:normal;
color:#fff;
text-decoration:none;
float:left;
width:145px;
height:40px;
padding-left:30px;
padding-top:5px;
background:#2C700F url(/geochallenge/images/icon_leaf_green.gif) no-repeat left;
border-bottom: 1px solid #ccc;

}

.leftnav2 .main a
{
padding-left:15px;
color:#fff;
text-decoration:none;
}

.leftnav2 .main a:hover {
padding-left:15px;
color:#fff;
background-color:#2C700F;
text-decoration:none;
}

.leftnav2 .main-selected a
{
padding-left:15px;
color:#fff;
text-decoration:none;
background-color:#2C700F;
}

.leftnav2 .main-selected a:hover {
color:#fff;
text-decoration:none;
background-color:#2C700F;
}

.leftnav2 .sub a
{
width:144px;
color:#000;
padding-left:30px;
text-decoration:none;
background:#f5f5f5;
border-right:1px solid #ccc;
}

.leftnav2 .sub a:hover {
width:144px;
color:#000;
background:none;
background-color:#ecf8ea;
text-decoration:none;
border-right:1px solid #ccc;
}

.leftnav2 .sub-selected a
{
width:144px;
color:#000;
background-color:#ecf8ea;
padding-left:30px;
text-decoration:none;
border-right:1px solid #ccc;
}


/** END LEFT NAV STYLES **/

/** subscribe ad **/
A.subscribe:link { 
font-family:Arial, Helvetica, sans-serif;
color:#fff;font-size:12px;font-weight:bold;text-decoration:none;}
A.subscribe:visited {
font-family:Arial, Helvetica, sans-serif;
color:#fff;font-size:12px;font-weight:bold;text-decoration:none; }
A.subscribe:hover { 
font-family:Arial, Helvetica, sans-serif;
color:#c0c0c0;font-size:12px;font-weight:bold;text-decoration:none;}
A.subscribe:active { 
font-family:Arial, Helvetica, sans-serif;
color:#fff;font-size:12px;font-weight:bold;text-decoration:none;}    



.maincontent-area{
border-top:2px solid #a4a4a4;
}

/** RIGHT NAV**/
.rightnav-bg{
	background: url(/geochallenge/images/rnav_bg.gif) repeat;
}

.quizhed{
	background: #FFFFFF url(/geochallenge/images/quickquiz-bg.gif) no-repeat;
	color:#fff;
	font-weight:normal;
	font-size:16px;
}

.sidebar-quiz{
background:#ecf8ea;
padding-top:20px;
padding-bottom:20px;
border-bottom:15px solid #358712;
}

.smallital{
font-size:11px;
font-style:italic;

}

.errormsg{
color:#cc0000;
font-weight:bold;
}


.whats-new{
	background: #fff url(/geochallenge/images/default_whatsnew-bg.gif) no-repeat;
	color:#03418e;
}

.scorehed{
	color:#fff;
	font-weight:bold;
	font-size:16px;
}

.pagehed-student{
display:block;
}

.pagehed1-student{
color:#03418e;
font-size:14px;
}

.pagehed2-student{
color:#03418e;
font-size:20px;
font-weight:bold;
}

.pagehed2-student-FR{
color:#03418e;
font-size:17px;
font-weight:bold;
}


.pagehed3-student{
color:#03418e;
font-size:16px;
font-weight:normal;
}


.pagehed4-student{
color:#03418e;
font-size:14px;
font-weight:bold;
}

.pagehed-public{
display:block;
}

.pagehed1-public{
color:#358712;
font-size:14px;
}

.pagehed2-public{
color:#358712;
font-size:20px;
font-weight:bold;
}

.pagehed3-public{
color:#358712;
font-size:16px;
font-weight:normal;
}

.pagehed4-public{
color:#358712;
font-size:14px;
font-weight:bold;
}

.pullquotel{
display:block;
margin-right:8px;
margin-bottom:8px;
}

.pullquoter{
display:block;
margin-left:8px;
margin-bottom:8px;
}


.pullquote-student{
color:#ffffff;
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
background:#03418e;
padding: 8px;

}


.photocredit{
color:#666666;
font-size:10px;
padding-top:3px;
}

.photocaption{
font-size:11px;
padding-top:3px;
}

.date{
color:#03418e;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
margin-top:10px;

}

.testimonial{
color:#03418e;
font-size:13px;
font-family:Georgia, "Times New Roman", Times, serif;

}

.sponsors{
font-size:9px;
color:#666666;
border-top:1px solid #ccc;
}

/** SPONSOR AND QUIZ POPUPS**/
.tableborder-blue{
	border: 1px solid #03418e;
}


.tableborder-green{
	border: 1px solid #358712;
}

.sponsor-rightbar{
	background: #fff url(/geochallenge/images/sponsorpop-rightbar.gif) no-repeat;
}

.question{
	font-weight: bold;
}

.messagebox{
	background-color: #ecf8ea;
	padding: 10px;
	margin-left: 50px;
	border: 1px solid #358712;
}


/** SPECTATORS **/
   .quest
{
	font-weight : bold;
	color : #000000;
}

 .hedtitle
{
	font-size : 22px;
	font-weight : normal;
	color : #003399;
}

 .hedwhite
{
	font-size : 14px;
	font-weight : normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color : #ffffff;
}

/* FORM TABLES */
.messagerow{
background-color:#FFFFCC;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
border:3px dashed #eaeab5;
padding:10px;
}

.messagerow-tr{
background-color:#FFFFCC;
color:#000;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px;
}

.hilite{
color:#990000;
/*background-color:#FFFFCC;*/
}


.hilite-focus{
color:#15422A;
background:#fff;
}

.listingtable{
border-collapse: collapse;
border:1px solid #999;
margin: 10px 0 0 0;
background:#f5f5f5;
}

.listingtable .label{
font-weight:bold;}

.listingtable tr td{
padding:4px 10px 4px 10px;
border-bottom:1px solid #999;
}

.listingtable tr td+td{
padding:4px 10px 4px 15px;
}


.listingtable tr.category td{
padding:4px 5px 4px 10px;
background-color:#358712;	
color:#fff;
font-weight:bold;
font-size:14px;
}
/* END BECOME A MEMBER TABLE*/


.pdf{
display:block;
height:20px;
padding-top:5px;
margin-bottom:0;
}

.pdf IMG{
display:block;
float:left;
margin-right:5px;
padding-top:0;
border:0;
}

/* ######### CSS for Shade Tabs in member admin######### */
.shadetabs{
padding: 0;
margin: 0 0 -4px 0;
font: bold 12px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}


.shadetabs ul{
display: inline;
margin: 0;
padding: 0;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
z-index: 1;
margin:0;
text-decoration: underline;
position: relative;
padding: 5px 8px;
border: 1px solid #fff;
color: #215a08;
background-color: #bdd9b2;
outline:none;
}

.shadetabs li a:visited{
text-decoration: underline;
color: #215a08;
}

.shadetabs li a:hover{
text-decoration: none;
color: #fff;
background-color: #358712;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
text-decoration: none;
color:#fff;
background-color: #358712;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentiframe{
	width:653px; 
	min-height: 1000px;
}

/* Form field hints with CSS and JavaScript */
