@import url(https://fonts.googleapis.com/css?family=Mouse+Memoirs);

/* RESET SCRIPT
---------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: 'Open Sans', arial, sans-serif;
	line-height: 1.6;
	background-color: #006394;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*MY ADDITIONS TO RESET HERE*
---------------------------------------------------*/

html {
	overflow-y: scroll;
}
/*Fixes scrollbar jump on short pages*/


/* CLEARFIX ELEMENT */
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
* html .group {
	zoom: 1;
} /* IE6 */
*:first-child+html .group {
	zoom: 1;
} /* IE7 */



/* Google Fonts Used (For Reference)
---------------------------------------------------*/
/*
font-family: 'Mouse Memoirs', sans-serif;
font-family: 'Open Sans', sans-serif;
*/



/* PAGE ELEMENTS
---------------------------------------------------*/
header {
	width: 100%;
	height: 360px;
	background-image: url(images/Banner06a.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #ccc;
}

#topbar {
	width: 100%;
	background: url(images/topbar-bgnd.png) top left repeat-x;
}

#nav-wrapper {
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
}

#nav {}

#bizname {
	position: absolute;
	/*margin-left: 2.333333%;*/
	padding: 0 28px;
	background-color: #ffcc00;
	font-size: 1.2em;
	line-height: 2.8;
	font-weight: 800;
	text-transform: uppercase;
	height: 100%;
}

#grabber {
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
}

#content-wrapper {
	width: 100%;
	background-color: #fff;
	padding: 56px 0;
}

#content {
	width: 94%;
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

#shield {
	position: absolute;
	width: 282px;
	height: 282px;
	right: 10px;
	top: -215px;
}

main {
	float: left;
	width: 60.75%;
	/*background-color: #72E0B5;*/
}

aside {
	float: right;
	width: 34.583333%;
	padding-bottom: 56px;
	background-color: #b2d0df;
}

footer {
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 56px 0;
}

#bottom-map-a {
	float: left;
	width: 21.5%;
	margin-right: 4.6666%;
}
#bottom-map-b {
	float: left;
	width: 21.5%;
}
#bottom-extras {
	float: right;
	width: 47.6666%;
}


/* FONTS
---------------------------------------------------*/
header h1 {
	font-family: 'Mouse Memoirs', sans-serif !important;
	font-size: 3.75em;
	line-height: 1; 
	color: #fff;
	margin-top: 56px;
	padding: 0 39.35% 0 2.333333%;
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.7);
}

main h1 {
	font-family: 'Mouse Memoirs', sans-serif !important;
	font-size: 3em;
	color: #006394;
	padding: 0 3.840878%;
}

main h2 {
	font-family: 'Mouse Memoirs', sans-serif !important;
	font-size: 2.375em;
	color: #006394;
	padding: 1em 3.840878% 0;
}	

main p {
	font-size: 1.125em;
	line-height: 1.875em;
	padding: 1em 3.840878% 0;
}

aside h2 {
	font-size: 1.625em;
	line-height: 1.3;
	font-weight: 700;
	color: #006394;
	padding: 1.5em 6.746988% .25em;
}

aside p {
	font-size: 1.25em;
	padding: 0 6.746988%;
}

#bottom-map-a p, #bottom-map-b p {
	font-size: 1em;
	color: #fff;
	line-height: 1.875em;
	padding: 0 10.852713%;
}

#bottom-extras p {
	font-size: 1em;
	color: #fff;
	line-height: 1.875em;
	padding: 0 4.895105%;
	margin-bottom: 2em;
}

#bottom-map-a p.category-head,
#bottom-map-b p.category-head { 
	font-size: 1.2em; 
	font-weight: 700;
}

#bottom-map-a p.category-head:nth-child(n+2),
#bottom-map-b p.category-head:nth-child(n+2) {
    margin-top: 1.5em;   
}

#bottom-extras p.topic-head {
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 0;
}

#bottom-extras p.copyright {
	font-style: italic;
}

strong { font-weight: 700;}

	

/* IMAGES
---------------------------------------------------*/
img.dotw {
	float: left;
	margin-left: -4.160475%;
	margin-right: 4.160475%;
	margin-bottom: 4.160475%;
}

img.fblogo {
	float: right;
	margin-left: 10.852713%;
}


/* LINKS
---------------------------------------------------*/
main a:link,
main a:visited,
aside a:link,
aside a:visited {
	color: #006394;
}

main a:hover,
main a:active,
aside a:hover,
aside a:active {
	color: #000;
}

footer p a:link, 
footer p a:visited { 
	color: #fff; 
	text-decoration: underline;
}

footer p a:hover, 
footer p a:active { 
	color: #ffcc00; 
	text-decoration: none;
}

footer p.category-head a:link, 
footer p.category-head a:visited,
footer p.topic-head a:link,
footer p.topic-head a:visited { 
	text-decoration: none;
}

.superawesome,
.superawesome:visited {
	width: auto;
	background: #000 url(images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 10px 40px 11px;
	color: #ffcc00;
	font-size: 1.375em;
	text-decoration: none;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
	border: 4px solid rgba(255,204,0,1);
	margin-top: .5em;
	margin-left: 2.333333%;
	position: relative;
	cursor: pointer;
}

.superawesome:hover,
.superawesome:active {
	color: #000;
	background-color: #fff;
}




/* MAIN NAVIGATION
---------------------------------------------------*/
.nav { 
	width:100%; 
	position: relative;
}

ul.simple-toggle { 
	list-style: none;
	font-weight: 700; 
	text-align: right;
}

ul.simple-toggle li { 
	display: inline-block; 
	text-align: left; }
	
ul.simple-toggle li a { 
	display: block; 
	padding: 14px 20px; 
	text-decoration: none; 
	color: #fff; 
}

ul.simple-toggle li a:hover { 
	color: #ffcc00;
	/*background-color: #ccc;*/
}

#page-home #nav-home {
	background: url(images/menu-current-bgnd.png);
}

.anchor-link { 
	display: none;
	text-align: right;
	padding: 0 1em 0;
	text-align: center;
	font-weight: 700;
	padding: 12px 15px;
	color: #006394;
	background-color: #fff;
	text-decoration: none;
	margin: 2px;
	float: right;
}

#mobile-nav { display:none; }





@media (max-width:960px){
	
ul.simple-toggle { display: none; }

.anchor-link, #mobile-nav { display: block; }

ul.open { 
    background-color: #006394;
    box-shadow: 2px 2px 3px #444444;
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 100%;
    width: 70%;
    z-index: 500; 
}

ul.open li { display: block; list-style: none; text-align: center; }
ul.open li a { display: block; padding: 20px 10px; border-bottom: 1px solid #fff; text-decoration: none; }
ul.open li a:hover { background-color: #006394; color: #ffcc00; }
	
}



@media screen and (max-width:900px) {
	
	main { 
		float: none;
		width: 100%;
	}
	
	aside {
		float: none;
		width: 100%;
		margin-top: 56px;
	}
	
	#shield {
		display: none;
	}
	
	Header h1 {
		padding-right: 2.333333%;
	}
	
	main h1 {
		padding: 0 2.333333%;
	}
	
	main h2 {
		padding: 1em 2.333333%;
	}
	
	main p {
		padding: 0 2.333333%;
	}
	
	.subnav li a {
		padding: 1em 2.333333%;
	}
	
	#bottom-extras {
		float: right;
		width: 60.75%;
	}
	
	#bottom-map-a {
		float: left;
		width: 34.58333%;
		margin-right: 0;
	}
		
	#bottom-map-b {
		float: left;
		clear: left;
		width: 34.58333%;
	}
	
	#bottom-map-a p, #bottom-map-b p {
		padding: 0 6.746988%;
	}

	#bottom-extras p {
		padding: 0 3.840878%;
	}
	
	#bottom-map-b p.category-head:first-child {
		padding-top: 1.5em;
	}
	
	img.dotw {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 4.160475%;
	}
	
}


@media screen and (max-width:500px) {
	
	header h1 {
		font-size: 3em;
	}
	
	#bottom-extras {
		float: none;
		width: auto;
	}
	
	#bottom-map-a,
	#bottom-map-b {
		float: none;
		width: auto;
	}
	
	#bottom-map-a p, #bottom-map-b p {
		padding: 0 2.333333%;
	}

	#bottom-extras p {
		padding: 0 2.333333%;
	}
	
	table.classtbl {
		float: none;
		width: 100%;
	}
	
}