@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic);
body {	
	background: #fff; 
	color: #333;
	margin: 0; padding: 0; 
	padding-bottom: 10px;
	font: 100%/1.5 'Noto Sans', Arial, Helvetica, sans-serif; 
}
div { margin: 0; padding: 0; }
a:hover { color: #c00; }
#wrapper { 
	margin: 0 auto 2px auto; 
	width: 96%; 
	max-width: 1000px; 
	padding-top: 10px;
}
#masthead { width: 100%; float: left; margin-bottom: 20px; }
#masthead h1 { display: none; }
#masthead .fll { 
	max-width: 22%;
	margin-right: 3%; 
	margin-left: .5%;
	padding-bottom: 8px;
	padding-top: 22px;
	height: auto;
}
#masthead p {
	font-size: .95em;
	padding: 20px 0 0; 
	margin: 0 8px 40px 0;
	text-align: right;
	font-style: italic;
	color: #999;
}
#mmenu { display: none; }

/* navigation */
#main-nav { 
	float: right; 
}
#main-nav ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	text-align: right;
}
#main-nav li {
	display: inline-block;
	margin-left: 12px;
	position: relative;
	margin-bottom: 0;
}
#main-nav li a { 
	display: block;
	float: left;
	padding: 0 5px 3px 5px;
	text-decoration: none; 
	font-weight: normal; 
	color: #000; 
	font-size: 18px;
	line-height: 1.3em;
	border-bottom: 1px solid transparent;
}
#main-nav li a:hover, #main-nav li:hover > a { 
	color: #002372; 
	border-bottom: 1px solid #13A89E; 
}
#main-nav ul ul { 
	display: none; 
	position: absolute;
	list-style: none;
	overflow: hidden;
	margin-left: -2px;
	padding: 0;
	top: 100%;
	left: 0;
	float: left;
	width: 210px;
	background: #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	-moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	z-index: 9999;	
}
#main-nav ul ul li {
	display: block;
	min-width: 210px;
	height: auto;
	text-align: left;
	margin: 0;
	padding: 0; 
	border: 0;	
}
#main-nav ul ul a {
	font-weight: normal;
	font-size: .9em;
	line-height: 1.2em;
	padding: 5px 10px;
	width: 190px;
	height: auto;
	border-bottom: 1px solid #13A89E; 
	background: transparent !important; 
	color: #002372; !important;
}
#main-nav ul ul :hover > a {
	background: #fc3 !important;
	color: #000 !important;
}
#main-nav li:hover > ul {
	display: block;
	z-index: 9999;
}

.subhead { 
	clear: right; 
	position: relative;
	width: 98%;
	padding: 1em 1%;
	margin: 0 0 1em 0;
	background: none repeat scroll 0% 0% #FFF;
}
.subhead:before, .subhead:after {
    content: "";
    position: absolute;
    z-index: -2;
} 
.subhead:before {
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
    top: 60%;
    bottom: 0px;
    left: 10px;
    right: 10px;
    border-radius: 60% / 10px;
}


#page { 
	float: right; 
	width: 71%; 
	padding: 0 0 15px 0; 
	margin: 0 3% 0 0;  
}
#sidebar { 
	float: left; 
	width: 22%; 
	padding: 0 0 15px 0; 
}

a img { border: 0; }
article { overflow: hidden; }
h1, h2.h1 { 
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.1; 
	color: #000;
	margin-top: .2em; margin-bottom: .75em; 
	border-bottom: 1px solid #13A89E; 
	padding-bottom: 5px; 
	}
h1.sitedesc {
	border: none;
	padding-bottom: 0;
	font-size: 1.9em;
	color: #000;
}
h2 { 
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.3;
	color: #13A89E;
	margin-top: 0; margin-bottom: .5em; 
	}
h3 { 
	font-size: 1em; font-weight: bold;
	background-color: #FFF8B5;
	color: #000;
	padding: 2px 5px;
	border-left: 1.5em solid #fc3;
	margin: 0 0 .4em 0;
	clear: both;
	}
h4 { font-size: 1em; margin: 0; }
p, ul, ol { margin-top: 0; margin-bottom: 1em; }
li { margin-bottom: .5em; }
ul ul li { margin-bottom: 0; }
em { font-weight: bold; color: #c00; font-style: italic; }
.cen { text-align: center; }
.botnav { padding-bottom: .5em; }
.small, .sm { font-size: .9em; line-height: 1.2; }
.xsmall { font-size: .85em; }
.caption { font-size: .8em; line-height: 1.3em; color: #666; text-align: center; font-style: italic; }
.caption img { display: block; margin: 0 auto .3em auto; }
.credits { text-align: center; font-size: .85em; line-height: 1.2em; color: #888; }
.top { text-align: right; font-size: .85em; text-transform: uppercase; clear: both; }
.flr { float: right; margin: 0 0 10px 12px; }
.fll { float: left; margin: 0 12px 10px 0; }
.img-cen { display: block; margin: 1em auto; }
pre { font-size: 16px; line-height: 1.3; clear: left; }
.lside { width: 49%; float: left; }
.rside { width: 49%; float: right; }
.clr { clear: both; }
.nbm { margin-bottom: 0; }
.goldbox {  background-color: #fc3; padding: 5px 10px; border-radius: 4px; }
.event-button {
	display: block;
	margin: 0 auto 1.5em auto;
	border-radius: 10px;
	border: 1px solid #3361AC; 
	box-shadow: inset -1px -1px 3px rgba(0,0,0,.25);
	padding: 4px;
	width: 178px;
	max-width: 90%;
}
.event-button:hover {
	border-color: #FFCC33;
}
.sca-fb-like-holder { 
	float: right; 
	width: 300px;
	margin: 0 0 15px 20px; 
}


/* media queries for smaller screens */

@media ( max-width: 900px ) {
	.sca-fb-like-holder { 
		float: none; 
		width: auto;
		margin: 1em auto;
	}
}

@media ( max-width: 640px ) {
	body { background: #fff; }
	#wrapper { margin: 0 0 .5em 0; padding: 5px; width: auto; background: #fff; }
	/* #mmenu { display: block; text-align: center; font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: .5em auto; }
	#mmenu a { text-decoration: none; background: #F1CC49; padding: 3px 5px; color: #000; }
	#mmenu a:hover { background: #3361AC; color: #fff; } */
	#sidebar { float: none; width: auto; padding: 1em 0; }
	.subhead { display: none; }
	#masthead p { display: none; }
	#masthead .fll { 
		display: block;
		float: none;
		width: 150px;
		max-width: 50%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 4px;
		margin-top: 0;
	}
	#main-nav { 
		width: 100%; 
		float: left; 
	}
	#main-nav ul { 
		text-align: center;
	}
	
	#main-nav li a { text-align: center; }
	#main-nav li:hover > ul { display: none; }

	#page { float: none; width: auto; padding: 5px; margin: 0; }
	img { max-width: 100%; height: auto; }
	.botnav  { display: none; }
	.fll, .flr { max-width: 50%; }
	.fll img, .flr img { max-width: 100%; }
	.lside, .rside { float: none; width: auto; }
	pre { clear: both; }
	.credits { color: #555; }

}

@media ( max-width: 360px ) {
	
	.fll, .flr { float: none; margin: 1em 0; max-width: 100%; }
	img.fll, img.flr { display: inline; }

}