body {margin:0px;padding:0px;color:#000;background: #ccc;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*
@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); -- IE9 Compat Modes 
  src: url('webfont.eot?#iefix') format('embedded-opentype'), -- IE6-IE8 
       url('webfont.woff') format('woff'), -- Modern Browsers 
       url('webfont.ttf')  format('truetype'), -- Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg'); -- Legacy iOS 
}
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 29, 2014 
@font-face {
    font-family: 'josefin_slabsemibold';
    src: url('josefinslab-semibold-webfont.eot');
    src: url('josefinslab-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('josefinslab-semibold-webfont.woff2') format('woff2'),
         url('josefinslab-semibold-webfont.woff') format('woff'),
         url('josefinslab-semibold-webfont.ttf') format('truetype'),
         url('josefinslab-semibold-webfont.svg#josefin_slabsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
	*/
@font-face {
    font-family: 'Mulish-SemiBold';
    src: url('Mulish-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/* 
#036 navy blue      
#06c lt blue
#900 burgundy
#333 dk grey
*/


#container {
	   width: 980px;
	   margin: 0 auto;
     max-width:980px;
     float:none;
     padding: 0;
     background-color: #FFFFFF;
     color: #000000;
/*     border: 2px solid purple;    */
}	
#content {
  position: relative;
	float:left;
	width:90%;
	padding: 5%;
  background-color: #FFFFFF;
  font: Arial,sans-serif;
/*    border: 2px solid green;    */  
	}
#navbar {
	position: absolute;
	padding: 0;
	margin: 0px 0px 0px 240px;
	top: 120px;
	width: 500px;
	text-align:center;
  	}
#footer {
  clear:both;
	height:250px;
	margin: 20px auto;
	text-align: center;
/*  border: 2px solid orange;    */
	}
#header {
	height:150px;
	margin: 0px auto;
	text-align: center;
	}	

#quote {
 width:50%;
 margin-top:1.5em;
 margin-bottom:0.4em;
 margin-left:auto;
 margin-right:auto;
 padding-bottom:10px;
 font:bold 1.4em 'Mulish-SemiBold',Arial,sans-serif; 
 color:#666; 
 text-align: left;
}	

/*
-------------------------------- Navigation ------------------------------ 

List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/

*/


ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	}
		
ul#mainnav li {
	display: inline;
	}

ul#mainnav li a {
	display: inline;
	margin: 0px 15px 0px 15px;
	padding: 6px 14px 6px 6px;
	background-color: #fff;
	font: 1.2em/1.5em 'Mulish-SemiBold',Arial,sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #06c;
	text-decoration: none;
	width: 180px;	
	}

ul#mainnav li a:hover {
	color: #600;
	}
	
  
h1 {
	font: bold 1.6em/1.8em 'Mulish-SemiBold',Arial,sans-serif;
	color: #600;
  margin: 0;
	padding:0;
	}

h2 {
	font: bold 1.4em/1.7em 'Mulish-SemiBold',Arial,sans-serif;
	color: #036;
  margin: 0;
	padding:0;
  }

	
p {
	font: 1.1em/1.3em Arial,sans-serif;
	margin-bottom: 0px;
	padding:0;
	}

table,th,td {
	font: 1.0em Arial,sans-serif;
	}

div#content li {
	font: 1.1em/1.3em Arial,sans-serif;
	}

div#content ul {
	margin-top: 5px;
	padding: 0px;
	margin-left:30px;
	}

 img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
	
.footer {
	font: 0.8em 'Mulish-SemiBold',Arial,sans-serif;
	text-align: center;
	}

a:link {color: #06c;}
a:visited {color: #06c;}
a:hover {color: #900;}
a:active {color: #900;}
	
a.skipnav {
	font: 0.5em Arial,Helvetica,sans-serif;
	color:#fff;
	}
hr {color: #ccc;height: 2px;margin: 5px 0px;padding: 0px;}
a img {border: 0px none;display: block;}
/* display: block; removes extra space underneath caused by default text-alignment */



.button {
	padding: 2px;
	font: bold small Arial,'Lucida Grande',Verdana,Lucida,Helvetica,sans-serif;
	color: #fff;
	background-color: #5C6F90;
	border: 1px solid #000;
	}
	

	
#top {margin:0;padding:0;}
.centerText  {text-align:center;}
ul {margin-left:25px;margin-top: 0px;padding: 0px;}
img.centered {display: block;margin-left: auto;margin-right: auto; }