/*   
Theme Name: Calvary Ministries
Theme URI: http://www.inboundwebsolutions.com.au
Description: A theme built especially for Calvary Ministries
Author: Jo Hunter
Author URI: http://www.inboundwebsolutions.com.au
Version: 1
*/


/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/******************************************************************
*                                                                 *
*							RESET                                 *
*                                                                 *
******************************************************************/
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
  text-decoration:none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
  /* vertical-align: bottom; */ /* Suppress the space beneath the baseline */
  /* Responsive images */
  /* @todo Add responsive embedded video. */
  max-width: 100%;
  height: auto;
  width: auto;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

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

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

ul {	
	padding:0;
	margin:0;
}

.aligncenter {
	display:block;
	margin:0 auto;
	text-align:center;
}

/******************************************************************
*                                                                 *
*							THEME SPECIFIC                        *
*                                                                 *
******************************************************************/
/**********************
/*colours
/*dark blue: #003480;
/*text: #707070;
/*dark grey:#767676;
/*light grey:#f2f3f5;
/
/
**********************/

body {
	background-color:#fff;
	font-family: "myriad-pro", arial, sans-serif;
}



.main a, .post a, .full a {
	color:#003480;
}

.main a:hover, .post a:hover, .full a:hover {
	color:#032a6d;
}

.main a:visited, .post a:visited, .full a:visited {
	color:#003480;
}

.post a.btn, .post a.btn:hover, .post a.btn:visited {
	color:#fff;
}

.bp {
	margin-bottom:25px;
	padding-bottom:35px;
	border-bottom:1px solid #e7e7e7;
	position:relative;
}

.bp .btn {
	margin-left:0px;
	padding:10px 10px 8px;
	font-size:14px;
	position:absolute;
	right:0px;
	bottom:-10px;
	margin-bottom:20px;
}





nav {
border-bottom:1px solid #dddddd;
	border-top:1px solid #dddddd;
}

.navbar {
	height:52px
}



.nav li {  
    position:relative;
    float:left;
    width:20%;
    text-align:center;
    
}

.nav > .active > a, .nav > .active > a:hover, .nav > .active > a:focus {
    background-color: #003480;
    padding:12px 15px 10px 15px;
    color: #fff;    
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.nav > li > a {
   color: #003480;
   text-transform:uppercase;
   font-size:14px;
   padding:12px 15px 10px 15px;
   display:inline-block;
   margin-top:2px;
 
}

.nav > li > a:hover {
   color: #fff;
   background-color:#003480;
   padding:12px 15px 10px 15px;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.nav li a {
    text-align: center;
}


.nav li ul.sub-menu {
	float:left;
	position:absolute;
	top:46px;
	left:28px;
	background-color:transparent;
	padding:0;
	border:1px solid #003480;
	border-bottom:none;
	z-index:9999; 
	  	
}

.nav li#menu-item-31 ul.sub-menu {
	float:left;
	position:absolute;
	top:46px;
	left:18px;
	background-color:transparent;
	padding:0;
	border:1px solid #003480;
	border-bottom:none;
	z-index:9999;   	
}


.nav li ul.sub-menu li{	
	clear:both;
	display:block;
	border-bottom:1px solid #003480;
	background-color:#fff;
	width:100%;
	opacity:0.7;
	
}

.nav li ul.sub-menu li a {
	font-size:15px;
	display:block;
	text-align:left;
	font-weight:300;
	text-transform:capitalize;
	padding:15px 20px 15px 20px;
	background-color:#fff;
	margin:0;
	border:none;
	height:auto;
	width:160px;
	color:#003480;
}

.nav li ul.sub-menu li:hover {
	opacity:1.0;
	
}

.nav li.menu-item-has-children:hover {
	
}

.nav li ul.sub-menu li:hover a{
	
}

.nav li ul.sub-menu li a:hover{
	opacity:1.0;
	}

.nav li.current-menu-ancestor a, nav ul li.current_page_parent a, nav ul li.select a, nav ul li.current_page_item a{
	background-color:#003480;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
color:#fff;
padding:12px 15px 10px 15px;
}

.nav li.current-menu-ancestor ul.sub-menu li a, nav ul li.current_page_parent ul.sub-menu li a, nav ul li.select ul.sub-menu li a {
	border-top:none;
	margin-top:0;
}

.nav li ul.sub-menu li a:hover, .nav li ul.sub-menu li a:active, .nav li ul.sub-menu li.current-menu-item, .nav li ul.sub-menu li:hover > a{
	margin-top:0px;	
}



p#breadcrumbs {
	margin-top:10px;
}

#breadcrumbs a{
	color:#003480;
}

#words {
	font-size:16px;
	font-family: "trajan-pro-3", serif;
	text-align:center;
}

#words h2 {
	margin:0;
	padding-top:10px;
	font-weight:normal;
}

h1, h2 {
	color:#003480;
}



#links h3 {
	text-transform:uppercase;
	color:#707070;
	font-weight:normal;
	font-size:16px;
	margin:0;
}

#links h3:hover {
	text-transform:uppercase;
	color:#003480;
}

#au {
	height: 80px;
	width:80px;
	display:block;
	margin:0 auto;
	background-image:url(images/icons.jpg);
	background-repeat:no-repeat;
	background-position:1px 0;
}

#op {
	height: 80px;
	width:80px;
	display:block;
	margin:0 auto;
	background-image:url(images/icons.jpg);
	background-repeat:no-repeat;
	background-position:-99px 0;
}

#os{
	height: 80px;
	width:80px;
	display:block;
	margin:0 auto;
	background-image:url(images/icons.jpg);
	background-repeat:no-repeat;
	background-position:-198px 0;
}

#cu {
	height: 80px;
	width:80px;
	display:block;
	margin:0 auto;
	background-image:url(images/icons.jpg);
	background-repeat:no-repeat;
	background-position:-305px 0;
}

#au:hover {
	background-position:1px -80px;
}

#op:hover {
	background-position:-99px -80px;
}

#os:hover{
	background-position:-198px -80px;
}

#cu:hover {
	background-position:-305px -80px;
}

#reflections {
	background-color:#f2f3f5;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:center;
}



#reflections h2, #news h2, aside h2 {
	font-family:'Trajan-pro-3', serif;
	font-weight:normal;
	margin:0;
	text-align:center;
}

.main h2.bigger {
	padding:20px 0px 10px 0px;
	border-bottom:3px double #003480;
	margin-bottom:10px;
}



h1 {
	font-family:'Trajan-pro-3', serif;
	font-weight:normal;
	font-size:20px;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #003480;
}

.main ul {
	padding-left:80px;
}

.main li {
	color:#707070;
	padding:5px 0px;
}

#ln {
	position:relative;
}


.docs {
	line-height:2em;
}

.docs a, .docs a:visited {
	color:#707070;
}

.docs a:hover {
	color:#003480;
}
i {
	color:#b8090e;
	padding-right:10px;
}
.main h2, aside h2, .full h2 {
	font-family:'Trajan-pro-3', serif;
	font-weight:normal;
	font-size:16px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.spacer {
	display:block;
	height:40px;
	width:100%;
	clear:both;
}

.lrow .ul {
	height:200px;
	display:block;
}

#cml {
	margin-top:22px;
}

#cml p {
	padding-top:3px;
}

#ccl {
	margin-top:20px;
}

.main p {
	margin-top:5px;
}

.r-slider li {
	list-style-type:none;
	padding-bottom:5px;
}

.quote {
	width:80%;
	margin:20px auto 30px;
	background-color:#f5f5f5;
	border-left:8px solid #003480;
	padding:20px;
	color:#444444;
}

#reflections .ref p {
	font-family:'sanvito-pro-subhead', serif;
	font-size:34px;
	color:#707070;
	margin-bottom:0px;
	line-height:1.1em;
}

#reflections p.by {
	font-family:'Trajan-Pro-3', serif;
	font-size:16px;
	color:#003480;
	margin-top:10px;
}



.title {
	padding:0px 20px;
}

.title a {
	color:#707070;
	font-size:20px;
	margin-bottom:15px;
	
}

.text p {
	color:#707070;
	padding:0px 20px 15px 20px;
	font-size:16px;
}

.title a:hover, .text a:hover {
	color:#003480;
}

.btn {
	background-color:#959595;
	color:#fff;
	text-transform:uppercase;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	padding:12px 12px 10px 12px;
	margin-left:20px;
}

.btn:hover {
	background-color:#003480;
}


div.wpcf7-validation-errors {
	color:red;
	border:none !important;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em 0em !important;
    padding: 0.2em 0em !important;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    display: block;
    font-size: 1em;
    padding-top:5px;
}

div.wpcf7-mail-sent-ok {
color: #398f14;
border: none !important;
}



#recent-posts-3, #news-archive {
	margin-top:17px;
	margin-bottom:40px;
	padding-bottom:20px;
}

#recent-posts-3 h2, #news-archive  h2 {
	border-bottom:1px solid #003480;
	padding-bottom:12px;
}


.widget li {
	list-style-type:none;
	border-bottom:1px solid #e7e7e7;
	text-align:center;
}

.widget li:hover a {
	color:#003480;
}

.widget li a{
	color:#707070;
	width:100%;
	display:block;
	padding:15px 0px;
}

.widget li a:hover{
	color:#003480;
	
}

#menu-about-us, #menu-our-services, #menu-sml-menu {
	margin-top:25px;
	margin-bottom:40px;
	padding-bottom:20px;
	list-style-type:none;
}

#menu-about-us li, #menu-our-services li {
	list-style-type:none;
}

#menu-about-us li.menu-item-has-children a, #menu-our-services li.menu-item-has-children a, #menu-sml-menu li.menu-item-has-children a{
	border-bottom:1px solid #003480;
	padding-bottom:12px;
	font-family:'Myriad-pro', serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:16px;
	margin-bottom:0px;
	padding-bottom:12px;
	width:100%;
	display:block;
	color:#003480;
	text-align:center;
}

#menu-about-us li.menu-item-has-children ul li, #menu-our-services li.menu-item-has-children ul li, #menu-sml-menu li.menu-item-has-children {
	border-bottom: 1px solid #e7e7e7;
  
}

    

#menu-about-us li.menu-item-has-children ul li a, #menu-our-services li.menu-item-has-children ul li a, #menu-sml-menu li.menu-item-has-children ul li a{
    color: #707070;
    display: block;
    padding: 15px 0;
    width: 100%;
    font-family:'Myriad-pro';
    font-size:16px;
    border-bottom:none;
    text-transform:capitalize;
}


#menu-about-us li.menu-item-has-children ul li a:hover, #menu-our-services li.menu-item-has-children ul li a:hover, #menu-sml-menu li.menu-item-has-children ul li a:hover{
    color: #003480;
}

#menu-about-us li.menu-item-has-children ul li.current-menu-item a, #menu-our-services li.menu-item-has-children ul li.current-menu-item a, #menu-sml-menu li.menu-item-has-children ul li.current-menu-item a{
	color: #003480;
}




h5 {
	color:#003480;
	font-size:16px;
	text-align:center;
	font-weight:normal;
	margin:15px 0;
}

h6 {
	color:#003480;
	font-size:14px;
	text-align:center;
	font-weight:normal;
	margin:10px auto 25px auto;
	font-family: "Myriad-pro", sans-serif;
	float:left;
	clear:both;
	width:100%;
}




img.alignright { float: right; margin: 0em 0 1em 1em; }
img.alignleft { float: left; margin: 1em 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }



p {
	color:#707070;
}


#reflection-content {
	background-image:url(images/vmp.jpg);
	background-repeat:no-repeat;
	background-position: 50% 60px;
}

#reflection-content h2{
	padding-top:60px;
}

.contact-details table tr{
	padding:20px;
	
}

.contact-details table td{
	vertical-align:top;
	padding:10px 5px;
	color:#707070;
}

.contact-details table td i {
	color:#003480;
}

.fa-building {
	padding-top:5px;
}

input.wpcf7-quiz {
	width:40px;
}

.wpcf7-form input, .wpcf7-form textarea  {
	padding:10px;
	border:1px solid #707070;
	color:#003480;
	font-size:18px;
}

.wpcf7-form input:focus, .wpcf7-form textarea:focus {
	border:1px solid #003480;
}

.wpcf7-form input.send-btn {
	background-color:#959595;
	color:#fff;
	text-transform:uppercase;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	padding:12px 20px 10px 20px;
	margin-left:0px;
	border:none;
	outline:none;
}

.wpcf7-form input.send-btn:hover {
	background-color:#003480;
}

table.people td {
	vertical-align:top;
}

table.people td {
	min-width:160px;
}



table.people td.text h2{
	padding-left:20px;

}

.member {
	width:18.5%;
	float:left;
	padding-right:1%;
}

.member h2 {
	text-align:center;
}

.irow {
	float:left;
	clear:both;
	overflow:hidden;
	width:100%;
}

/******************************************************************
*                                                                 *
*							MEDIA QUERIES                         *
*                                                                 *
******************************************************************/                                                              
@media only screen and (min-width: 320px) {

  /* Small screen, non-retina */

.navbar {
	display:none;
}

.nav {
    margin: 0;
    width: 60%;
    float:right;
    list-style-type:none;
    padding:6px 0px;
    
}

.sml-navbar {
	display:block;
	clear:both;
	color:#fff;
	background-color:#003480;
	text-align:center;
	height:100%;
	width:100%;
	padding:20px 0px;
	text-transform: uppercase;
}

#sml-menu {
	display:block;
	
}

#sml-menu .navs ul {
	list-style-type:none;
}

#sml-menu .navs ul li a{
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	padding:10px 0px;
	text-align:center;
	float:left;
	clear:both;
	width:100%;
}

#clouds {
	background-color:#fff;
	background-image:none;
	height:202px;
	position:relative;	
	padding:0px;
	
}

.clouds-left {
	padding-left:0px;
	display:block;
	height:163px;
	width:273px;
	margin:0 auto;
}

.container {
	width:100%;
	overflow:hidden;
}

.nav-container {
	width:100%;
}

.f-container {
	width:100%;
}

.logo {
	background-image:url(images/cmlogo-hr.png);
	background-repeat:no-repeat;
	background-size:contain;
	height:163px;
	text-indent:-9999px;
	display:block;
	margin:10px auto;
	max-width:100%;
}

.rectangle {
	display:none;
}

#links {
	background-color:#fff;
	overflow:hidden;
	padding:10px 0px;
	border-bottom:1px solid #dddddd;
	margin:0 auto;
	width:100%;
}

.ml {
	height:100px;
	width:100%;
	float:left;
	display:block;
	text-align:center;
	border-top:1px solid #dddddd;
	padding:10px 0px;
}

#border-top {
	display:none;
}

#border-bottom {
	display:none;
}

#reflection-content {
	width:95%;
	padding-top:20px;
	margin:0 auto;
}

.blog-box {
	width:100%;
	margin:40px 0px;
	padding-bottom:40px;
	border-bottom:1px solid #dddddd;		
}

#ln a#va {
	text-align:center;
	color:#003480;
	width:200px;
	margin:10px auto;
	display:block;
}

.main {
	width:95%;
	float:none;
	padding-bottom:40px;
	margin:0 auto;
}

aside {
	display:block;
	width:95%;
	margin:0 auto;
	padding-bottom:40px;
	clear:both;
}

.ul {
	float:none;
	width:100%;
	height:150px;
	padding-bottom:20px;
}

.qu {
	width:100%;
}

.half {
	width:100%;
	margin:2px auto 0px auto;
}



footer {
	background-color:#f2f3f5;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #ffffff;
	padding:0px 10px;
	position:relative;
	clear:both;
	height:auto;
}

.sub-footer {
	background-color:#f2f3f5;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #dddddd;
}

.left {
	
text-align:center;
	padding-top:10px;
}

.left p, .right p {
	margin-top:2px;
}

.middle {
	margin:0 auto;
	display:block;
	padding-bottom:5px;
}

.right {
	clear:both;
	text-align:center;
	padding-top:10px;
}

.right a {
	color:#494949;
}

.right a:hover {
	color:#000;
}

#news {
	border-top:1px solid #dddddd;
	border-bottom:none;
	overflow:hidden;
	padding:40px 0px;
}

#menu-footer-menu li {
	padding: 0 20px;	
	float:left;
	list-style-type:none;
	width:100%;
	padding:10px 0px;
	border-bottom:1px solid #dddddd;
	text-align:center;
}

#menu-footer-menu li a{
	color:#707070;
	text-align:center;
	width:100%;
	height:100%;
	display:block;
}

#menu-footer-menu li a:hover {
	color:#003480;
}

#menu-sml-menu li.menu-item-has-children {
    border-top: 1px solid #003480;
    padding-top: 12px;
    border-bottom:none;
}

#menu-sml-menu li.menu-item-has-children a{
    
    border-bottom:none;
}

#menu-sml-menu {
	margin-bottom:0px;
	padding-bottom:0px;
}

#menu-sml-menu li#menu-item-229 a, #menu-sml-menu li#menu-item-237 a {
	border-top: 1px solid #003480;
    color: #003480;
    display: block;
    font-family: 'Trajan-pro-3',serif;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 12px;
    padding-top:12px;
    text-align: center;
    width: 100%;
}

#menu-sml-menu ul.sub-menu {
	display:none;
}

.sf-table {
	display:block;
	margin:10px auto;
	
	
}

.table-container {
	margin:0px auto;
	width:100%;
}


.sf-table a{
	color:#707070;
	text-align:center;
}

.sf-table a:hover{
	color:#003480;
}

.contact-form {
	width:100%;
}

.contact-details {
	width:100%;
	padding-bottom:40px;
}

.member {
	width:49%;
	float:left;
	padding-right:1%;
	margin-bottom:30px;
	
}


.post-image {
	width:100%;
	margin:0 auto;
}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 

  /* Small screen, retina, stuff to override above media query */


}

@media only screen and (min-width: 765px) {

  /* Medium screen, non-retina */
  
.container {
	width:90%;
	margin:0 auto;
	overflow:hidden;
}

.nav-container {
	width:90%;
	margin:0 auto;
}

.f-container {
	border-top:1px solid #dddddd;
}

.navbar {
	display:block;
}

.nav {
    margin: 0;
    width: 100%;
    float:right;
    list-style-type:none;
    padding:6px 0px;
    
}

.sml-navbar {
	display:none;
}

#sml-menu {
	display:none;
}

#clouds {
	background-color:#47a6de;
	background-image:url(images/pano-sml.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:302px;
	position:relative;	
	padding:0px;
	
}

.clouds-left {
	display:block;
	height:163x;
	width: 273px;
	float:left;
	padding-left:10px;
	margin:0;
	
}

.logo {
	background-image:url(images/cmlogo-hr.png);
	background-repeat:no-repeat;
	background-size:contain;
	height:163px;
	text-indent:-9999px;
	display:block;
	margin-top:15px;
	max-width:100%;
}

.rectangle {
	background-color:#fff;
	opacity:0.8;
	width:100%;
	display:block;
	height:60px;
	position:absolute;
	bottom:0;
	left:0;
	border-top:1px solid #dddddd;
}

#links {
	background-color:#fff;
	overflow:hidden;
	padding:40px 0px;
	border-bottom:1px solid #dddddd;
	margin:0 auto;
	width:100%;
}

.ml {
	height:100px;
	width:25%;
	float:left;
	display:block;
	text-align:center;
	border-top:none;
	padding:0px;	
}

#border-top {
	background-image:url(images/border-top.jpg);
	background-repeat:no-repeat;
	height:60px;
	display:block;
	margin:40px auto;
	text-align:center;
}

#border-bottom {
	background-image:url(images/border-bottom.jpg);
	background-repeat:no-repeat;
	height:60px;
	display:block;
	margin:30px auto 40px;
}

#reflection-content {
	width:605px;
	display:block;
	margin:0 auto;
	padding-top:0px;
}

.blog-box {
	width:33%;
	float:left;
	margin:40px 0px;
	padding-bottom:0px;
	border-bottom:none;	
}

#news {
	border-top:1px solid #dddddd;
	border-bottom:none;
	overflow:hidden;
	padding:40px 0px;
}

#ln a#va {
	position:absolute;
	right:8%;
	top:15px;
	color:#003480;
	text-align:left;
	width:auto;
	margin:0;
}

.main {
	width:70%;
	float:left;
	padding-bottom:40px;
	
}

aside {
	width:23%;
	float:right;
	display:block;
	clear:none;
}

.ul {
	float:left;
	width:33%;
	height:150px;
	padding-bottom:0;
}

.qu {
	width:25%;
	font-size:14px;
}

.half {
	width:65%;
	margin:2px auto 0px auto;
	font-size:14px;
}

footer {
	background-color:#f2f3f5;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:0px 10px;
	position:relative;
	height:38px;
	clear:both;
}

.sub-footer {
	background-color:#f2f3f5;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #dddddd;
}

.left {
	position:absolute;
	left:10px;
	top:10px;	
	text-align:left;
	padding-top:0px;
}

.left p, .right p {
	margin-top:2px;
}

.middle {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top:0;
}

.right {
	position:absolute;
	right:10px;
	top:10px;
	text-align:right;
	clear:none;	
	padding-top:0px;
	font-size:14px;
}

.right a {
	color:#494949;
}

.right a:hover {
	color:#000;
}

#menu-footer-menu li {
	padding: 0 20px;	
	float:left;
	list-style-type:none;
	width:auto;
	border:none;
}

#menu-footer-menu li a{
	color:#707070;
	width:auto;
	padding:0;
	border:none;
}

#menu-footer-menu li a:hover {
	color:#003480;
}

.sf-table {
	display:table;
	margin:10px auto;
	
	
}

.table-container {
	margin:0px auto;
	width:568px;
}


.sf-table a{
	color:#707070;
	text-align:center;
}

.sf-table a:hover{
	color:#003480;
}

.contact-form {
	float:left;
	width:50%;
}

.contact-details {
	width:49%;
	float:right;
	padding-top:30px;
}

.member {
	width:32%;
	float:left;
	padding-right:1%;
	margin-bottom:30px;
	
}

.post-image {
	width:49%;
	margin:0 auto;
	float:left;
}


}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 700px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (                min-resolution: 192dpi) and (min-width: 700px),
only screen and (                min-resolution: 2dppx)  and (min-width: 700px) { 

  /* Medium screen, retina, stuff to override above media query */

}

@media only screen and (min-width: 1025px) {

  /* Large screen, non-retina */
.container {
	width:90%;
	margin:0 auto;
}

.nav-container {
	width:90%;
	margin:0 auto;
}

.nav {
    margin: 0;
    width: 80%;
    float:right;
    list-style-type:none;
    padding:6px 0px;
    
}

#clouds {
	background-color:#47a6de;
	background-image:url(images/pano.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:302px;
	position:relative;	
	padding:0px;
	
}

.clouds-left {
	display:block;
	height:163x;
	width: 273px;
	float:left;
	padding-left:70px;
	margin:0;
	
}

.member {
	width:19%;
	float:left;
	padding-right:1%;
}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) { 

  /* Large screen, retina, stuff to override above media query */

}

@media only screen and (min-width: 1280px) {

.container {
	width:80%;
	margin:0 auto;
}

.nav-container {
	width:80%;
	margin:0 auto;
}

.nav {
    margin: 0;
    width: 60%;
    float:right;
    list-style-type:none;
    padding:6px 0px;
    
}


  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1900px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1900px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1900px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1900px),
only screen and (                min-resolution: 192dpi) and (min-width: 1900px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1900px) { 

  /* Large screen, retina, stuff to override above media query */

}