body {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif; /*was Arial, Helvetica*/
	color:#222222;
	margin:0;
	background-color:#fff;
}

header .headerlogo { float:left; } 

/* screens larger than 600px will always start with large banner banner */ 
@media(min-width:601px) { 
	header.large #mylogo { height: 95px; max-width: 100%; width: auto\9; /* IE8 */ } 
	header.small #mylogo { height: 50px; max-width: 100%; width: auto\9; /* IE8 */ } 
	header.large #navdiv { top: 105px;position:fixed; } 
	header.small #navdiv { top: 60px;position:fixed; } 
	#maincontentdiv { margin-top:165px; }
	
  	header.small .placeholder { width:0%!important }
	} 

/* screens smaller than 600px will always have small banner */ 
@media (min-width:1px) and (max-width:600px) { 
	header #mylogo { height: 50px; max-width: 100%; width: auto\9; /* IE8 */ } 
	header #navdiv { top: 60px;position:fixed; } 
	#maincontentdiv { margin-top:120px; }
	}
	
/* screens smaller than 720 px */
@media(max-width:680px)
{
  header .placeholder { display:none; /* once the screen is too small to fit the logo, left align it */} 
  header .headerlogo { float: none; /* IE compatibility */ } 
}
	

#mylogo,#navdiv,.placeholder{ 
	transition: all 1s; 
	-moz-transition: all 1s; /* Firefox 4 */ 
	-webkit-transition: all 1s; /* Safari and Chrome */ 
	-o-transition: all 1s; /* Opera */ 
}

	

#listdiv { max-width:1000px; line-height:150%; border:1px solid #ccc; padding:10px; background-color:#f8f8f8; border-radius:15px; }
/*#listdiv span { color:#060; }*/
#listdiv span { float:left; width:25%; min-width:250px; } 
#listdiv span i { color:#060; padding-right:5px; }


#navdiv { width:90%;
		  margin:0 auto;
		  left:0;
		  right:0;
		  background-color:#fff;
		  border-top:10px solid #fff;
		}
#navdiv select { font-family:Tahoma,sans-serif;
				 font-size:1em;
			   }

/*maincontentdiv link colors*/
#maincontentdiv a{color:#009;text-decoration:underline;}
#maincontentdiv a:visited{color:#009;}
#maincontentdiv a:hover{color:#00f;}


#footerdiv { font-size:0.7em;
			 border-top:1px solid #ccc;
			 width:90%;
			 padding:.7em 0;
			 margin:1.5em auto;
			 text-align:center 
			 }
#footerdiv a{color:#009;text-decoration:underline;}
#footerdiv a:visited{color:#009;}
#footerdiv a:hover{color:#00f;}

/* For testimonials and terms */
.highlight { background-color:#ff9; }
/* For testimonials */
.name { font-weight:bold; }
.location { font-weight: bold; color:#666; }
.h3comments {
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
	margin-top:45px;
}

/* Styles the ShowMoreTestimonials form */	
#submitmore { width:75%;color:#036;text-decoration:underline;background-color:#ff6;font-weight:bold; }
#submitmore:hover { color:#fff; background-color:#369; cursor: pointer; }
#MoreComments { text-align:center; }


/*FAQ specific*/
p.question { font-style: italic; }
p.answer { font-size: .9em; }
.questionspan { background-color:#eee;padding:2px;border-radius:3px; }

/*Privacy Policy specific*/
p.legaltop { font-size:.9em;font-weight:bold; }
p.legalheading { font-size:.9em;width:250px; background-color:#eee; padding:3px; }
p.legal { font-size:.9em; }
li.legal { font-size:.9em; }

/*Terms of Use specific*/
p.termstop { font-size:1em;font-weight:bold; }
p.termsheading { font-size:.9em;width:260px; background-color:#eee; padding:3px; }
p.terms { font-size:.9em; }
li.terms { font-size:.9em; }

/*Donate specific*/
p.donate { font-size:.98em; }
#moneydiv { max-width:250px; line-height:150%; border:1px solid #ccc; padding:2px; background-color:#f8f8f8; border-radius:5px; }
#moneydiv p { font-size:.9em; }

/*Comments specific*/
.commentstop { width:95%;font-size:.95em; }
.commentsp { font-size:.9em;font-style:italic; color:#333;margin:15px auto; }
.commentshr { border: 0; height: 2px; width: 50%; margin:10px auto; color:#999; background: #999; background-color:#999; }
span.bigquote { font-size:1.2em; }

/*Listen specific*/
#listencontainer1 p{ font-size:1.1em; }
#listencontainer3 p{ font-size:1.1em; }
.grey { background-color:#eee;padding:.4em .2em;margin:0 auto; }
.white { background-color:#fff;padding:.4em .2em;margin:0 auto; }
.closebutton { width:15px;height:15px;border:2px solid #666;padding:1px;margin-top:5px;background-color:#efefef;border-radius:3px; }
.pipebar { color:#999;margin-left:5px;margin-right:5px;font-size:1em; }

/*CONTACT FORM*/

/* Labels are titles for text fields. You can use a placeholder instead*/
label 
{
    display:block;
    margin-top:20px;
}

/* Centres the form within the page */
#contactform 
{
    margin:0;
    width:100%;
}

/* Styles the text boxes */
input {
	/* width:80%; */
	font-family: Georgia,serif;
	font-size:1em;
	background-color:#efefef;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	color:#333333;
}

textarea {
	width:80%;
	font-family: Georgia,serif;
	font-size:1em;
	background-color:#efefef;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	color:#333333;
}

input:focus, textarea:focus {
	border:1px solid #0000ff;
}

/* Styles the submit button */
#submit {
	padding:5px 10px;
	background-color:#ccc;
	width:127px;
	text-align: center;
	border:none;
	margin-top:20px;
	cursor:pointer;
}

#submit2 {
	padding:5px 10px;
	color:#fff;
	background-color:#369;
	width:127px;
	text-align: center;
	border:none;
	margin-top:20px;
	cursor:pointer;
}

/* Styles the submit hover */	
#submit:hover {
	color:#fff;
	background-color: #369;
}

#submit2:hover {
	background-color: #003E4D;
}





/*SURVEY FORM*/

/* Labels are titles for text fields. You can use a placeholder instead*/


/* Centres the form within the page */
#surveyform 
{
    margin:0;
    width:100%;
}

#surveybutton {
	padding:5px 10px;
	color:#fff;
	background-color:#369;
	width:127px;
	text-align: center;
	border:none;
	margin-top:20px;
	cursor:pointer;
}

#surveybutton:hover {
	background-color: #003E4D;
}

#donationbutton {
	padding:2px;
	color:#fff;
	font-size:.9em;
	background-color:#369;
	width:215px;
	text-align: center;
	border:1px solid #000;
	margin-top:10px;
	cursor:pointer;
}

#donationbutton:hover {
	background-color: #003E4D;
}

#donationcancelbutton {
	padding:2px;
	color:#333;
	font-size:.8em;
	background-color:#ccc;
	width:215px;
	text-align: center;
	border:1px solid #000;
	margin-top:15px;
	cursor:pointer;
}

#donationcancelbutton:hover {
	color:#fff;
	background-color: #369;
}