@charset "utf-8";
/* CSS Document */
/*
 Theme Name:     Storefront Paper Child
Theme URI: http://storefrontthemes.com/sfpaper
Author: Matt Jones of Storefront Themes
 Description:    Storefront Paper Child Theme
 Template:       storefront-paper
 Version:        1.0.0
*/

@import url("../storefront-paper/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
body, html{
	margin:0px;
	padding:0px;
}


#page {
padding:0px;
width: 800px;
margin: 0px auto;
max-width: 100%;
position:relative;
}

h1, h2, h3 {
text-transform: none;
}
h1 {
font-size: 24px;
line-height: 36px;
font-weight: bold;
margin-bottom: 20px;
}

h3 {
font-size: 16px;
line-height: 20px;
font-weight: 500;
margin-bottom: 12px;
}
.text h3 {
border-bottom:1px solid #003399;
color:#999;
font-size: 14px;
font-weight: normal;
display:block;
padding-top:20px;
}
h4{
	color:#003399;
	font-weight:bold;
}
#logo-link-container {
top: -5px;
}

.site-title a {
color: #ffffff;
}

#masthead {
padding-top:10px;
padding-bottom: 100px;
margin:10px auto;
background-color:#EDF2F8;
}

/* =Image
-------------------------------------------------------------- */

.alignleft {
display: inline;
float: left;
margin-right:.1em;
margin-bottom: 20px;
}

.alignright {
display: inline;
float: right;
margin-left:.2em;
margin-bottom: 20px;
}

#main {
border-top: 1px dotted #dcdcdc;
padding: 10px 5px;
}


#menu-item-40{
	background-color:#132964;
}
#menu-item-42{
	background-color:#173177;
}
#menu-item-172{
background-color:#1C3886;
}
#menu-item-44{
	background-color:#4066B3;
}
#menu-item-43{
	background-color:#6685C2;
}
#menu-item-45{
	background-color:#8CA3D1;
}
#menu-item-41{
	background-color:#A9BADD;
}
.menu-bottom-container {width:500px; margin:auto}
.menu-bottom-container ul{list-style: none;margin: 0;padding-left: 0;}
.menu-bottom-container li {float: left;position: relative;}
.menu-bottom-container li a {padding:10px;line-height: 18px; }


/* =Layout
----------------------------------------------- */
#maincontent{
position:relative;
clear:both;
}

#content{
	
}

.site-info {
font-size: x-small;
color: #330099;
background-color: #DFE5F2;
text-align: center;
border-top-width: 1pt;
border-top-style: solid;
border-top-color: #330099;
}

@media only screen and (max-width: 480px) and (min-width: 220px)  {
#sidebar {
position:static;
width:250px;
}
.site-title {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
background-color: #4066B3;
text-indent:2pt;
position:static;
text-shadow: none;
text-transform: none;
z-index:1000;
display:block;
width:320px;
}
#images{
width:100%;
height:196px;
overflow:hidden;
}

nav.main-navigation{
display:none;
}

.js #menu-menu-1 {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
#primary, #secondary,#left-sidebar-wrap #primary,#left-sidebar-wrap #secondary {margin:10px 0;float:none;width:100%;}
	/* Responsive Menu */
	.menu {list-style: none;margin: 0;text-align: right;background: none; width: auto; right: 4%;position: static; top: 50px;margin-left: 4%;width: 92%;}
	.menu ul {margin:0;list-style:none;}
	.menu a {padding: 10px 20px;display: block;color:#fff;}
	.menu a:hover {text-decoration:none;background:none;color:#fff;}
.map{
float:none;
}
	}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) and (max-width: 768px)  {
.site-title {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
background-color: #4066B3;
text-indent:2pt;
position:static;
text-shadow: none;
text-transform: none;
z-index:1000;
display:block;
width:120%;
min-width:481px;
max-width:768px;
}
nav.main-navigation{
display:none;
}
.js #menu-menu-1 {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
#images{
width:100%
height:196px;
overflow:hidden
}
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
#sidebar{
	position:absolute;
	right:10px;
	top:10px;
	padding:25px;
	border-left:1px dashed #efefef;
	width:20%;
}
#leftcontent {
  width: 70%;
}
.site-title {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
background-color: #4066B3;
text-indent: 25pt;
position:absolute;
top:0px;
left:140px;
text-shadow: none;
text-transform: none;
z-index:1000;
display:block;
width:660px;
}
.slicknav_menu {
	display:none;
}
/* =Menu
----------------------------------------------- */
.main-navigation {clear: both;display: block;float: left;width: 100%; }
.main-navigation ul {list-style: none;margin: 0;padding-left: 0;}
.main-navigation li {float: left;position: relative; width:114px; height:70px;}
.main-navigation a {display: block;text-decoration: none;}
.main-navigation li:hover > a {}
.main-navigation ul ul :hover > a {}
.main-navigation ul ul a:hover {}
.main-navigation ul li:hover > ul {display: block;}
.main-navigation li.current_page_item a,.main-navigation li.current-menu-item a {}

/* Navigation */
nav.main-navigation {float:right;margin-right: 0px;}
.main-navigation a {color:rgb(255, 255, 153);font-size: 12px;font-weight: 300;}
.main-navigation a:hover {color:#ffffff;text-decoration:none;}
.main-navigation li a {padding:40px 15px 0px 15px;line-height: 18px; }
#images img{
width:390px;
float:left;
height:196px;
}
.map{
float:right;
	}
}