@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(http://fonts.googleapis.com/css?family=Abel);
*{ margin:0px; padding:0px; box-sizing: border-box;}
body{background:#E3F5FF; color:#020D3B; font-family: 'Roboto', sans-serif; font-size:1em; overflow-x:hidden; min-height:100%; }
a h1{font-size:2.6em; color:#020D3B; font-family: 'Old Standard TT', serif; text-align:left;}
a h1:hover{color:#8EBAFF; font-size:2.6em; }
h2{font-size:1.6em; margin-bottom:30px; background-color: #30386B; color:white; padding:10px;  -webkit-border-radius: 12px;   -moz-border-radius: 12px;  border-radius: 12px; }
h3{font-size:1.8em; padding-bottom:20px;}
h4{font-size:1.2em; color:#2059FF;}
h5{font-size:1.6em;}
h6{font-size:1.4em;}
p{ padding-bottom:10px; text-indent: 1.5em; line-height:1.3em;}
p::first-letter {
  font-size:1.2em;
}
a {text-decoration: none;}
a:hover{}
.full-width{width:100%;}
.fixed-center{max-width:1000px; margin:0 auto;}
.clearfix{clear:both;}
/*============== Header =================*/
#outer-header{border-width:0 0 16px 0;

 border-image: url("../images/stamp-edge-white-rotate.fw.png") 0 0 16 0 repeat; 
 -moz-border-image: url("../images/stamp-edge-white-rotate.fw.png") 0 0 16 0 repeat;
 -webkit-border-image: url("../images/stamp-edge-white-rotate.fw.png") 0 0 16 0 repeat;
 -o-border-image: url("../images/stamp-edge-white-rotate.fw.png") 0 0 16 0 repeat;
 border-style:solid;
 overflow:auto;}
#header{overflow:auto; line-height: 1em; padding-left:20px; overflow:auto;}
#banner{float:left; width:80%;}
#logo {float:left; width:20%; padding-top:20px;}
#logo img { position:absolute;}
#links{text-align:right;}
#links a{margin:10px; font-size:0.8em;}
#links a:hover{color:#8EBAFF;}
/*============== menu =================*/
#outer-top-menu{ background:#30386B; border-width:0 0 16px 0;
 border-image: url("../images/stamp-edge-white.fw.png") 0 0 16 0 repeat;
 -moz-border-image: url("../images/stamp-edge-white.fw.png") 0 0 16 0 repeat;
 -webkit-border-image: url("../images/stamp-edge-white.fw.png") 0 0 16 0 repeat;
 -o-border-image: url("../images/stamp-edge-white.fw.png") 0 0 16 0 repeat;
 border-style:solid;
 }
nav{ z-index:1; overflow:auto; line-height:0.5em; font-family: 'Abel', sans-serif;}

nav.nav-menu {
	background-color: #30386B;
	padding: 5px;
	
}
nav.nav-menu ul {
	margin: 0;
	padding: 0;
}

nav.nav-menu ul li {
	list-style: none;
	float: left;
}

nav.nav-menu ul li a:link,
nav.nav-menu ul li a:visited {
	display: block;
	font-size: 1.0em;
	padding: 10px 25px 10px 0;
	color:rgba(241, 240, 235, 1);
	text-decoration: none;
	font-weight: bold;
}

.menu-trigger {
	display: none;
}

.menufix:before, .clearfix:after { content: ""; display: table; }
.menufix:after { clear: both; }
.menufix { *zoom: 1; }

/*============== content =================*/


#content{ }
#inner-content{}
#main_section{
	float:left;
	width:100%;
	margin-top:20px;
}
#home_section{
	float:left;
	width:75%;
	margin-top:20px;
}
#show{float:left; width:25%; margin:90px 0 0 0;}
#map{float:left; width:25%; margin:90px 0 0 0; border:0px solid black;}
#side{
	float:left;
	width:100%;
	margin:20px 0;
	padding:20px;
	background:#30386B;
	color:#E3F5FF;
	overflow:auto;
	border-width:11px 11px 11px 11px; border-image: url("../images/box.fw.png") 11 11 11 11 stretch stretch;
	-moz-border-image: url("../images/box.fw.png") 11 11 11 11 stretch stretch;
	-webkit-border-image: url("../images/box.fw.png") 11 11 11 11 stretch stretch;
	-o-border-image: url("../images/box.fw.png") 11 11 11 11 stretch stretch;
	border-style:solid;
}
#image img{width:100%;}
#right-image {float:right;}
.bold{font-weight:900;}
.indent{text-indent: 0em;}
#side a{ color:white; font-weight:900;}
#side a:hover{color:#aad4ff; font-size:1.6em;}
.visits table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
.visits tr:nth-child(odd){ background-color:#aad4ff; }
.visits tr:nth-child(even)    { background-color:#ffffff; }
.visits td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 0px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:1em;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
.comps p { padding:0px; margin:0px;}
.comps table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
.comps tr:nth-child(odd){ background-color:#aad4ff; }
.comps tr:nth-child(even)    { background-color:#ffffff; }
.comps td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 0px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:1em;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
article{ margin-bottom:15px;}
.bigger{font-size:1.3em;}
/*============== Footer =================*/
#outer-footer{ background:#2059FF; float:left; border-width:16px 0 0 0; border-image: url("../images/stamp-edge-white-rotate.fw.png") 16 0 0 0 repeat;
-moz-border-image: url("../images/stamp-edge-white-rotate.fw.png") 16 0 0 0 repeat;
-webkit-border-image: url("../images/stamp-edge-white-rotate.fw.png") 16 0 0 0 repeat;
-o-border-image: url("../images/stamp-edge-white-rotate.fw.png") 16 0 0 0 repeat;
border-style:solid;
}

#footer{
	clear:both;
	text-align:center;
	padding:10px;
	color:white;
	
}


/*============== Media =================*/
@media screen and (max-width: 480px) {
	body{font-size:0.8em; }
	p{ padding-bottom:10px; text-indent: 1.5em; line-height:1.1em; }
	a h1{font-size:2.8em; line-height:1.0em;}
	#main_section, #side{width:100%;}
	.menu-trigger {display: block; color:rgba(241, 240, 235, 1); background-color:#30386B; padding: 10px; text-align: right; font-size: 83%; 	cursor: pointer;}
	nav.nav-menu {display: none;	}
	nav.nav-expanded {display: block; height:auto; float:left; padding: 20px 20px;}
	nav.nav-menu ul li {float: none; border-bottom: 2px solid rgba(241, 240, 235, 1);}
	nav.nav-menu ul li:last-child {	border-bottom: none;}
	.full-width{width:100%;}
	.fixed-center{width:100%;}
	#logo, #show {display: none;}
	#map{width:75%;}

}