/* SOMERVILLE Style Sheet */
/* This CSS file is:main.css*/
/* Initial validation at W3C on 27-05-2016 was 5 errors and 1 warning at CSS-Level 3 */ 
/* Modified by Ric Bolzan Aug 2017 */
/* Includes Google Analytics */
/* 	"#" is used for IDs that are very specific*/
/* 	"." is used where the class is used multiple times */
/* 	padding settings:top, right, bottom, left*/

/* ===================================================
BODY Section
===================================================== */

BODY {
	padding:0px; 
	margin:0px 0px 0px 0px; 
	background-color:#E1DADA; 
	color:#000000; 
	font-size:16px; 
	}

#pagewrap {
	max-width:900px; 
	margin:auto; 
	margin-top:0px; 
	margin-bottom:0px; 
	background-color:white; 
	border-width:1px; 
	border-style:solid; 
	text-align:center; 
	}

/* ===================================================
HEADER & NAVIGATION Section
===================================================== */
#header{
	text-align:center; 
	margin:10px 60px 0px 60px; 
	background-color:white; 
	}

#bulbcontainer{
	float:left; 
	margin-top:0; 
	padding:0; 
	}

#navcontainer{
	float:left; 
	/*max-width:90%; */
	/*margin:20px 10px 00px 00px; */
	padding:20px 0px 0px 0px; 
	}

#navcontainer ul{
	padding-left:0; 
	margin-left:0; 
	float:left; 
	font-family:Anton, Tahoma, Geneva, sans-serif; 
	font-size:15pt; 
	font-weight:normal; 
	text-decoration:none; 
	float:left; 
	}

#navcontainer ul li { 
	display:inline; 
	}

#navcontainer ul li a{
	padding:0em .2em 0em .2em ; 
	color:black; 
	text-decoration:none; 
	/*float:left; 
	border-right:0px solid #fff; */
	}

#navcontainer ul li a:hover{
	background-color: green; 
	color:#FFFFFF; 
	text-decoration:none; 
}

#navlist li.current a{
	padding:0em .2em 0em .2em ; 
	color:#3CB371; 
	text-decoration:none; 
	}

#toggleNavMain {
	margin-top:20px; 
	display:none; 
	font-size:15pt; 
	color:black; 
	font-weight:normal; 
	font-family:Anton, Tahoma, Geneva, sans-serif; 
	text-decoration:none; 
	}

/* ===================================================
CONTENT, HEADINGS & FONTS Section
===================================================== */
#content{
	text-align:left; 
	margin:0px 60px 0px 60px; 
	}

H1 {font-family:Arial Narrow, Tahoma; font-size:24pt; color:#009900; font-weight:bold; text-decoration:none; }

H2 {font-family:Arial Narrow, Tahoma; font-size:20pt; color:#009900; text-decoration:none; }

H3 {font-family:Arial Narrow, Tahoma; font-size:18pt; color:#009900; text-decoration:none; }

H4 {font-family:Arial Narrow, Tahoma; font-size:16pt; color:#009900; text-decoration:none; }

H5 {font-family:Arial Narrow, Tahoma; font-size:14pt; color:#009900; text-decoration:none; }

H6 {font-family:Arial Narrow, Tahoma; font-size:12pt; color:#009900; text-decoration:none; }

.bigheading {font-family:Comic Sans MS, Arial; font-size:36pt; color:#000000; font-weight:bold; font-style:italic; text-decoration:none; 	text-align:center; }

.caption {font-family:Arial Narrow;font-size: 12px; text-align: center; color:blue;}


/*{font-family:Comic Sans MS, Arial; font-size:36pt; color:#000000; font-weight:bold; font-style:italic; text-decoration:none; }*/


TD, P, INPUT , OL, UL {font-family:Arial; font-size:16px; text-decoration:none; }

#content {padding-left:10px; padding-right:10px; font-size:16px;color:black;}

#content a{font-size:16px;color:gray; font-family:Arial; font-weight:bold; text-decoration:none; }

#content a:visited{ font-size:16px; color:gray; font-family:Arial; font-weight:bold; text-decoration:none; }

#content a:hover{ font-size:16px; color:gray; font-family:Arial; font-weight:bold; text-decoration:underline; }

#content UL {margin-top:0px; }


/* =================== MEDIA QUERIES - MOBILE SETTINGS ================ */

/* for 980px or less */
@media screen and (max-width:1224px) {
	
h2 {
    line-height:1.2em; 
	}

	}
	
/* for 1000px or less */
@media screen and (max-width:1000px) {
		
	#contenttop{
	width:99%; 
	}
	}
	
/* for 880px or less */
@media screen and (max-width:930px) {
	#pagewrap {
	width:100%; 
	}	
	}


/* for 700px or less */
@media screen and (max-width:700px) {

h1 {
	font-size:2.8em; 
	}

h2 {
    font-size:1.8em; 	
    line-height:1.2em; 
	}

	}

/* =============== 
Give your nav elements that "blockie" look for mobile devices 
================== */

/* for 1000px or less */
@media screen and (max-width:1000px) {
	#navlist a { 
	width:100%; border-bottom:1px solid black !important; 
	text-align:center; 
	text-transform:uppercase; 
	font-family:Anton, Arial Narrow, Tahoma, Geneva, sans-serif; 
	padding:5px 0 5px 0 !important; 
	text-decoration:none; 
	}

	#navlist a:hover { background-color:none; 
/* WC3 CSS Error is Value Error:background-color none is not a background-color value:none 	 */
	}
	
	.mainheading {
	padding-left:10px; 
	font-size:30px; 
	font-family:Anton, Arial Narrow; 
	color:#64D8F9; 
	font-weight:bold; 
	font-style:italic; 
	text-decoration:none; 
	}

	.mission{
	padding-left:11px; 
	font-size:9px; 
	font-family:Anton, Arial Narrow; 
	color:#64D8F9; 
	}
}

@media screen and (max-width:620px) {
		
	#innerpagewrap {
	padding:10px 10px 10px 10px; 
	}

	#toggleNavMain {
	display:block; 
	max-width:100%; 
	/*	float:left; 
	right:15px; 
	top:40px; 
	padding:2% 3%; */
	font-family:Anton, Arial Narrow, Tahoma, Geneva, sans-serif; 
	text-decoration:none; 
	font-weight:bold; 
	font-size:3em; 
	color:green; 
	background:white; 
	cursor:pointer; 
	}
	
	#navcontainer {
	display:none; 
	}
	
	#navcontainer {
	float:left; 
	width:100%; 	
	margin-bottom:1%; 
	}
	
	#navcontainer li a {
	padding:3.5% 0% 3.5% 0%; 
	}
	#content{
	width:99%; 
	margin:0px 0px 0px 0px; 
	}

	}

	}


/* for 480px or less */
@media screen and (max-width:480px) {

	#pagewrap {
	margin:0px 0px 0px 0px; 
	}
	
	#header {
	height:auto; 
	margin:0px 0px 0px 0px; 
	font-family:Anton, Arial Narrow, Tahoma, Geneva, sans-serif; 
	text-decoration:none; 
/* above line was font-family:font-family:Tahoma, Geneva, sans-serif; */	
	}
	h1 {
	font-size:22px; 
	}
	h2 {
	font-size:18px; 
	}

	#contenttop{
	width:98%; 
	}
	
	}

/* for 420 or less */
@media screen and (max-width:420px){

	}


/* ============ end of css  =================== */