/*  Created on : July-2015 | Author : Adrian Lynch */ 
#sidr, .mobile, .tablet, a.mobileNav {display:none;}

body {
    font-family:"Open Sans", arial, sans-serif;
    background:#1C4790;
    color: white;
    line-height: 1.5;
}

h1,h2,h3,h4,h5 {
    font-family:"Roboto Slab", arial, sans-serif;
    font-weight:700;
    color:white;
}

p {
    font-size:1.1em;
    line-height:1.5;
}

a {color:#33B54F}
a:hover {color:silver;}

/*---------------------------header----------------------------------*/
/*.container {background:pink;}*/
#header {
    background-color:#1C4790;
    position:relative;
    color:white;
}

#headerPanel {
    position:relative;
    overflow:hidden;
    width:100%;
}


img.logo {
    width:45%;
    margin:0 auto;
}

#headerText {
    position:relative;
    z-index:2;
    width:60%;
    margin:30px auto 0 auto;
    text-align:center;
}

#headerText h2 {
    font-size:2.5em;
    padding:0;
    margin:0 0 1.2em 0;
}






/*-------------------------homepage sidebar ----------------------------*/

.sideBar {
    width:26.5%;
    float:right;
    margin:0 0 3% 2%;
}

.sideBar h2 {
   font-size:1.3em;
   padding:6px 0 8px 12px;
   margin:0;
   background:#97C4CD;
}

/*----------------------------main nav-----------------------------*/

#navWrap {
    background:#123D86;
}


#mainNav {
    font-family: 'Roboto Slab', Arial, sans-serif;
    font-size:1.5em;
    background:#123D86;
    height:44px;
    overflow:hidden;

}
#mainNav ul {
    display:table;
    margin:0 auto;
    padding:0;
}

#mainNav li{
    float:left;
    margin:0;
}

#mainNav a{
	display:block;
	float:left;
	padding:4px 14px;
	height:36px;
	line-height:34px;
        font-weight:700;
        color:white;
}

#mainNav a.current,
#mainNav a.section,
#mainNav a:hover,
#mainNav a:focus {
	color:#33B54F;
        background:#002161;
}
/*---------------------------main homepage panel-----------------------*/
#homePanel {
    /*    the wrapper for the boxes*/
    width:94%;
    padding:3px 3% 20px 3%;
    text-align:left;
    margin-bottom:2%;
    clear:left;
}

#stories {
    width:100%;
}

.story {
    width:27%;
    float:left;
    padding:0 3% 3% 3%;
}
.story h2 {
    text-align:center;
    color:#B0CFFA;
    text-shadow: 1px 1px 1px #000;
    letter-spacing:0.3px;
    margin:0 0 0.7em 0;
    padding:0;
}
img.StoryImg {
    width:100%;
    height:auto;
    padding:20px 0%;
}


#links ul {margin:20px 0;}
/*----------------------------------------------Sub navigation--------------------------------------------*/
#subNav, #onlineNav {
    border:3px solid #1c4c55;
    background:white;
    width:88%;
    padding:5%;
    margin-bottom:5%;
    margin-top:26px;
}
#subNav.sidrNav {
    border:0;
}
#subNav h2 {
    font-size:1.6em;
    margin:0 0 20px;
    letter-spacing:0.5px;
}
#subNav h3 {
    margin-top:0;
}
.nav {
    background:white;
    padding:5%;
}

.nav ul li ul li.current {background:silver}

.nav ul li ul li a:hover {
    color:silver;
}

.nav ul li ul li.current a:hover {
    color:white;
} 
.nav ul li {
    border-bottom:none;
    margin-bottom:6px;
    padding:4px 0 4px 20px;    
    background: url(../images/right_arrow.png) no-repeat 0 45%;
}
.nav ul li a {
    font-size:1.1em;
    font-weight:bold;
    text-decoration:none;  
    color:black;
    margin:0 ;
    line-height:1;
    
}
.nav ul li a:hover {
    color:silver;
}
.nav ul li a.current,#subNav ul li a.section  {color:grey;}
/*#simpleNav ul li a.current, a.galleryTop.current {color:red;}*/


/*------------------------------- page stuff --------------------------------------*/
#breadBox {
    margin:20px 0 20px;
}
#standardPage {
    padding:0%;
    width:100%;
    margin: 30px 0 ;
    min-height:250px;
}


.pageContent {
    width:70%;
    float:left;
    padding-left:15%;
}
.pageContent ul li {
    list-style:disc inside;
    margin-left:20px;
}
.pageContent ol li {
    list-style:decimal inside;
    margin-left:20px;
}
.pageContent img {
    max-width:60%;
    height:auto;
    padding-top:5px;
}
.rightPanel {
    width:25%;
    float:right;
}

#pagePanel {
    margin:30px 0;
}

#landingText {
    text-align:center;
    margin-bottom:2em;
}

/*------------------------------------ forms ---------------------------------*/
input[type="submit"] {
    background:#33B54F;
}
/*---------------------------------Image Gallery------------------------------------*/
#imageGallerytLister ul li{
    list-style-type:none;
}
#imageGallerytLister ul li img {
    width:22%;
    margin:0 1% 12px 1%;
    float:left;
}
#imageGallerytLister ul li img:hover {
    opacity:0.8;
}

/*---------------------------------Portfolio------------------------------------*/
#portfolio ul li{
    list-style-type:none;
    line-height:1;
    width:30%;
    margin:0 1% 22px 1%;
    float:left;
}
#portfolio ul li.column-1 {
    clear:left;
}
#portfolio img {
    width:100%;
    height:auto;
    display:block;
}
#portfolio img:hover {
    opacity:0.8;
}
#portfolio h3 span {
    display:block;
    font-size:1.2em; 
    font-weight:bold;
    margin-top:12px;
}
body.PortfolioPage .pageContent {
    width:98%;
    padding-left:1%;
}
/*----------------------------------footer-------------------------------*/

#footer {
    border-top:12px solid #33B54F;
    background:#123D86;    
    margin-top:12px;
    min-height:60px;    
}

#footer a {
    color:white;
}

#footer a:hover {
    color:silver;
}

table {
	background:#1C4790;
}
/*----------------------sub - footer colophone-------------------------------*/


.colophon.left {
    float:left;
    color:white;
    font-size:0.8em;
}
.colophon.right {
    float:right;
    color:white;
    font-size:0.8em;
}
#colophonFooter {
    padding:16px 0px;

}
#cloudLogo {
    clear:left;
    width:100%;
    position:relative;
    padding:22px 0;
}
#cloudLogo a{
    display:block;
    text-align:center;
    width:117px;
    margin:0 auto;
}
#cloudLogo img:hover {
    opacity:0.8;
}
/*------------------------------------- widgets and stuff -------------------------------*/
.widget {
    margin-top:16px;
    background:#97C4CD;
    padding:5%;
    
}
.widget h3 {
    font-size:2em;
    margin-bottom:10px;
}


/* ------------------images in content----------------------------------------*/
img.left {
    float:left;
    padding-right:20px;
    max-width:50%
}

img.right {
    float:right;
    padding-left:20px;
    max-width:50%   
}



/*--------------------------------------blog ----------------------------------------------*/

.hfeed img {
    float:right;
    width:34%;
    padding-left:3%;
    height:auto;
}
.hfeed h1, .hfeed h2 {
    margin:0 0 8px;;
}
.hfeed h1 a, .hfeed h2 a {
    color:black;
}
.hfeed h1 {
    font-size:1.8em;
    font-weight:700;
}
.hfeed h2 {
    font-size:1.2em;
    font-weight:700;
}
.hfeed h1 a:hover, .hfeed h2 a:hover {
    color:silver;
}
ol, ul {list-style-type:none}

p.authorDate {color:silver;}

.hentry.bigBoy {
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid silver;
}

.hentry.twin {
    width:48%;
    float:left;
    margin-right:4%;
}
.hentry.twin img {
    width:50%;
}
.hentry.twin.odd {
    margin-right:0;
}
.twinDivider {
    clear:left;
    height:20px;
    margin-bottom:20px;
    border-bottom:1px solid silver;
}

.hentry.twin p.readMore img, p.readMore img {
    height:28px;
    width:auto;
    float:left;
    padding-left:4px;
}
p.readMore img.first {
    padding-left:0;
}
p.readMore img:hover {
    opacity:0.8;
}
/*----------------------------------Calendar-------------------------------*/

body.Calendar .pageContent ul li {
    list-style:none;
}
/*-----------------------------------forms------------------------------------*/
input {color:black;}
input[type="text"],textarea {
    width:50%;
    background:#f6f6f6;
}

/* For devices larger than 400px  consider this the phone */
@media (max-width: 1460px) {
        .container {width:100%;}
}



@media (max-width: 920px) {
    #header {height:200px;}
    #headerText {width:65%;margin-top:20px;}
    #headerTools {margin-top:20px;}
    #headerText.large h1 {font-size:3em;}
    #headerText.large p {font-size:2em;}
    .desktop {display:none;}
    .tablet {display:block;}
    .mobile {display:block;}
    .pageContent img {display:none;}
    a.mobileNav {display:block;position:absolute;left:5%;top:25%;}
    /*.container {padding:0;}*/
    .headerPanel {height:auto;}
    #headerText {width:80%;text-align:center;}
    #headerTools {width:100%;margin-top:0;}
    a.mobileNav {left:2%;top:20px;}
    #mainNav {display:none;}
    .story {width:94%;padding-top:0;}
   
    #homePanel {padding-top:25px;}
    .story h2 {font-size:2.5em;}
    .colophon {width:100%;text-align:center;}
    #portfolio ul li{width:48%;}
    #portfolio ul li.column-1 {clear:none;}
    #portfolio ul li.mobile-column-1 {clear:left;}    
    
    
}
@media (max-width: 620px) {
    img.logo {width:80%;}
    #headerText h2 {font-size:1.6em;letter-spacing:0.2px; margin-bottom:1.4em;}
    #stories {margin-top:35px;}
}
.clearFix {
    content: "";
    display: table;
    clear: both; 
}