/* =============================================================================
   Typography
   ========================================================================== */

h1, h2, h3, h4, h5 { color: #000; }
.date { color: #8f9092; }
.intro { color: #333; }

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

a, a:visited { color: #1A3989; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
p a, p a:visited { line-height: inherit; }


/* =============================================================================
   Header
   ========================================================================== */

.twelve header .title { /*background: url('../images/logo.png') top left no-repeat; text-indent: -9999px;*/ margin-top: 25px; }
.twelve header .title a { display: block; width: 241px; height: 75px; }
#top_nav ul li a { color: #17337a; }
div.search-form input[type="text"],
.forumSearch input[type="text"]  {
    height: 24px;
    font-size: 1.2rem;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 3px #ddd;
}
.IE7 div.search-form input[type="text"] { padding-top: 2px; height: 20px; }
header .tab.volunteer {
    /*display: none !important;*/
    margin-right: 10px;
}
header .tab { right: 0; }
header .tab {
    position: relative;
    float: right;
    background: #12275d;
}
header .tab:hover,
header .tab:focus {
    background: #A3A3A3;
    -webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}
header .tab a { color: #fff; }
header .notifications { background: url('../images/notification-bubble.png') no-repeat; top: -15px; left: 3px; width: 29px; height: 28px; }

/* =============================================================================
   Panels
   ========================================================================== */

/*.panel { box-shadow: 0 4px 4px -1px #ddd; border: 1px solid #ddd; padding: 0 15px 10px 15px; margin: 10px 0 25px 0; }*/
.panel span.date { display: block; font-style: italic; font-size: 1.3rem; color: #777; margin-bottom: 10px; }
/*.panel h1 { margin-bottom: 0; }*/

/* ===========================================================================
   Mobile Utility Menu
   ========================================================================== */

.utility > li ul { top: 47px; }

/* =============================================================================
   Main Navigation
   ========================================================================== */

.nav {
    height: 56px;
    margin-bottom: 25px;
    background: #12275d;
}
#main_nav li { position: relative; }
#main_nav > li:hover,
#main_nav li.touchHover > a,
#main_nav > li.HighLighted { background-color: #1a3989; }
#main_nav .dropdown ul li.cta a.rm { color: #1A3989; }
.twelve > ul#main_nav .dropdown ul li a:hover { color: #1A3989; }
.twelve #main_nav li:hover:nth-child(5) .dropdown ul { left: -40px; }
.twelve #main_nav li:hover:nth-child(6) .dropdown ul { left: -170px; }
.twelve #main_nav li:hover:last-child .dropdown ul { left: -331px; }
.twelve > #main_nav li:hover .dropdown ul, .twelve > #main_nav li.touchHover .dropdown ul { border: 1px solid #eaeaea; }

/* Arrow */
.twelve > #main_nav li.touchHover .dropdown:before, .twelve > #main_nav li .arrow {
    content: "";
    position: absolute;
    left: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #1a3989 transparent transparent transparent;
    z-index: 999999;
}


/* ===========================================================================
   Left Navigation
   ========================================================================== */

ul#left_nav li a:hover,
ul#left_nav ul li.HighLighted > a { color: #1A3989; }



/* =============================================================================
   Flexslider
   ========================================================================== */

.nine .flexslider { max-width: 700px; max-height: 475px;  }
.flexslider {margin: 0 0 60px; position: relative; zoom: 1; border: 1px solid #ddd; /*box-shadow: 0 4px 4px -1px #ddd;*/ margin-bottom: 25px;}
.IE7 .flexslider img { min-width:449px;  min-height:218px; }
.flexslider:hover .flex-next {opacity: 0.8;}
.flexslider:hover .flex-prev {opacity: 0.8;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	display: block;
	background: url(../images/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 40%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all .3s ease;
}
.IE8 .flex-direction-nav a {
	filter: alpha(opacity = 50);
}
.IE8 .flexslider:hover .flex-direction-nav a {
	filter: alpha(opacity = 100);
}
.flex-direction-nav .flex-next {background-position: 100% 0;right:10px;}
.flex-direction-nav .flex-prev {left:10px;}
.flex-caption { overflow: visible;  position: relative; left: 0; width: 100%; padding: 5px 15px;}
.IE7 .flex-caption { width:440px; margin:0 auto;}
.flex-caption h5 { color: #000; font-size: 1.8rem; margin-top: 5px; }
.flex-caption p { color: #666; margin-bottom: 5px; }
.flex-caption a { font-size: 1.3rem; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav { /* width: 100%;*/  position: absolute; /* left: 90%; */ right:5px; /* bottom: 140px; */ top:320px; }
.flex-control-nav li { float: left; margin-left: 5px; cursor: pointer; color: #999999; text-indent: -9999px; background: url('../images/bullets.png') no-repeat 0 0; width: 11px; height: 11px; overflow: hidden; }
.flex-control-nav li a.flex-active { background: url('../images/bullets.png') no-repeat -11px 0 !important; width: 11px; height: 10px; }
.six .flex-control-nav, .nine .eight .flex-control-nav {top:190px;}


/* =============================================================================
   Company Slider
   ========================================================================== */

#companies { position: relative; max-width: 200px; max-height: 60px; clear: both; margin: 0 auto; }
#companies .slides li {margin-bottom:0;}
#companies img { margin: 5px 0 !important; padding:0 5px;}
#companies .flex-viewport { border:1px solid #E5E5E5;}
#companies .flex-direction-nav a {opacity:1;}
#companies .flex-direction-nav .flex-next, #companies .flex-direction-nav .flex-prev { position: absolute; width: 13px; height: 13px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#companies .flex-direction-nav .flex-next { background: url(../images/slider_right_arrow.png) no-repeat; right: -15px; top: 52px; }
#companies .flex-direction-nav .flex-prev { background: url(../images/slider_left_arrow.png) no-repeat; left: -15px; top: 52px; }
.company-logo { margin-top: 80px; list-style-type: none; }

/* =============================================================================
   CTA's
   ========================================================================== */

.cba_bc.landing .four .cta.home { padding: 0; }
.cba_bc.landing .four .cta.home h5 { font-weight: bold; font-size: 1.8rem; color: #111; /*font-family: 'Avenir LT W01 55 Roman', sans-serif;*/ }
.cba_bc.landing .four .cta.home h6 { font-family: 'Crimson Text', serif; font-size: 1.8rem; color: #000; }
.cba_bc.landing .four .cta.home a.rm { font-weight: 700; text-transform: uppercase; }
.cba_bc.landing .four .cta.home a.rm:hover { color: #000; text-decoration: none; }
.content .three:last-child { width: 22.5%; border: none; margin-left: 0; }
.content > .three + .three + .three + .three { border: 0; margin-left: 0; width: 22.5%; }
.home + .row.content img { margin-top: 0; }


/* =============================================================================
   jQuery UI Event Calendar
   ========================================================================== */

#datepicker .highlight { background:#b2da8a;}


/* =============================================================================
   Footer
   ========================================================================== */
.social-container { background-color: #12275d; }



/* =============================================================================
   Reuze Customization
   ========================================================================== */

/* Recent Updates (Home Page) */
.ac a h2.title, .ac a h3.title, .ac a h4.title, .ac a h5.title, .ac a h6.title { color: #1A3989; }


/*.recent > h5 { margin-top: 2px; padding-bottom: 8px; }
.recent.home > h5 {font-size:1.8rem;}
.recent { padding-left: 0; }
.recent .ac.sidebar > article { width: 100% !important; }
.ac.recent-updates article { border-bottom: 1px solid #f2f2f2; padding-top: 12px; padding-bottom: 0; }
.ac.recent-updates article:first-child { padding-top: 8px; margin-top: 0; }
.ac.recent-updates article:last-child { border-bottom: none; }
.home .ac.recent-updates article { border-bottom: none; padding-top: 0; }
.home .ac.recent-updates article:first-child { padding-top: 0; }
.ac.recent-updates ul.meta { float: left; width: 60px; }
.home .ac.recent-updates ul.meta li { margin-bottom:0; border: 2px solid #000; padding: .25em; border-radius: 50%; width: 50px; height: 50px; }
.ac.recent-updates span { text-transform: uppercase; text-align: center !important; display: block; color: #000; font-weight: bold; }
.ac.recent-updates span.month { font-size: 1rem; }
.ac.recent-updates span.day { font-size: 3rem; letter-spacing: -2px; margin: -10px 0 0 -4px; }
.ac.recent-updates header a h5, .ac.recent-updates header a h6, ac.recent-updates header h5 a, .ac.recent-updates header h6 a { color: #1A3989; padding-top: 4px; font-family: "Open Sans"; text-transform: none; }
*/

/* =============================================================================
   Page Slide
   ========================================================================== */

#pageslide > ul > li.HighLighted > a, #pageslide > ul > li.HighLighted li.HighLighted > a { background-color: #444 !important; }
#pageslide > ul > li.HighLighted > a { border-bottom: 1px solid #666; }
#pageslide ul li ul li { border-bottom: 1px solid #666; }
.landing #pageslide > ul > li > a { border-bottom: 1px solid #666; }
/* #pageslide > ul > li.hover > a { background: #444; color: #fff; } */
/*
#pageslide ul li a:hover {
    background: #84cb44;
    background: -moz-linear-gradient(top, ffffff 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
    color: #0a2e9e;
}
*/

/* Update button colours */
a.button, input.button, input[type="submit"], .ForumFlat .Actions a {
  background-color: #12275d;
  color: #FFFFFF;
}
a.button:hover, input.button:hover, input[type="submit"]:hover {
  background-color: #A3A3A3;
}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 46em) and (max-width: 51em) {.nine .flex-control-nav {top:250px; /* left:88%; */} .six .flex-control-nav {top:140px;} }
@media only screen and (min-width: 51em) and (max-width: 54em) {.nine .flex-control-nav {top:270px; /* left:88%; */} .six .flex-control-nav {top:160px;} }
@media only screen and (min-width: 54em) and (max-width: 57em) {.nine .flex-control-nav {top:290px;} .six .flex-control-nav {top:175px;} }
@media only screen and (min-width: 57em) and (max-width: 59em) {.nine .flex-control-nav {top:300px;} .six .flex-control-nav {top:185px;}}

@media only screen and (max-width: 29.938em) {
    .flex-control-nav { left: 82% !important; }
}


@media only screen and (max-width: 47.938em) {
    .twelve header .title {
        /*background: url('../images/logo@2x.png') top left no-repeat;
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;*/
        margin-top: 22px;
        width: 200px;
        height: 63px;
    }
    .IE7 .twelve header .title, .IE8 .twelve header .title {
        background: url('../images/logo@ie.png') top left no-repeat;
        width: 200px;
        height: 63px;
        background-size: auto;
    }
    ul#main_nav li { border-right: none; }
    .recent { padding-left: 15px; }
    .three.columns.shadow { box-shadow: 0 0 0 #fff; border: none; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
    .content .three:last-child { width: 22.5%; border: none; margin-left: 15px; }
    .flex-caption { height: 70px; }
    .nine .flex-control-nav { display: none; }
	.six .flex-control-nav {display:none;}
}

@media only screen and (max-width: 63.938em) {
	.cba_bc.landing .four .cta.home { margin-bottom:15px; }
	/*.cba_bc.landing .four .cta.home img { width:100%; }*/
	.six .flex-control-nav {display:none;}
	.six .flex-direction-nav a {top:100px}

}

#top-btn {
  background: #12275d;
}