﻿body{
    margin: 0;
    padding: 0 !important;
    width: 80%;
    height: 100%;
    background: #fff;
	font-family: Cambria, "Times New Roman", "serif";
}

img {
    border: none; 
    max-width: 100%;
    height: auto;
}
.clearDiv{clear: both;}
.setWidth{width: 88%; max-width: 1200px; margin: 0 auto;}

#headerWrapper{
    background: url(images/header-bkgd.png) repeat top center #fff;
    padding: 16px 0 14px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.35);
    position: relative;
    z-index: 100;
}

#logo, #headerRight{display: inline-block; vertical-align: top;}
#logo{margin-right: 45px;}
#logo img{max-height: 115px;}
#headerRight{margin-top: 34px;}

#tagline{
	font-family: Cambria, "Times New Roman", "serif";
	font-weight: bold;
	font-style: italic;
	font-size: 36px;
	line-height: 42px;
	color: #111111;
	text-transform: uppercase;
}

#menuWrapper{
    margin-top: 16px;
    position: relative;
    z-index: 500;
    text-align: center;
}

#btnWrapper{
    display: table;
    width: 100%;
    position: relative;
    z-index: 95;
}

.mainBtn, .colorStripe{
    display: table-cell;
    vertical-align: middle;
    width: 33%;
    background: #2e4f7b;
    text-align: center;
}

.colorStripe{height: 15px;}
.middleBtn{background: #b42532;}
.mainBtn:hover{background: #333;}

.mainBtn a{
	display: block;
	padding: 15px 3%;
	font-family:Cambria, "Times New Roman", "serif";
	font-weight: bold;
	font-size: 26px;
	line-height: 32px;
	color: #fff;
	text-transform: uppercase;
}

.mainBtn a:link, .mainBtn a:visited, .mainBtn a:hover, .mainBtn a:active {
	color: #fff;
	text-decoration: none;
}

#contentWrapper{padding: 60px 0 75px;}
#contentDiv, #sideContent{display: inline-block; vertical-align: top;}
#contentDiv{width: 65%; margin-right: 4%;}
#sideContent{width: 30%; margin-top: 5px;}
#sideContent h2{margin: 0 0 10px;}
#sideContent p{font-size: 18px; line-height: 24px;}

table#cardList{text-align: center;}
table#cardList td.card{
	display: inline-block;
	vertical-align: middle;
	width: 180px;
	margin: 8px 6px;
}
@media all and (max-width: 500px) {
	table#cardList td.card{width: 40%;}
}

#footerWrapper{
    background: url(images/footer-bkgd.png) repeat top center #444;
    padding: 14px 0 14px;
    text-align: center;
}

.footerLinks{
    font-family: Cambria, "Times New Roman", "serif";
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
}

#footerWrapper a:link, #footerWrapper a:visited{color: #fff; text-decoration: none;}
#footerWrapper a:hover, #footerWrapper a:active{color: #fff; text-decoration: underline;}


/* styling */
body *{letter-spacing: normal !Important; line-height: inherit;}

/* GENERIC */
p, li, #contentDiv td, input, textarea, select, option{
	font-family: Cambria, "Times New Roman", "serif";
	font-size: 20px;
	color: #111;
	line-height: 26px;
}

p{margin: 0 0 25px;}
#contentDiv li{padding: 6px 0;}
#contentDiv ul, #contentDiv ol{margin: 0px 0px 25px 35px;}


h1{
	font-family: Cambria, "Times New Roman", "serif";
	font-size: 34px;
	font-weight: bold;
	font-style: normal;
	color: #2e4f7b;
	margin: 0 0 8px;
	line-height: 40px;
    text-transform: uppercase;
}

h2{
	font-family: Cambria, "Times New Roman", "serif";
	font-size: 28px;
	font-weight: bold;
	font-style: normal;
	color: #b42532;
	margin: 45px 0 5px;
	line-height: 34px;
    text-transform: uppercase;
}

h1 + h2{margin-top: 20px;}

h3{
	font-family: Cambria, "Times New Roman", "serif";
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	color: #2e4f7b;
	margin: 40px 0 5px;
	line-height: 30px;
    text-transform: uppercase;
}

h1 + h3, h2 + h3{margin-top: 15px;}

h4{
	font-family: Cambria, "Times New Roman", "serif";
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	color: #111;
	margin: 35px 0 2px;
	line-height: 32px;
}

h1 + h4, h2 + h4, h3 + h4{margin-top: 10px;}

h5{
	font-family: Cambria, "Times New Roman", "serif";
	font-size: 22px;
	font-weight: bold;
	font-style: normal;
	color: #2e4f7b;
	margin: 35px 0 2px;
	line-height: 30px;
}

h1 + h5, h2 + h5, h3 + h5, h4 + h5{margin-top: 10px;}

h6{
	font-family: Cambria, "Times New Roman", "serif";
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #111;
	margin: 35px 0 2px;
	line-height: 28px;
}

h1 + h6, h2 + h6, h3 + h6, h4 + h6, h5 + h6{margin-top: 10px;}

img{border: none;}

a:link, a:visited{
	text-decoration: none;
	color: #b42532;
}

a:hover, a:active{
	text-decoration: none;
	color: #b42532;
}

small{font-size:8px;}
big{font-size:14px;}
blockquote, pre{font-family:Lucida Console, monospace;}
ol li{list-style-type:decimal;}
ol ol li{list-style-type:lower-alpha;}
ol ol ol li{list-style-type:lower-roman;}
ol ul li{list-style-type:disc;}

hr{color: #cecece; background-color: #ffffff; border: none; height: 1px; text-align: left; margin: 25px 0;}

/* btns */

a.contentBtn{
    display: inline-block;
    font-family: Cambria, "Times New Roman", "serif";
    text-transform: uppercase;
	border: 1px solid #cccccc;
	margin: 10px;
}
a.formheader{
    display: inline-block;
    font-family: Cambria, "Times New Roman", "serif";
    font-size:12pt;
	border: 1px solid #cccccc;
	margin: 1px;
}

a.largeBtn{
    font-size: 20px;
    line-height: 20px;
    padding: 8px 12px;
	font-weight: bold;
}

a.smallBtn{
    font-size: 17px;
    line-height: 17px;
    padding: 6px 10px;
}

a.contentBtn:link, a.contentBtn:visited, a.contentBtn:hover, a.contentBtn:active{
    color: #fff;
    text-decoration: none;
}

a.greyBtn{background: #555555;}
a.blueBtn{background: #2e4f7b;}
a.redBtn{background: #b42532;}

a.greyBtn:hover, a.blueBtn:hover, a.redBtn:hover{background: #111;}

/* END grey btns */


/* responsive */

#menuBtn, #mobiMenu{display: none;}

@media all and (max-width: 1170px) {
    #logo, #headerRight{display: block; text-align: center;}
    #logo{margin-right: 0;}
}

@media all and (max-width: 925px) {
	#headerWrapper{padding-bottom: 0;}
    #tagline{margin-bottom: 25px;}
    #menuWrapper{display: none;}

    #menuBtn{
        display: block;
        text-align: center;
        background: #555;
        font-family:Cambria, "Times New Roman", "serif";
		font-weight: bold;
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        padding: 12px;
        color: #fff;
        cursor: pointer;
    }

    #mobiMenu{
        position: absolute;
        z-index: 750;
        background: rgba(17,17,17,.9);
        width: 100%;
        padding: 0;
    }
}

@media all and (max-width: 765px) {
    #contentDiv, #sideContent{display: block; width: 100%; margin-right: 0;}
    #sideContent{margin-top: 40px; padding: 30px 0 0;}
}

@media all and (max-width: 600px) {
    .mainBtn{display: block; width: 100%;}
}
#wrapper {
  display: flex;
}

#left {
  flex: 0 0 65%;
}

#right {
  flex: 1;
}
