/*
 Theme Name:   Responsive Child
 Theme URI:    http://example.com/responsive-child/
 Description:  Responsive Child Theme
 Author:       Mark Langlois
 Author URI:   http://www.langlois-comp.com
 Template:     responsive
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  responsive-child
*/
/*@charset "utf-8";*/
/* CSS Document */
body {
	background-color: #FFF;
		font-family: Arial, Hevetica, sans serif;
		font-size: 100%;
}
h1, h2, h3 {
	color: #6b6588;
}
#wrapper {
	background-image: linear-gradient(top, #6b6588, #bbb8cb);
	clear: both;
	margin: 0 auto;
	width: 1267px;
}
#wrapper .outside img {
	margin: 38px auto;
	width: 100%;
	height: auto;
}
#container {
	position:absolute;
	top: 0px;
	left:0px;
	right: 0px;
	bottom: 786px;
	margin: 0px auto;
	max-width: 1600px;
}
#header {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	max-width: 1267px;
	background-color: #6b6588;
	/*background-image: url(head.jpg);*/
	height: 783px;
	width: 1267px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
}
#flashContent { 
	width:1267px; 
	height:783px; 
}
.main-nav {
	position: absolute;
	height: 45px;
	/*width: 100%;*/
	width: 85%;/*1267px;*/
	margin: 736px 75px 15px; 
	padding-left:13%;
	background-color: transparent;
	z-index: 100;
}
.js .main-nav {
	position: absolute;
	height: 45px;
	width: 85%;/*1267px;*/
	margin: 736px 75px 15px; /*175px auto 175px;*/
	padding-left:13%;
	background-color: transparent;
	z-index: 100;
}
#logo {
	position:absolute;
	bottom: 590px;
	top: 560px;
	left: 30%;
	right: 30%;
	background: transparent;
}
#logo h1 {
	color: #FFF;
}
#content-container {
	position: absolute;
	top: 783px;
	/*left:0px
	right: 0px;*/
	background:url(/images/spacer.jpg) repeat;
	/*max-width: 1267px;*/
	min-height: 608px;
	width: 1267px;
}
#content-container .image {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 0;
}
#content-container .foot {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 0;
}
#left-side {
	width: 236px;
	background: transparent url("spacer.jpg") repeat-y scroll 0% 0%;
	height: 100%;
	position: relative;
	float: left;
}
#right-side {
	width: 236px;
	background: transparent url("spacer.jpg") repeat-y scroll 0% 0%;
	position: relative;
	float: right;
	height: 100%;
}
#content {
	position:relative;
	margin: 0px 18% 0px 18%;
	padding: 1.5% 1% 2% 1%;
	background: #fff;
	z-index: 1;
}

#content h1 {
	text-align:center;
	/*padding-top:30px;*/
	/*background-color: rgba(255, 255, 255, 0.5);*/
}
#content h2 {
	text-align:center;
	font-size: 112.5%;
	/*padding-top:10px;*/
	/*background-color: rgba(255, 255, 255, 0.5);*/
}
#content p {
	text-align: left;
	/*background-color: rgba(255, 255, 255, 0.75);*/
	padding:5px 4% 5px 4%;
	max-width:840px;
	margin:auto;
	font-size:100%;
}
#footer {
	position: relative;
	width: 96%;
	max-width: 1200px;
	height: 205px;
	padding: 0px 1.5%;
	margin: 10px auto 23px;
	color: #4E6B7F;
	text-align: center;
	font: 78% Arial;
	clear: both;
	/*background: rgba(0, 0, 0, 0.25);/*;#FFF none repeat scroll 0% 0%;*/
	/*border: 1px solid #427FA9;*/
	z-index: 1000;
}
.menu {
	background-color: transparent;
	background-image: none;
	clear: both;
	margin: 0 auto;
	height: 45px;
}
.menu, .menu ul {
    display: block;
    padding: 0px;
    list-style-type: none;
	min-height: 0px;
}
.menu li {
    display: block;
    float: left;
    position: relative;
    z-index: 5;
    margin: 0px;
    padding: 0px;
    border: 0px none;
}
.menu a {
    /*border-left: 1px solid #585858;*/
    color: #FFF;
    font-size: 93%;
    /*font-weight: 700;*/
	font-family: Arial;
    height: 45px;
    line-height: 45px;
    padding: 0px 0.9em;
    text-decoration: none;
}
.js .menu {
	background-color: transparent;
	background-image: none;
	clear: both;
	margin: 0 auto;
	height: 45px;
}
.js .menu, .menu ul {
    display: block;
    padding: 0px;
    list-style-type: none;
	min-height: 0px;
}
.js .menu li {
    display: block;
    float: left;
    position: relative;
    z-index: 5;
    margin: 0px;
    padding: 0px;
    border: 0px none;
}
.js .menu a {
    /*border-left: 1px solid #585858;*/
    color: #FFF;
    font-size: 93%;
    /*font-weight: 700;*/
	font-family: Arial;
    height: 45px;
    line-height: 45px;
    padding: 0px 0.9em;
    text-decoration: none;
}
/* Menu items */

/* Menu item hover */
.menu a:hover {
	background-color: #594f75;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#594f75), to(#6b6588));
	background-image: -webkit-linear-gradient(top, #594f75, #6b6588);
	background-image: -moz-linear-gradient(top, #594f75, #6b6588);
	background-image: -ms-linear-gradient(top, #594f75, #6b6588);
	background-image: -o-linear-gradient(top, #594f75, #6b6588);
	background-image: linear-gradient(top, #594f75, #6b6588);
	color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#305261, endColorstr=#2a4958);
}
/* Current page */
.menu .current_page_item a,
.menu .current-menu-item a {
	background-color: transparent; /*#594f75;*/
}
/* Menu dropdown */
.menu li ul {
	display:block;
}
.menu li li {
	display:block;
	background: #6b6588;
	background-image: none;
	border: 1px solid #e5e5e5;
	color: #444;
	filter: none;
    margin: -1px 0 1px 0;
	width: 125px;
	z-index: 100;
}
/* Menu dropdown hover */
.menu li li a:hover {
	background: #f5f5f5 !important;
	background-image: none;
	border: none;
	color: #444;
	filter: none;
}

/****************************************
*** Media width and height ajustments ***
****************************************/

@media screen and (max-width: 1266px) {
body {
	font-size: 92%;
}
#wrapper {
	width: 1167px;
}
#container {
	bottom:724px;
}
#header {
	height: 721px;
	width: 1167px;
}
#flashContent { 
	width:1167px; 
	height:721px; 
}
.main-nav {
	height: 41px;
	margin: 678px 70px 15px; 
}
.js .main-nav {
	height: 41px;
	margin: 678px 70px 15px; 
}
#logo {
	bottom: 590px;
	top: 560px;
}
#content-container {
	top: 721px;
	min-height: auto;
	width: 1167px;
}
#footer {
	height: 189px;
}
.children {
	background-color:#6b6588;
}
.menu {
	height: 41px;
}
.menu a {
	height: 41px;
}
.js .menu {
	height: 41px;
}
.js .menu a {
	height: 41px;
}
}
@media screen and (max-width: 1166px) {
body {
	font-size: 84%;
}
#wrapper {
	width: 1067px;
}
#container {
	bottom:622px;
}
#header {
	height: 659px;
	width: 1067px;
}
#flashContent { 
	width:1067px; 
	height:659px; 
}
.main-nav {
	height: 38px;
	margin: 620px 65px 15px; 
}
.js .main-nav {
	height: 38px;
	margin: 620px 65px 15px; 
}
#logo {
	bottom: 590px;
	top: 560px;
}
#content-container {
	top: 659px;
	min-height: auto;
	width: 1067px;
}
#footer {
	height: 173px;
}
.menu {
	height: 38px;
}
.menu a {
	height: 38px;
}
.js .menu {
	height: 38px;
}
.js .menu a {
	height: 38px;
}
}
@media screen and (max-width: 1066px) {
body {
	font-size: 76%;
}
#wrapper {
	width: 967px;
}
#container {
	bottom:600px;
}
#header {
	height: 598px;
	width: 967px;
}
#flashContent { 
	width:967px; 
	height:598px; 
}
.main-nav {
	height: 34px;
	margin: 562px 60px 15px; 
}
.js .main-nav {
	height: 34px;
	margin: 562px 60px 15px; 
}
#logo {
	bottom: 590px;
	top: 560px;
}
#content-container {
	top: 598px;
	min-height: 608px;
	width: 967px;
}
#footer {
	height: 156px;
}
.menu {
	height: 34px;
}
.menu a {
	height: 34px;
}
.js .menu {
	height: 34px;
}
.js .menu a {
	height: 34px;
}
}
@media screen and (max-width: 966px) {
body {
	font-size: 68%;
}
#wrapper {
	width: 867px;
}
#container {
	bottom:538px;
}
#header {
	height: 536px;
	width: 867px;
}
#flashContent { 
	width:867px; 
	height:536px; 
}
.main-nav {
	height: 31px;
	margin: 504px 55px 15px; 
}
.js .main-nav {
	height: 31px;
	margin: 504px 55px 15px; 
}
#logo {
	bottom: 590px;
	top: 560px;
}
#content-container {
	top: 536px;
	min-height: auto;
	width: 867px;
}
#footer {
	height: 140px;
}
.menu {
	height: 31px;
}
.menu a {
	height: 31px;
}
.js .menu {
	height: 31px;
}
.js .menu a {
	height: 31px;
}
}
@media screen and (max-width: 866px) {
body {
	font-size: 60%;
}
#wrapper {
	width: 767px;
}
#container {
	bottom:467px;
}
#header {
	height: 474px;
	width: 767px;
}
#flashContent { 
	width:767px; 
	height:474px; 
}
.main-nav {
	height: 27px;
	margin: 446px 50px 15px; 
}
.js .main-nav {
	height: 27px;
	margin: 446px 50px 15px; 
}
#logo {
	bottom: 590px;
	top: 560px;
}
#content-container {
	top: 474px;
	min-height: auto;
	width: 767px;
}
#footer {
	height: 124px;
}
.menu {
	height: 27px;
}
.menu a {
	height: 27px;
}
.js .menu {
	height: 27px;
}
.js .menu a {
	height: 27px;
}
}
@media screen and (max-width: 766px) {
body {
	font-size: 52%;
}
#wrapper {
	width: 667px;
}
#container {
	bottom:414px;
}
#header {
	height: 412px;
	width: 667px;
}
#flashContent { 
	width:667px; 
	height:412px; 
}
.main-nav {
	height: 24px;
	margin: 388px 45px 15px; 
}
.js .main-nav {
	height: 24px;
	margin: 388px 45px 15px; 
}
#logo {
	bottom: 590px;
	top: 560px;
}
#content-container {
	top: 412px;
	min-height: auto;
	width: 667px;
}
#footer {
	height: 108px;
}
.menu {
	height: 24px;
}
.menu a {
	height: 24px;
}
.js .menu {
	height: 24px;
}
.js .menu a {
	height: 24px;
}
}
@media screen and (max-width: 666px) {
body {
	font-size: 45%;
}
#wrapper {
	width: 567px;
}
#container {
	bottom:325px;
}
#header {
	height: 350px;
	width: 567px;
}
#flashContent { 
	width:567px; 
	height:350px; 
}
.main-nav {
	height: 20px;
	margin: 330px 35px 15px; 
}
.js .main-nav {
	height: 20px;
	margin: 330px 35px 15px; 
}
#logo {
	bottom: 590px;
	top: 560px;
}
#content-container {
	top: 350px;
	min-height: auto;
	width: 567px;
}
#footer {
	height: 92px;
}
.menu {
	height: 20px;
}
.menu a {
	height: 20px;
}
.js .menu {
	height: 20px;
}
.js .menu a {
	height: 20px;
}
}
@media screen and (max-width: 650px) {
.js .menu {
	background-color: transparent;
	background-image: none;
	clear: both;
}
.js .main-nav {
	background-color: transparent;
	background-image: none;
	z-index: 100;
}
}
@media screen and (max-width: 566px) {
body {
	font-size: 37%;
}
#wrapper {
	width: 467px;
}
#container {
	bottom:290px;
}
#header {
	height: 289px;
	width: 467px;
}
#flashContent { 
	width:467px; 
	height:289px; 
}
.main-nav {
	height: 17px;
	margin: 272px 30px 15px; 
}
.js .main-nav {
	height: 17px;
	margin: 272px 30px 15px; 
}
#logo {
	bottom: 590px;
	top: 560px;
}
#content-container {
	top: 289px;
	min-height: 608px;
	width: 467px;
}
#footer {
	height: 76px;
}
.menu {
	height: 17px;
}
.menu a {
	height: 17px;
}
.js .menu {
	height: 17px;
}
.js .menu a {
	height: 17px;
}
}
@media screen and (max-width: 466px) {
body {
	font-size: 28%;
}
#wrapper {
	width: 367px;
}
#container {
	bottom:228px;
}
#header {
	height: 227px;
	width: 367px;
}
#flashContent { 
	width:367px; 
	height:227px; 
}
.main-nav {
	height: 13px;
	margin: 214px 25px 15px; 
}
.js .main-nav {
	height: 13px;
	margin: 214px 25px 15px; 
}
#logo {
	bottom: 590px;
	top: 560px;
}
#content-container {
	top: 227px;
	min-height: 608px;
	width: 367px;
}
#footer {
	height: 59px;
}
.menu {
	height: 13px;
}
.menu a {
	height: 13px;
}
.js .menu {
	height: 13px;
}
.js .menu a {
	height: 13px;
}
}