body {
	background-color:#F2F2F3;
	padding:0px;
	margin:24px 0px 0px 0px;
	font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:20px;
	font-style:normal;
	font-weight:normal;
	color:#333333;
	}
p {padding:0px; margin:0px;}
img {border: 0;}

/* The following is the original "orange" link color:
a:link {color: #FF6600; text-decoration: underline;}
a:visited {color: #FF6600; text-decoration: underline;}
*/

a:link {color: #72A051; text-decoration: underline; font-weight: bold;}
a:visited {color: #72A051; text-decoration: underline; font-weight: bold;}
a:hover {text-decoration: none; font-weight: bold;}

.topnav a:link, .topnav a:visited {font-size:20px; font-weight:normal; color:#FFF; text-decoration:none;}
.topnav a:hover {color:#FFF; text-decoration:none;}

/* Classes */
.lightBlue {color:#5FA6C7;}
.mediumBlue {color:#0065B3;}
.darkBlue {color:#003666;}
.darkBlue2 {color:#0E3B7B;}
.green {
	color:#73A534;
	font-size: 18px;
}
.darkGreen {color:#016C34;}
.cyan {color:#52B2B9;}
.orange {color:#FF6600;}
.maroon {color:#76004F;}
.turquoise {color:#3b817f}
.topStory-blue {
	font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height:24px;
	font-weight: lighter;
	color: #0E3B7B;
}
.topStory-green {
	font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height:24px;
	font-weight: lighter;
	color: #588f30;
}
.topStory-turquoise {
	font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height:24px;
	font-weight: lighter;
	color: #3b817f;
}
.topStory-mediumblue {
	font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height:24px;
	font-weight: lighter;
	color: #0065B3;
}
.topStory-mediumblue-big {
	font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height:24px;
	font-weight: lighter;
	color: #0065B3;
}
.topStory-cyan {font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 26px; line-height:32px; font-weight: normal; color: #52B2B9;}
.storyHeader {font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 18px; line-height:24px; font-weight: lighter; color: #0E3B7B;}
.storyHeader-green {font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 18px; line-height:24px; font-weight: lighter; color: #73A534;}
.storyHeader-darkGreen {font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 18px; line-height:24px; font-weight: lighter; color: #016C34;}
.sidebarHeader {font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height:25px; font-weight: normal; color: #52B2B9;}
.sidebarText {
	font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight: normal;
	color: #333333;
}
.sidebarText2 {
	font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:9px;
	font-weight: normal;
	color: #0E3B7B;
}
.sidebarNAV {
	font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight: lighter;
	color: #333333;
}
.sidebarQuote {font-size:13px; text-align:left; font-style:italic; font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif; color: #346194;}
.sidebarQuote-blue {
	font-size:15px;
	text-align:left;
	font-style:normal;
	font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #346194;
}
.sidebarQuote-green {
	font-size:15px;
	text-align:left;
	font-style:normal;
	font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #588f30;
}
.sidebarQuote-turquoise {
	font-size:15px;
	text-align:left;
	font-style:normal;
	font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #3b817f;
}
.leadIn {font-size: 15px; color: #0E3B7B;}
.pullQuote {font-family: "Times New Roman", Times, serif; font-size: 11pt; color:#336699; font-weight:bold; word-spacing: .1em;}
.smallfont {font-size:11px; line-height:14px;}
.smallfont2 {font-size:13px; line-height:16px;}
.h-line {height:6px; margin-left:auto; margin-right:auto; margin-bottom:6px; border-bottom:1px solid #CCCCCC;}
.serifont {font-family: "Times New Roman", Times, serif;}
.dropcap-1 {
	float:left;
	font-size:82px;
	position:relative;
	top:21px;
	margin-bottom:46px;
}
.spacer {border:0px; width:1px;}
.inlinedots {position:relative; bottom:10px;}
.print {line-height:11px; position:relative; bottom:8px; font-size:11px;}
.nobr	{white-space:nowrap;}    /* Use this to prevent line breaks, like with a hyphenated word. */
.cursorhand {cursor: pointer;} /* This changes the mouse cursor to a hand image when you hover over an object. */

/* drop shadow */
.shadow {
	-moz-box-shadow: 3px 3px 4px #666666;
	-webkit-box-shadow: 3px 3px 4px #666666;
	box-shadow: 3px 3px 4px #666666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

/* box rounded corners */
.roundcorner {
	border-radius:15px;
	-moz-border-radius:15px; /* Old Firefox */
}

.roundcornertop {
	border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 1em 1em 0.5em 0.5em; /* Old Firefox */
}

/* GRADIENT BACKGROUNDS — note that the last parameter in the rgba() function can be a value from 0 to 1 and defines the level of transparency. */
/* medium blue: 0% color (100% transparent) at top transitioning to 10% color at bottom */
.grad-1
{
background: -webkit-linear-gradient(rgba(0,101,179,0),rgba(0,101,179,.1)); /*Safari 5.1-6*/
background: -o-linear-gradient(rgba(0,101,179,0),rgba(0,101,179,.1)); /*Opera 11.1-12*/
background: -moz-linear-gradient(rgba(0,101,179,0),rgba(0,101,179,.1)); /*Firefox 3.6-15*/
background: linear-gradient(rgba(0,101,179,0),rgba(0,101,179,.1)); /*Standard*/
}

/* IDs */
#prtbody { 
	background-color:#FFF;
	padding:12px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:24px;
	font-style:normal;
	font-weight:normal;
	color:#666666;
	}
#pad {padding: 8px 8px 2px 8px;}
#floatleft {float: left; padding-right: 8px;}
#floatright {float: right; padding-left: 8px;}
#borders {border: 1px solid #EBEBEB;}
#expand1 {overflow:hidden; display:none;}
#expand2 {overflow:hidden; display:none;}

#plainlink a:link, #plainlink a:visited {color:#666666; font-weight:normal;	text-decoration:underline;}
#plainlink a:hover {color:#CCCCCC; font-weight:normal; text-decoration:none;}

#bluelink a:link, #bluelink a:visited {color:#0065B3; font-weight:normal;	text-decoration:none;}
#bluelink a:hover {color:#73A532; font-weight:normal; text-decoration:underline;}

#learn a:link, #learn a:visited {color:#3b817f; font-weight:normal;	text-decoration:underline;}
#learn a:hover {color:#CCCCCC; font-weight:normal; text-decoration:none;}

#topnav a:link, #topnav a:visited {
	font-size:10px;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
}
#topnav a:hover {color:#CCCCCC;	text-decoration:none;}

#footer {font-size:10px; color:#666666; text-align:center; line-height:14px;}
#foot a:link, #foot a:visited {color:#666666; text-decoration:none;}
#foot a:hover {color:#52B2B9; text-decoration:none;}

/* Begin sidebar nav */
#sidenav td {
	border-bottom: 2px solid #FFFFFF;
	}
#sidenav a:link, #sidenav a:visited {
	font-family:Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: 4px;
	}
#sidenav a:hover {
	background: #CCCCCC;
	color: #FFFFFF;
	}
/* End sidebar nav */

/* Begin nav images */
#contact-sm {display:block; height:30px; width:245px; background-image: url(../sys_files/nav/contact.gif);}
#contact-sm:hover {background-image: url(../sys_files/nav/contact2.gif);}

#donate {display:block; height:155px; width:290px; background-image: url(../sys_files/nav/donate.jpg);}
#donate:hover {background-image: url(../sys_files/nav/donate2.jpg);}

#donate-sm {display:block; height:30px; width:245px; background-image: url(../sys_files/nav/donate.gif);}
#donate-sm:hover {background-image: url(../sys_files/nav/donate2.gif);}

#donate-xsm {display:block; height:27px; width:110px; background-image: url(../sys_files/nav/donate-xsm.jpg);}
#donate-xsm:hover {background-image: url(../sys_files/nav/donate-xsm2.jpg);}

#facebook {display:block; height:30px;	width:100px; background-image: url(../img/facebookIcon1.gif);}
#facebook:hover {background-image:url(../img/facebookIcon2.gif);}

#how {display:block; height:45px;	width:335px; background-image: url(../sys_files/nav/how.gif);}
#how:hover {background-image:url(../sys_files/nav/how2.gif);}

#how-sm {display:block; height:37px; width:335px; background-image: url(../sys_files/nav/how-sm.gif);}
#how-sm:hover {background-image: url(../sys_files/nav/how-sm2.gif);}

#recent {display:block; height:29px; width:202px; background-image: url(../sys_files/nav/recentstories1.gif);}
#recent:hover {background-image:url(../sys_files/nav/recentstories2.gif);}

#express {display:block; height:29px; width:202px; background-image: url(../sys_files/nav/express1.jpg);}
#express:hover {background-image:url(../sys_files/nav/express2.jpg);}

#return {display:block; height:22px; width:112px; background-image: url(../sys_files/nav/buttonReturn1.gif);}
#return:hover {background-image:url(../sys_files/nav/buttonReturn2.gif);}

#twitter {display:block; height:30px; width:100px; background-image: url(../img/twitterIcon1.gif);}
#twitter:hover {background-image:url(../img/twitterIcon2.gif);}

#video-icon {display:block; height:48px; width:48px; background-image: url(../sys_files/nav/icon-Video.gif);}
#video-icon:hover {background-image: url(../sys_files/nav/icon-Video2.gif);}

#volunteer {display:block; height:155px; width:290px; background-image: url(../sys_files/nav/volunteer.jpg);}
#volunteer:hover {background-image: url(../sys_files/nav/volunteer2.jpg);}

#volunteer-sm {display:block; height:30px; width:245px; background-image: url(../sys_files/nav/volunteer.gif);}
#volunteer-sm:hover {background-image: url(../sys_files/nav/volunteer2.gif);}

#what {display:block; height:45px; width:336px; background-image: url(../sys_files/nav/what.gif);}
#what:hover {background-image:url(../sys_files/nav/what2.gif);}

#what-sm {display:block; height:37px; width:336px; background-image: url(../sys_files/nav/what-sm.gif);}
#what-sm:hover {background-image: url(../sys_files/nav/what-sm2.gif);}

#who {display:block; height:45px; width:335px; background-image: url(../sys_files/nav/who.gif);}
#who:hover {background-image:url(../sys_files/nav/who2.gif);}

#who-sm {display:block; height:37px; width:335px; background-image: url(../sys_files/nav/who-sm.gif);}
#who-sm:hover {background-image: url(../sys_files/nav/who-sm2.gif);}

#w-help {display:block; height:30px; width:164px; background-image: url(../sys_files/nav/button-W-HELP1.gif);}
#w-help:hover {background-image:url(../sys_files/nav/button-W-HELP2.gif);}

/* End nav images */

/* Begin quiz code */

.answers li { 
list-style: upper-alpha; 
} 

label { 
margin-left: 0.5em; 
cursor: pointer; 
} 

#results { 
background: #dddada; 
color: 000000; 
padding: 3px; 
text-align: center; 
width: 200px; 
cursor: pointer; 
border: 1px solid gray; 
}

#results:hover { 
background: #3d91b8; 
color: #ffffff; 
padding: 3px; 
text-align: center; 
width: 200px; 
cursor: pointer; 
border: 1px solid gray; 
} 

#categorylist { 
margin-top: 6px; 
display: none; 
} 

#category1, #category2, #category3, #category4, #category5, #category6, #category7, #category8, #category9, #category10, #category11 { 
display: none; 
}

#closing {
display: none;
font-style: italic;
}

#player {
 width: 200px;
}​

/* End quiz code */

/* Quiz code from Echo Cases */

.highlight {background: #C2FFA3; padding: 4px;}
.nohighlight {background: #FFF;}

/* End cases quiz code */
h1 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #0065B3;
}
h2 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #0E3B7B;
}
.green-mosquitopage {
	color:#73A534;
	font-size: 18px;
}
.grey {
	color:#999999;
}
.lightgrey {
	color:#CCCCCC;
}
hr {
height: 10px;
color: #cccccc;
background-color: #cccccc;
border: none;
}
.bluebackground {
	background-color: #4680C2;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #4680C2;
	font-size: 16px;
	height: 20px;
	padding-top: 3px;
	padding-left: 8px;
	font-weight: lighter;
}
.styled-select select {
	width: 320px;
	padding: 5px;
	font-size: 15px;
	border-radius: 0;
	height: 155px;
	-webkit-appearance: none;
	background-color: #EAEAEA;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
   }
   .styled-select2 select {
	width: 320px;
	padding: 5px;
	font-size: 15px;
	border-radius: 0;
	height: 425px;
	-webkit-appearance: none;
	background-color: #EAEAEA;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
   }
.lightgreybackground {
	background-color: #F5F5F5;
}
h3 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #0E3B7B;
}
.hoverData{
		width:100%;  
	}
	/* Define the default color for all the table data */
	.hoverData td{
		background: #ffffff;
	}
	/* Define the hover highlight color for the table data */
    .hoverData td:hover {
	background-color: #FFDD35;
    }
.uppercase {
	text-transform: uppercase;
}
