@charset "utf-8";
/** CSS LAYOUT, TEXT STYLES ======================================
Layout by Alt-Web Design & Publishing http://www.alt-web.com 
August 2011, revised with Bootstrap 3.2 in June 2015
====================================
COLORS:
white #FFF
off-white #EEE
light-blue background #B5C3D7
medium-blue #4E7CBA
dark-blue links #004489
red #BF1039
greenish-gold background #D3D9BD
===============================
**/
html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 100%;
}
body {
	padding: 40px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #333;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #d3d9bd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d3d9bd));
	background: -webkit-linear-gradient(top, #ffffff 0%, #d3d9bd 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #d3d9bd 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #d3d9bd 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #d3d9bd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d9bd', GradientType=0 );
}
img, object, video { max-width: 100%; }
/**BEGIN LAYOUT**/
.container {
	margin: 9px auto; /**centered on screen**/
	padding: 0;
	text-align : left;
	overflow: hidden; /**float containment**/
	background: #FFF;
	/**shadows**/
	box-shadow: #999 0.25em 0.25em 0.25em;
	/**ROUNDED BORDERS**/
	border-radius: 20px;
	border: 2px solid #4F7DBB;
}
#content { padding: 0 20px; }
/**Bootstrap workaround for horizontal scrollbars appearing on div class="row"**/
.row {
	margin-left: 5px;
	margin-right: 5px
}
/**Bootstrap workaround for center-block**/
.center-block { float: none }
/**default text link & submit button**/
.btn-primary { font-weight: bold }

#footer {
	clear: both;
	padding: 10px;
	text-align: center;
	border-top: 2px solid #B5C3D7;
}
.move {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}


/**special rules for Mobiles**/
@media only screen and (max-width: 500px) {
.pull-right, .pull-left { float: none !important; }
}
.caption {
	font-size: x-small;
	font-weight: bold
}
/**Optional floats, clearing**/
.floatLt, .floatRt { padding: 20px 12px 20px 12px; }
.floatRt {
	float: right;
	margin-left: 10px;
	width: auto;
}
.floatLt {
	float: left;
	margin-right: 20px;
	width: auto;
}/**use this class to clear floats when needed on a p, br or hr tag**/
.clearing {
	clear: both;
	line-height: 1px;
	visibility: hidden;
}/**optional shadows for browsers that support this**/
.shadow {
	padding: 0;
	margin: 10px;
	-webkit-box-shadow: #CCC 0.5em 0.5em 0.5em;
	-moz-box-shadow: #CCC 0.5em 0.5em 0.5em;
	-ms-box-shadow: #CCC 0.5em 0.5em 0.5em;
	-o-box-shadow: #CCC 0.5em 0.5em 0.5em;
	-khtml-box-shadow: #CCC 0.5em 0.5em 0.5em;
	box-shadow: #CCC 0.5em 0.5em 0.5em;
}
/**SEO visibility, humans won't see it**/
#sitetitle {
	width: 50%;
	text-indent: -9999em;
	font-size: 1px;
	margin: -20px;
	line-height: 0;
}
#sitetitle h1, #sitetitle h2 { display: inline }
/**TEXT STYLES**/
p {
	font-size: 16px;
	color: #333;
}
hr {
	height: 2px;
	background-color: #555;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 75%;
}
h1, h2, h3, h4, h5, h6, p {
	line-height: 1.4em;
	margin: 0 5px 0 5px;
	padding: 5px;
}
#content h1 {
	display: inline-block;
	font-weight: bold;
	color: #345C8F;
	font-size: 20px;
	margin: 1em 0 0.5em 0;
	padding: 0 0.75em 0 0;
	border-bottom: 3px solid #BF1039;
	letter-spacing: -1px;
}
h2 {
	color: #355D99;
	font-size: 18px;
	font-weight: bold;
}
h3 {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
h4 {
	color: #C01626;
	font-size: 16px;
	font-weight: bold;
}
h5 {
	color: #666;
	font-size: 14px;
	margin-top: 1em;
}
h6 {
	color: #355D99;
	margin-top: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;
}
.news {
	text-transform: uppercase;
	color: #355D99;
	font-weight: bold;
}
/**lists**/
#content ul, #content ol {
	margin-top: 0;
	padding-top: 0
}
#content li {
	line-height: 1.2;
	margin: 0 10% 12px 10%;
	padding-top: 0px;
	font-size: 14px;
}
#content li li {
	font-size: 13px;
	margin-left: -12px;
	margin-bottom: 6px;
}
#content ol li li { list-style: lower-alpha }/**when you need a list without bullets use this ul class**/
.nobullets { list-style: none; }
/**definition lists for CAPE Board etc.**/
dl {
	margin: 0;
	padding: 0;
	font-size: 12px;
	width: 318px;
}
dt {
	margin: 12px 0 0 25px;
	padding: 0;
	font-weight: bold;
	font-style: italic;
}
dd {
	margin: 0 0 0 45px;
	padding: 2px;
}/**end lists**/
#footer h4 {
	margin: 10px 0 0 0;
	padding: 0;
	font-weight: normal;
	font-size: 14px;
	color: #666;
}
#footer p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #666;
}
address {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-size: 14px;
	color: #666;
	line-height: 125%
}
/**Re-usable text-align classes**/
.left { text-align: left }
.center { text-align: center }
.right { text-align: right }
.justify { text-align: justify }/**for images on same line as text**/
.middle { vertical-align: middle }
/**Tables**/
#facts table {
	font-size: 12px;
	width: 525px;
	margin: 0 auto;
	border: 1px solid #B5C4D7;
	border-collapse: collapse;
}
#facts td { border: 1px dotted #CCC }
#facts .left_col {
	padding-left: 1.75em;
	color: #355D99;
	font-weight: bold;
	text-align: left;
}
#facts .mid_col {
	color: #333;
	text-align: left;
	padding-left: 0.75em;
}
#facts .right_col {
	color: #333;
	text-align: center;
}
#facts th {
	background-color: #355d99;
	color: #FFF;
	text-align: center;
	padding: 0.50em;
	font-size: 14px;
	line-height: 18px;
}
#facts td {
	height: 18px;
	color: #333;
	padding: 0.25em;
	vertical-align: middle;
	text-align: center;
}
#facts .ref {
	color: #666;
	font-size: xx-small
}
#facts table li {
	line-height: 1.4em;
	margin-bottom: 0.65em
}
#facts table ul li a { display: block }
#facts table caption {
	text-align: center;
	font-weight: bold;
	margin: 6px
}
#facts table.articles td {
	background-color: #E8EDF4;
	border: none;
}
/**alternating table rows**/
#facts tr:nth-child(2n+1) { background-color: #E8EDF4; }
/**End tables**/


/**ALL forms**/
input {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #B5C4D7;
	font-size: 12px;
}/**field background on focus**/
input:focus, input:active, select:focus, select:active {
    background-color: #EBECDE;
}


/**freeFind Search**/
#search input {
	/**rounded**/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#search input[type=text] { color: #666 }
#search input[type=text]:focus, #search input[type=text]:active { color: #333; }
#search-button {
	background-color: #B5C3D7;
	color: #000;
}
#search-button:hover, #search-button:focus, #search-button:active {
	background-color: #6373CA;
	color: #FFF;
	outline: none;
}
/**Forms for BRS, Board Mtg, Outlook, etc...**/
form#CAPE {
	border-radius: 10px;
	margin: 0 auto;
	background: #B5C3D7;
	padding: 2%;
}
form#CAPE input {
	font-size: 16px;
	color: #4E7CBA
}
form#CAPE legend {
	color: #BF1039;
	font-size: 18px;
}
form#CAPE label { font-size: 12px; }
form#CAPE select {
	font-size: 14px;
	padding: 6px
}
/**submit button**/
.btn-block {
	font-weight: bold;
	line-height: 2em
}
form#CAPE em {
	color: #BF1039;
	font-weight: bold
}
form#CAPE fieldset {
	margin-bottom: 5px;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
form#CAPE input[type="checkbox"], form#CAPE input[type="radio"] { transform: scale(1.8, 1.8) }
.radio-inline, .checkbox-inline {
	font-size: 20px;
	font-weight: bold
}
/* LINKS*/
a img { border: none }
a { font-weight: bold }
/**footer links**/
footer a {
	color: #0D207D;
	font-weight: bold
}
footer a:visited { color: #4D69AB }
footer a:hover, footer a:active, footer a:focus {
	color: #B01223;
	text-decoration: underline;
}

/**Bootstrap drop-menus**/
.centered-pills {
	text-align: center;
	background: #EEE;
}
.centered-pills ul.nav-pills { display: inline-block; }
.centered-pills li { display: inline; }
, centered-pills li:hover {
text-decoration:underline
}
.dropdown-menu {
	border: 1px solid #B5C4D7;
	background: #c2cdde;
}
.dropdown-menu li a {
	color: #004489;
	font-size: 16px;
	font-weight: bold;
}
.nav-pills > li > a { color: #BF1039; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { color: #4E7CBA; }

/**change stacked nav on md-lg displays**/
@media (min-width: 600px) {
.nav-stacked > li { display: inline-block }
.nav-stacked > li + li {
	margin-top: 0;
	margin-left: 2px;
}
}
/**top navbar**/
.navbar-left li { color: #B5C4D7 }
.nav-brand a:hover, .nav-brand a:focus, .nav-brand a:active { }
.navbar {
	background: #f7fbfc;
	background: -moz-linear-gradient(left, #f7fbfc 0%, #b5c4d7 100%, #4e7cba 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f7fbfc), color-stop(100%, #b5c4d7), color-stop(100%, #4e7cba));
	background: -webkit-linear-gradient(left, #f7fbfc 0%, #b5c4d7 100%, #4e7cba 100%);
	background: -o-linear-gradient(left, #f7fbfc 0%, #b5c4d7 100%, #4e7cba 100%);
	background: -ms-linear-gradient(left, #f7fbfc 0%, #b5c4d7 100%, #4e7cba 100%);
	background: linear-gradient(to right, #f7fbfc 0%, #b5c4d7 100%, #4e7cba 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#4e7cba', GradientType=1 );
}
.navbar-default {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 16px;
}
.navbar-left > li > a {
	padding: 8px;
	color: #C2CDDE !important
}
.navbar-left > li > a:hover { color: #4E7CBA !important }

/* Special Rules for mobiles */
@media only screen and (max-width: 768px) {
.navbar-default {
	font-size: 20px;
	text-align: center;
}
}
.navbar-default .navbar-nav > li > a {
	color: #0D207D;
	font-weight: normal;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #BF1039;
	background-color: rgba(255,255,255,0.5);
	text-decoration: underline;
}
/**search bar and primary link buttons**/
.btn-primary {
	background-color: #4E7CBA;
	border-radius: 10px
}
.btn-primary a { color: #FFF !important; }
.btn-primary:hover { background-color: #B01223; }
.input-group { margin-top: 6px; }

/* Special Rules for desktops to fix a Chrome bug */
@media only screen and (min-width: 768px) {
#custom-search-input { max-width: 253px }
}

/* Special Rules for desktops */
@media only screen and (max-width: 768px) {
#custom-search-input {
	width: 95%;
	margin: auto;
	padding: 12px
}
}
#logo {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}

/**social media icons**/
footer a i {
	color: #B5C4D7;
	padding: 6px;
}
/**Data scrollspy on desktops**/
.sidebar.affix, .sidebar.affix-bottom { width: 263px; }
.sidebar.affix {
	position: fixed;
	top: 20px;
}
.sidebar.affix, .sidebar.affix-bottom { width: 213px; }
.sidebar.affix { position: static; }
.sidebar { padding-left: 20px; }
.affix { position: fixed; }
affixed sidebar .sidebar.affix, .sidebar.affix-bottom { width: 263px; }
#sidebar {
	position: relative;
	top: 45px;
	left: 0px;
	width: 220px;
	padding: 5px 3px;
	background: #fff;
	font-size: 13px;
}
#sidebar .nav li a {
	font-size: 13px;
	text-transform: uppercase;
	color: #004489
}
#sidebar .nav .nav li a {
	font-size: 11px;
	text-transform: capitalize;
}
#sidebar .nav .active a {
	font-weight: bold;
	background: #EEE;
}
#sidebar .nav .nav {
	display: none;
	font-weight: normal;
	padding-left: 15px;
}
#sidebar .nav .active .nav { display: block; }
#sidebar .nav .nav a {
	font-weight: normal;
	font-size: .85em;
}
#sidebar .nav .nav span { margin: 0 5px 0 2px; }
#sidebar .nav .nav .active a, #sidebar .nav .nav .active:hover a, #sidebar .nav .nav .active:focus a {
	font-weight: bold;
	padding-left: -30px;
	background: #EEE;
	border-left: 4px solid #BF1039;
}
#sidebar .nav .nav .active span, #sidebar .nav .nav .active:hover span, #sidebar .nav .nav .active:focus span { display: none; }

/**scrollspy, DATA SCROLL ON ACTIVE ELEMENT**/
#sidebar .nav .active a {
	font-weight: bold;
	padding-left: -30px;
	background: #EEE;
	border-left: 4px solid #BF1039;
}
.affix {
	top: 60px;
	width: 220px !important;
	padding: 5px 3px;
	background: #FFF;
	border-right: 2px solid #B5C3D7
}
/**special rule for desktops**/
 @media (min-width: 1024px) {
.affix { width: 220px !important; }
}
.affix-bottom {
	position: absolute;
	width: 220px !important;
	background: #ffffff;
	border-right: 2px solid #B5C3D7
}
/**special rule for large desktops**/
 @media (min-width: 1200px) {
.affix-bottom { width: 220px !important; }
}
/* END data scrollspy */

/**on long pages, add ample space between sections**/
 @media (min-width: 999px) {
section {
    margin: 20px 0 20px;
    padding: 30px 0 30px;
    font-size: 75%;
}
.no_margin {
	margin-top: 0;
	padding-top: 0
}
}

/**hover color on social media icons**/
footer a i:hover { color: #4E7CBA }

/**PDF Font-Awesome Icon**/
.red {
	color: red;
	background: white;
}
.move {
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
.ad {
    padding-right: 27px;
}