/* brand-styles.css 
 * Description: AVMA Branded Styles
 * Version: 1.0.0
 ------------------------------------------------------------ */

/* Color Palette
 * -- AVMA Green        #55b800
 * -- Dark Green        #418c01
 * -- Light Green       #cbebb0
 * -- X-Light Green     #edfae1
 * -- AVMA Blue    		#00305e
 * -- Dark Blue  	    #01172c
 * -- Light Blue        #709ac0
 * -- X-Light Blue      #dae7f2
 * -- Link Blue         #0079c1
 * -- AVMA Gray         #7d868c
 * -- X-Dark Gray       #222526
 * -- Dark Gray         #4f5559
 * -- Light Gray        #cad3d9
 * -- X-Light Gray      #e6edf2
 * -- XX-Light Gray     #f2f7fa
 * -- AP Red  		    #c4262e
 * -- AC Teal   		#00b5d1
 * -- PAC Blue 		    #0075c9
 * -- COE Gray  	    #7ba7bc
 */

/* Table of Contents
 * Common
 * -- Typography
 * -- Hyperlinks
 * -- Buttons
 * -- Images
 * -- Icons
 * Layout
 * -- Body
 * -- Containers
 * -- Columns
 * -- Headers & Footers
 * -- Forms
 * -- Tables
 * -- Lists
 * -- Steps
 * Navigation
 * -- Menus
 * -- Tabs
 * Interactions
 * -- Toggle (Hide/Reveal)
 * -- Panels/Accordions
 * -- Videos
 * -- Sliders
 * -- Overlays
 * -- Hints
 * -- Back to Top
 * Convention
 * Responsive
 ------------------------------------------------------------ */
 
 @import 'https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Slab';

/* --- COMMON --- */

/* typography */

/* --- h1, h2, h3, h4, h5, h6 {
	font-family: AauxNext-Black;
	font-weight: normal;
	font-style: normal;
} --- */

h1, h2, h3, h4, h5 {line-height: 1.1em; color: #00305e;}
h1, h5, h6 {font-weight: 600;}

h1 {font-size: 2.4em;}

h2, h3, h4 {font-weight: 300;}

h2 {font-size: 1.9em;}

h3 {font-size: 1.5em;}

h4 {font-size: 1.25em;}

h5, h6 {
	font-size: 1em;
	text-transform: uppercase;}

h6 {color: #55b800;}

p.quote {
    font: 1.3em 'Roboto Slab', serif;
	line-height: 1.5em;
    color: #4f5559;
}

p.caption {
	font-size: .8em;
	color: #4f5559;
	line-height: 1.2em;
}

p.intro {
	font-size: 1.5em;
	line-height: 1.8em;
    color: #4f5559;
}

p.promo {
	font-size: 1.4em; 
	color:#00305e;
	line-height: 1.2em;
	margin-bottom: 5px;
}

p.promo-lg {
	font-size: 1.8em; 
	color:#00305e;
	line-height: 1.2em;
	margin-bottom: 5px;
}

.caption {
	font-size: .8em;
	color: #4f5559;
	line-height: 1em;
}

.error-text {
	font-size: .8em;
	color: #c4262e;
	line-height: 1em;
	margin-top:.8em;
}

.form-text {
	font-size: .9em;
	color: #7d868c;
	line-height: 1em;
	float: left;
}


.aaux-med {font-family: AauxNext-Medium !important;}
.aaux-blk {font-family: AauxNext-Black !important;}
.aaux-light {font-family: AauxNext-Light !important;}
.roboto {font-family: 'Roboto Slab', serif !important;}

.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.text-large {font-size:1.2em !important;}
.text-small {font-size:.8em !important;}

.text-gray {color:#7d858b !important;}
.text-dark-gray {color:#4f5559 !important;}
.text-x-dark-gray {color:#222526 !important;}
.text-white {color:#fff !important;}
.text-blue {color:#00305e !important;}
.text-green {color:#55b800 !important;}
.text-dark-green {color:#418c01 !important;}
.text-red {color:#c4262e !important;}


/* hyperlinks */

a.small {font-size:.8em; line-height:.5em;}

.linksWhite {color:#ffffff;}
.linksWhite a {color:#ffffff;}

a.line:before {content: ' | ';}



/* buttons */

.btn {
    width: 99%;
    text-align: center;
    margin: 10px 0; 
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-small {
    width: 99%;
    text-align: center;
    margin: 10px 0; 
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-cta {
background-color: #55b800;
}

.btn-second {
background-color: #00305e;
}

.btn-third {
background-color: #fff;
border: 1px solid #0079c1;
width: 98%;
}

.btn a {
color: #fff;
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
display: block;
padding: 10px;
}

.btn-small a {
color: #fff;
font-size: 1em;
font-weight: bold;
text-decoration: none;
display: block;
padding: 10px;
}

.btn-third a {
color: #0079c1;
font-weight: bold;
text-decoration: none;
}

.btn:hover {
   background-color: rgba(0, 0, 0, 0.8);
   text-decoration: none;
}

.btn-cta:hover {
	background-color: #418c01;
	text-decoration: none;
}

.btn-second:hover {
	background-color: #0079c1;
	text-decoration: none;
}

.btn-third:hover {
	background-color: #0079c1;
	text-decoration: none;
}

.btn-third a:hover {
	color: #fff;
	text-decoration: none;
}


/* dropdown buttons */

.btn-dd {
	width:20%;
	position: relative; 
	display: inline-block;
 	margin: 10px 0; 
	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
	border-radius: 3px;
  	padding: .7em !important;
}

.dd {
	display: none;
 	position: absolute;
 	z-index: 1;
	background:#fff;
	-webkit-box-shadow: 3px 3px 10px #cad3d9;  
	-moz-box-shadow: 3px 3px 10px #cad3d9;  
	box-shadow: 3px 3px 10px #cad3d9;  
	color:#00305e;
	min-width: 280px;
	top:100%;
	left:0%;
	border: 1px solid #cad3d9;
}

.dd ul {
	list-style:none; 
	margin:0 !important; 
	padding:0;
}

.dd ul li {
	border-top: 1px solid #cad3d9;
	padding: .5em;
	font-size: .9em;
	margin:0 !important;
}

.dd ul li:hover {background:#cad3d9;}

.dd a:hover {font-weight:bold;}

.btn-dd:hover .dd {display: block;}

.btn-dd-color {
	background-color: #0079c1;
	color:#fff;
}

.btn-dd-outline {
	background-color: #fff;
	border: 1px solid #00305e;
	color:#00305e;
}

.btn-dd a {
	color: #fff;
	font-weight: 500 !important;
	text-decoration: none;
	display: block;
}

.btn-dd a:hover {background:#cad3d9;}

.btn-dd-color a {color: #0079c1;}

.btn-dd-outline a {color: #00305e;}

.btn-dd-color:hover {
	text-decoration: none;
	-webkit-box-shadow: 3px 3px 10px #cad3d9;  
	-moz-box-shadow: 3px 3px 10px #cad3d9;  
	box-shadow: 3px 3px 10px #cad3d9;  
}

.btn-dd-outline:hover {
	text-decoration: none;
	-webkit-box-shadow: 3px 3px 10px #cad3d9;  
	-moz-box-shadow: 3px 3px 10px #cad3d9;  
	box-shadow: 3px 3px 10px #cad3d9;  
}



/* images */
.app-badge {float:left; padding-right: 1em;}

.graphic {float:left; margin-right: 1em;}

.icons {float:left; margin-right: 1em;}

.icon2 {
	margin-right: .5em;
	text-decoration:none !important;
}

.icon2:hover, .icon2:focus {
	color:#01172c;
	text-decoration:none !important;
}

.align-img {margin-top: -1em;}

.pg-bnr {
	float:left;
	margin:10px 0;
	width:100%;
	position: relative;
}

.img-right {float:right; padding: .5em;}

.img-border {border: 8px solid #00305e;}


/* banner text panels */

.text-panel-left {
	background: #fff;
	padding: 1em;
	border-right: 5px solid #55b800;
	z-index: 10;
}

.text-panel-right {
	background: #fff;
	padding: 1em;
	border-left: 5px solid #55b800;
	float:right;
	margin-bottom: .5em;
	z-index: 10;
}

.text-panel-caps {
	text-transform:uppercase;
	font-weight: bold;
	font-size: 2.3em;
	font-family: "Aaux Next", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}

.text-panel-lower {
	/*! text-transform: lowercase; */
	font-weight: 300;
	font-size: 1em;
	font-family: "Aaux Next", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}


/* --- LAYOUT --- */

/* body */

.memBody {
    font: 16px/24px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#222526;
}



/* containers */
.main {margin: 0;}

#tab-content {width:977px;}

.clear {
     clear: both;   
}

.vid-box {
	float:right;
	border: 2px solid #00305e;
}

.vid-hdr {
	background-color: #00305e;
	color: #fff;
    padding: 10px;
    margin: 0 0 8px 0;
}

.callout-1 {
	border-top: 2px solid #55b800;
	border-bottom: 2px solid #55b800;
	margin: 1em 0;
	padding: 1em 0;
}

.callout-2 {
	border-top: 2px solid #00305e;
	border-bottom: 2px solid #00305e;
	margin: 1em 0;
	padding: 1em 0;
}

.callout-3 {
	background: #dae7f2;
	margin: 1em 0;
	padding: 1em !important;
}

.callout-4 {
	background: #e6edf2;
	margin-bottom: 1em;
	padding: 1em !important;
}

.callout-4-hdr {
	background: #7d868c; 
	color:#fff;
	padding: .8em !important;
	margin: 0;
}

.callout-5 {
	background: #dae7f2;
	margin-bottom: 1em;
	padding: 1em !important;
}

.callout-5-hdr {
	background: #00305e; 
	color:#fff;
	padding: .8em !important;
	margin: 0;
}

.callout-6 {
	margin: 1em 0;
	padding: 1em !important;
	background-color: #fbf4bd;
    border: 1px solid #f38e25;
    color: #b04919;
}

.cost {margin-top: 10px;}

#action {display:none;}
#cost {display:none;}
#contact {display:none;}
#promo {display:none;}
#videos {display:none;}

#action-2 {display:none;}
#cost-2 {display:none;}
#contact-2 {display:none;}
#promo-2 {display:none;}
#videos-2 {display:none;}

#overlay-desktop {display:block;}
#overlay-mobile {display:none;}


.margin-top-double {margin-top:2em !important;}
.padding-add {padding:1em !important;}
.margin-top-none {margin-top:0;}

.scroll {overflow:auto !important;}

.mobile {display: none !important;}
.desktop {display: block !important;}

.border-right-gray {border-right: 1px solid #7d868c;}
.margin-extra-top-btm {margin: 2em 0;}


/* columns */

.rt-col {float:right !important; padding-right: 0 !important; margin-right: 0 !important;}
.lft-col {float:left; padding-left: 0 !important; margin-left: 0 !important;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	float: left;
	padding: 0 5px;
}

.col-1 {width: 7%;}
.col-2 {width: 15%;}
.col-3 {width: 23%;}
.col-4 {width: 30%;}
.col-5 {width: 40%;}
.col-6 {width: 48%;}
.col-7 {width: 56%;}
.col-8 {width: 65%;}
.col-9 {width: 73%;}
.col-10 {width: 80%;}
.col-11 {width: 90%;}
.col-12 {width: 100%;}

/* vertical "OR" line for split columns */
.or-wrapper {
    position: relative;
    width: 20px;
	height: 1050px;
    margin: 10px 20px 0 10px;
}

.line {
    position: absolute;
    left: 49%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #ccc;
    z-index: 1;
}

.wordwrapper {
    text-align: center;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -12px;
    z-index: 2;
}

.word {
    color: #cad3d9;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 0;
	background: #fff;
}



/* -- headers & footers -- */

/* mini header */

#site-header {
	width: 100%;
	margin:0;
	padding:0;
}

.navbar {
    background: #fff;
    border-bottom: 10px solid #00305e;
	margin-bottom: 1em;
	-moz-box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.25);
}


/* help contact info */
.contact-help {
    color:#55b800;
    font-size: 1.4em;
    line-height: .7em;
}

.contact-phone {
    color: #0079c1;
    font-size: 1.7em;
    line-height: .7em;
}

.contact-ext {
    color:#7d868c;
    line-height: .7em;
}

.contact-time {
    color:#7d868c;
    font-size: .9em;
    line-height: .6em;
}

.contact {
	padding: 10px 0;
	margin: 10px 0;
	text-align: right;
}


/* mini footer */
.btm-bar {
	border-top: 8px solid #00305e;
	margin-top: 3em;
}






/* forms */
.input-with-label {
    white-space: nowrap;
}

.input-with-label .form-control {
    width: 85%;
    display: inline-block;
}

.form-control {
    font-size: 1em;
    padding: .3em;
	display: block;
	width: 100%;
	height: 34px;
	color: #4f5559;
	background-color: #fff;
	background-image: none;
	border: 1px solid #7d868c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.form-control.sm {
    width: 50%;
}

.form-search {padding: .5em;}

.form-control.error {
    border-color:#c4262e;
	background: #fbf4bd;
}

.form-control:hover {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

select.form-control {height:42px;}


/* lists */
.section ul li:before {
    font-size: 1em;
    color: #55b800;
    content: "• ";
    padding-right: .4em;
}

.section ul {list-style:none;}
.section ul ul li {list-style-type:disc;}
.section ol ul li {list-style-type:disc;}

.sm-list {
	margin: 0px;
	padding-left: 2em;
}

/* steps */
.step {
    display: inline-block;
    padding: .4em;
	margin-bottom: .5em;
    width: 1em;
    line-height: 18px;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    font-style: normal;
    color: #fff;
    background: #55b800;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;    
}

.step-blue {background:#00305e !important;}

.step-list {list-style: outside none none; padding-left: 0px;}

.step-text {padding-left: .7em;}

.step-list ul {list-style:none;}

.step-list ul li {padding-left:1em; text-indent: -1em;}

.step-list ul li:before {
    font-size: 1em;
    color: #7d868c;
    content: "• ";
    padding-right: .4em;
}



/* tables */
.table {
    margin: 0;
	padding: 0;
    font-size: 1em;
	width: 100%;
}

.table-sm {font-size: .9em;}

.table > thead > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-bottom: 1px solid #cad3d9;
	padding: .5em;
	line-height:1.5em;
}

th {
	font-size: 1.6em;
    font-weight: bold;
	color: #55b800;
	text-align: left;
    border-bottom: 1px solid #cad3d9;
	padding: .5em 0;
}

th.small {
	font-size: 1.3em;
    font-weight: bold;
	color: #55b800;
	text-align: left;
    border-bottom: 1px solid #cad3d9;
}

th.sub {
	font-size: 1.2em;
	color: #00305e;
	padding: 1em 0 .1em 0;
	text-align: left;
	border-bottom: 1px solid #cad3d9;
	margin-top: 10px;
}

th.sub2 {
    font-size: 1em;
	color: #7d868c;
    text-transform: uppercase;
	border-bottom: 1px solid #cad3d9;
    padding: .5em !important;
}

tr.select {
    font-size: 1em;
    font-weight: bold;
	color: #00305e;   
    padding: 2px 0;
}

tr.pg {
	margin: 2px 10px;
}

tr.sub {
    border: none;
    padding-left: 15px;
}

td.sub {
	border: none;
    padding-left: 2em !important;
}

td.select {}

td.select::before {
    content: url(/PublishingImages/select-arrow-rt-sm.png);
    margin: 2px;
}

.highlight {background-color: #cbebb0;}
.highlight-gray {background-color: #e6edf2;}
.normal {background-color: #fff;}

.num {
	text-align:right;
    padding-right: .6em;
}

.table-open {	
    margin: 0;
	padding: 0;
    font-size: 1em;
	width: 100%;
    padding: .5em;
}

.table-open > thead > tr > th,
.table-open > tbody > tr > td,
.table-open > tfoot > tr > td {
	padding: .5em;
	line-height:1.1em;
}



/* --- NAVIGATION --- */

/* -- tab pane styling -- */

.tabs {float: left; width: 100%;}

/* root element for tabs in overlay  */
ul.css-tabs {
    margin:0 !important;
    padding:0;
    height:30px;
}

/* single tab */
ul.css-tabs li {
    float:left;
    /*! padding: 5px 10px; */
    margin:0;
    list-style-type:none;
}

/* link inside the tab */
ul.css-tabs a {
    float:left;
    font-size:13px;
    display:block;
    padding:5px;
    text-decoration:none;
    background-color:#cccccc;
    color:#fff;
    margin-right:5px;
    position:relative;
    top:1px;
    outline:0;
    border: none;
    width: 200px;
    text-align: center;
}

ul.css-tabs a:hover {
    background-color:#cccccc;
    color:#00305E;
	text-decoration: none;
}

/* selected tab */
ul.css-tabs a.current {
    background-color:#00305E;
    color:#fff;
    cursor:default;
    border: none;
	text-decoration: none;
}

ul.css-tabs a.current:hover {text-decoration: none;}

/* root element for tabs in page  */
ul.css-tabspg {
    margin:0 !important;
    padding:0;
    height:30px;
}

/* single tab */
ul.css-tabspg li {
    float:left;
    padding: 0;
    list-style-type:none;
    width: 48%;
    margin: 0 1.1em .9em 0;
}

/* link inside the tab */
ul.css-tabspg a {
    float:left;
    font-size:1.5em;
    display:block;
    padding:15px;
    text-decoration:none;
    border-bottom:0px;
    background-color:#cccccc;
    color:#fff;
    position:relative;
    top:1px;
    outline:0;
    border: none;
    text-align: center;
    width: 96%;
}    
  

ul.css-tabspg a:hover {
    background-color:#7d868c;
	text-decoration: none;
}

/* selected tab */
ul.css-tabspg a.current {
    background-color:#00305E;
    color:#fff;
    cursor:default;
    border: none;
	text-decoration: none;
}

a.current:after {
  content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 15px solid transparent;
	border-top-color: #00305e;
    top: 100%;
	left: 50%;
	margin-left: -10px;
}

/* tab pane */
.css-panes div {
    display:none;
    display: inline-block;
}

.css-panes2 div {
    display:none;
    display: inline-block;
}



/* -- external link tabs -- */

#tab-select {display: inline-block;}
#tab-select-sm {display:none;}

.ext-tabs {float: left; width: 100%;}

ul.ext-tabs {
    margin:0 !important;
    padding:0;
    height:1.54em;
}

/* single tab */
ul.ext-tabs li {
    float:left;
    padding: 10px;
    margin:0;
    list-style-type:none;
}

/* link inside the tab */
ul.ext-tabs a {
    float:left;
    font-size: 1.4em;
    display:block;
    padding:5px;
    text-decoration:none;
    height:18px;
    background-color:#cccccc;
    color:#fff;
    margin-right:2px;
    position:relative;
    top:1px;
    outline:0;
    width: 200px;
    text-align: center;
}

ul.ext-tabs a:hover {
    background-color:#cccccc;
    color:#00305E;
	text-decoration:none;
}

/* selected tab */
ul.ext-tabs a.current {
    background-color:#00305E;
    color:#fff;
    cursor:default;
    border: none;
	text-decoration:none;
}

/* root element for tabs in page  */
ul.ext-tabspg {
    margin:0 !important;
    padding:0;
    height:1.54em;
}

/* single tab */
ul.ext-tabspg li {
    float:left;
    list-style-type:none;
    width: 32%;
    margin: 0 1.2em 0 0;
}

/* link inside the tab */
ul.ext-tabspg a {
    float:left;
    font-size: 1.4em;
    display:block;
    padding:.5em;
    text-decoration:none;
    background-color:#cccccc;
    color:#fff;
    position:relative;
    top:1px;
    outline:0;
    text-align: center;
    width: 92%;
}    
  
ul.ext-tabspg a:hover {
    background-color:#7d868c;
}

/* selected tab */
ul.ext-tabspg a.select {
    background-color:#00305E;
    color:#fff;
    cursor:default;
    border: none;
}

a.select:after {
  	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: .7em solid transparent;
	border-top-color: #00305e;
    top: 100%;
	left: 50%;
	margin-left: -10px;
}

		ul.ext-tabspg a.select-sm {
			background-color:#00305E;
			color:#fff;
			cursor:default;
			border: none;
			text-decoration: none;
		}
		
		/* -- a.select-sm:after {
			content: ' ';
			height: 0;
			position: absolute;
			width: 0;
			border: .7em solid transparent;
			border-top-color: #fff;
			top: 35%;
			left: 90%;
			margin-left: -10px;
		} -- */



/* next level tab styling */
#nav {
    width:99.7%;
    display:block;
    background-color:#709ac0;
	margin-top: 1.45em;
	z-index:100;
    }
	
#nav ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
	
#nav ul:After {
    content: "";
    display:block;
    clear:both;
    }
	     
#nav ul li {
    display:list-item;
    float:left;
	margin: 0;
	position:relative;
    }
	
#nav ul li a {
    display:block;
    padding:1.5em 1.7em 1em 1.7em;  
    color:#FFF;
    font-size:1.1em;
	font-weight:500 !important;
    text-decoration:none;
    text-align:left;
}

#nav ul ul {
    display: none;
    position: absolute;
	z-index: 100; 
	background:#fff;
	list-style-type:none;
	-webkit-box-shadow: 3px 3px 10px #4f5559;  
	-moz-box-shadow: 3px 3px 10px #4f5559;  
	box-shadow: 3px 3px 10px #4f5559;  
}

#nav li a:hover, #nav li a:focus {background-color: #00305e;}

#nav ul li a.active {color:#FFF;}

#nav ul li a.active:after {
	content: ' ';
	height: 0;
	width: 0;
	position:absolute;
	left:50%;
	bottom:0;
	border-left: 10px solid transparent;
  	border-right: 10px solid transparent;
	border-bottom: 10px solid white; 	
}

#nav ul li a.active:before {
	content: ' ';
	width: 0;
	height: 0;
	position:absolute;
	left:0;
	top:50%;
	border: 8px solid transparent;
	border-left-color: transparent;
	top: 0;
	left: 0;
}


/* Display Dropdowns on Hover */
#nav ul li:hover > ul {
    display:list-item;
	list-style-type:none;
}

/* First Tier Dropdown */
#nav ul ul li {
    float:none;
    background-color:#709ac0;
	margin-top: 2px;
}

#nav ul ul li a {
    padding:1em;
    text-align:left;
}
	
/* Second, Third and more Tiers */
#nav ul ul ul li {
    position: absolute relative;
	top:-79px;
    left:200px;
}

.nav2 {
	margin: 0;
	padding: 0;
	border-bottom:1px solid #fff;
	background:#dae7f2;
	color:#00305e !important;
	list-style-type:none;
}



/* Tab Text Links */

#tab-links {
	width:100%;
	display:block;
	border-bottom: 1px solid #7d868c;
	margin: 1em 0 1.5em 0;
}

#tab-links ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#tab-links ul:After {
    content: "";
    display:block;
    clear:both;
    }

#tab-links ul li {
	float: left;
	display:list-item;
    list-style: none;
	font-size: 1.3em;
	position:relative;
	margin: 0;
}

#tab-links ul li a {
    display:block;
    color:#7d868c;
    text-decoration:none;
    text-align:left;
	font-weight:500 !important;
	padding:.7em 2em;
}

#tab-links ul li a:hover {background-color:#00305e; color:#fff;}

#tab-links ul li a.active {
	background-color:#55b600;
	color:#fff;
}

#tab-links ul li a.active:after {
	content: ' ';
	height: 0;
	width: 0;
	position:absolute;
	left:45%;
	bottom:-2%;
	border-left: 10px solid transparent;
  	border-right: 10px solid transparent;
	border-bottom: 10px solid white; 	
}




/* --- INTERACTIONS --- */

/* toggle styling */

#readmore1, #readless1, #readmore2, #readless2, #readmore3, #readless3, #readmore4, #readless4, #readmore5, #readless5, #readmore6, #readless6, #readmore7, #readless7, #readmore8, #readless8, #readmore9, #readless9, #readmore10, #readless10, #readmore11, #readless11, #readmore12, #readless12, #readmore13, #readless13, #readmore14, #readless14, #readmore15, #readless15, #readmore16, #readless16 {cursor: pointer; width:100%;}

.togHeader {background-color: #00305E; color: #fff; padding: 10px;}

#displayText1, #displayText2 {color: #fff !important; text-decoration: none;}
.peekcontent {
    margin-top: 0; 
    opacity: 0.3; 
    -moz-opacity: 0.3;	
    -webkit-opacity: 0.3; 
    text-align: left !important; 
    filter: alpha(opacity=40); /*older IE version */
}

.dwnarrow, .uparrow {text-align: center; cursor: pointer; margin: 0 50%; display:block;}

hr {
	background-color: rgb(85, 184, 0); 
	border: 1px solid #55B800; 
	margin: 2em 0 1.5em;
}

.gray-divider {
	background-color: #cad3d9; 
	border: 1px solid #cad3d9; 
	margin: 1.5em 0;
}


/* Panels (accordions) */
.panel-group .panel-accordion {
    border: 0;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel-group .panel-accordion + .panel-accordion {
    margin-top: 3px;
}

.panel-accordion > .panel-heading {
    border: 0;
    background: #e6edf2;
    color: #00305e;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel-accordion > .panel-heading a:active,
.panel-accordion > .panel-heading a:focus,
.panel-accordion > .panel-heading a:hover {
    text-decoration: none;
    color: #0079c1;
}

.panel-accordion > .panel-heading a:before {
    content: url(/PublishingImages/dwnarrow-blue-sm.png);
    margin: 0 10px 10px 0;
}

.panel-accordion > .panel-heading a.collapsed:before {
    content: url(/PublishingImages/rightarrow-blue-sm.png); 
}

.panel-accordion .panel-body {
    background: #fff;
    padding: 0;
}

.panel-accordion .panel-heading + .panel-collapse .panel-body,
.panel-accordion .in .panel-body {
    border-top: 2px solid #00305e;
    border-bottom: 2px solid #00305e;
}



/* video styling */
.simple_overlay-vid {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    top: 140px!important;
    
    /* styling */
    background-color:#00305E; 
    
    width: 670px !important;
    border:1px solid #00305E;
    box-shadow:0 0 30px 5px #000;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 30px 5px #000;
    -webkit-box-shadow: 0 0 30px #000;
}

.simple_overlay-vid .close {
    background-image:url(/PublishingImages/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

.details-vid {
  padding: 15px 0px;
  text-align: center;
  }


/* tab pane */
#vid1, #vid2, #vid3, #vid4, #vid5, #vid6 {
    display:none;
    border-width:0 1px 1px 1px;
    padding: 15px 0px 12px 0px;
    background-color:#00305E;
    text-align: center;
}

#vidthumbnail1, #vidthumbnail2, #vidthumbnail3, #vidthumbnail4, #vidthumbnail5, #vidthumbnail6 {cursor: pointer;}

/* video styling */
.simple_overlay-vidLnk {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    top: 140px!important;
    
    /* styling */
    background-color:#fff; 
    padding: 1em 0;
    width: 670px !important;
    border:1px solid #00305E;
    box-shadow:0 0 30px 5px #000;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 30px 5px #000;
    -webkit-box-shadow: 0 0 30px #000;
}

.simple_overlay-vidLnk .close {
    background-image:url(/PublishingImages/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* video slider */
.video-overlay {
    width: 645px; 
    height: 365px; 
    background-color: #00305E; 
    padding: 10px 6px 6px 10px; 
}

#images {
    width: 639px;
    height: 360px;
    overflow: hidden;
    position: relative;
    border: 1px solid #00305E;    

}

.video-overlay-full {
    width: 960px; 
    height: 540px;
    background-color: #00305E; 
    padding: 10px; 
}

#images-full {
    width: 955px; 
    height: 535px;
    position: relative;
	overflow: hidden; 
	border: 1px solid #00305E; 
}

#images img {
    width: 640px;
    height: 360px;

    position: absolute;
    top: 0;
    left: -400px;
    z-index: 1;
    opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;   
    transition: all linear 500ms;
    -o-transition: all linear 500ms;
    -moz-transition: all linear 500ms;
    -webkit-transition: all linear 500ms;
}
#images img:target {
    left: 0;
    z-index: 9;
    opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;    
}
#images img:first-child {
    left: 0;
}
#slider a {
    text-decoration: none;
    padding: 4px 6px;
    color: #222;
}
#slider a:hover {
    text-decoration: none;
}

/* Transition For Slider */
#images img {
    z-index: 1;
    opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	
    transition: all linear 1s;
    -o-transition: all linear 1s;
    -moz-transition: all linear 1s;
    -webkit-transition: all linear 1s;
}
#images img:target {
    left: 0;
    z-index: 9;
    opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;    
}

.thmbpic {
    border: 5px solid #00305E; 
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 5px;
}

.thmbtitle {
    font-size: 12px;
    color: #00305E;
    padding: 0 1em 1em 1em;
}

.colVerLayout {float: left;}

.colVertLayout {
	float: left; 
	text-align: center;
	width: 100%;
}

/* SP mobile hack - make master body unscrollable, keeps overlay content at the front */
.SPbody {
  	height: 100%;
  	overflow: hidden;
 	width: 100%;
  	position: fixed;
  	background-color: rgba(0, 0, 0, 0.4);
}


/* overlay styling */
  #triggers {
  	text-align:center;
  }

  /* styling for elements inside overlay */
  .details {
  	font-size:14px;
  	padding: 10px;
  	height: 100%;
	text-align: left;
  }

  .tabbing {
  padding: 10px;
  overflow:hidden;
  }

  .details h3 {
  color:#00305e;
  font-size:1.5em;
  }
  
  .overlay-content {
	  overflow-y:auto !important; 
	  overflow-x: hidden;
	  height:600px;
  }

/* the overlayed element */
.simple_overlay {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;
    top: 20px !important;
    
    /* styling */
    background-color:#fff;
    
    width:70%!important;
    border:1px solid #666;
    box-shadow: 0 0 30px 5px #000;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow: 0 0 30px 5px #000;
    -webkit-box-shadow: 0 0 30px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/PublishingImages/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* video styling */
.simple_overlay-tabLnk {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    top: 20px !important;
    left: auto !important;
    
    /* styling */
    background-color:#fff; 
    width:60%!important;
	padding: 1em;
    box-shadow:0 0 30px 5px #000;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 30px 5px #000;
    -webkit-box-shadow: 0 0 30px #000;
}

.simple_overlay-tabLnk .close {
    background-image:url(/PublishingImages/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}



/* hints */
.hint-message {
    font-style: italic;
}

.hint-strong {
    font-weight: bold;
}

.hint-icon {
    display: inline-block;
    font-style: normal;
    font-size: 12px;
    background-color: #7d868c;
    color:#fff;
    width: 18px;
    height: 18px;
    text-align: center;
    vertical-align: center;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.hint-icon:hover {
    background-color: #222526;
    color: #fff;
}



/* horizontal list slider */

.frame {
  height: 100%;
  line-height: 1.5em;
  overflow: hidden;
}

.frame ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 200px;
}

.frame ul li {
  float: left;
  width: 15%;
  height: 90%;
  margin: 1em .6em 1em 0;
  padding: 1em;
  text-align: center;
  cursor: pointer;
  border-right: 1px solid #7d868c;
}


/* back to top arrow */

.back-top {
	position:fixed;
	bottom:1em;
	right:1em;
	padding:1em;
	opacity: .5;
	background: #00305e;
	z-index: 10;
}

.back-top:hover {opacity:1;}

.bt-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #00305e url(/PublishingImages/back-top-white-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.bt-top.bt-is-visible, .bt-top.bt-fade-out, .no-touch .bt-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.bt-top.bt-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.bt-top.bt-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .bt-top:hover {
  background-color: #00305e;
  opacity: 1;
}

.back-to-top {
background: #00305e url(/PublishingImages/back-top-white-arrow.png) no-repeat center 50%;
margin: 0;
position: fixed;
bottom: 0;
right: 0;
width: 70px;
height: 70px;
z-index: 100;
display: none;
text-decoration: none;
color: #ffffff;
}
  
 
.back-to-top i {font-size: 60px;} 



/* --- CONVENTION --- */

.convention-color {color:#4f2984 !important;}

.convention-border {border:1px solid #4f2984 !important;}

.convention-bkgd {background:#4f2984 !important;}

.btn-convention {background-color: #4f2984;}

.btn-convention:hover {
	background-color: #00305e;
	text-decoration: none;
}

.btn-convention-third {
background-color: #fff;
border: 1px solid #4f2984;
width: 98%;
}

.btn-convention-third a {
color: #4f2984;
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
}

.btn-convention-third:hover {
	background-color: #4f2984;
	text-decoration: none;
}

.btn-convention-third a:hover {
	color: #fff;
	text-decoration: none;
}

.img-convention {border: 8px solid #4f2984;}

.callout-convention {
	border-top: 2px solid #4f2984;
	border-bottom: 2px solid #4f2984;
	margin: 1em 0;
	padding: 1em 0;
}

.convention-highlight {background-color: #cfc5e2;}

.convention-provider {
	font-size: .7em;
	color: #4f5559;
	line-height: 1.5em;
	margin-top: 2em;
	text-transform: uppercase;
}

.convention-bar {
	background: rgb(121, 1, 63) none repeat scroll 0% 0%;
    padding: 0.5em;
    text-transform: uppercase;
    font-weight: bold;
	color:#fff;
}

.convention-text-panel-left {
	background: #fff;
	padding: 1.5em;
	border-right: 12px solid #4f2984;
	z-index: 10;
	position: absolute;
}

.convention-text-panel-right {
	background: #fff;
	padding: 1em;
	border-left: 5px solid #4f2984;
	float:right;
	margin-bottom: .5em;
	z-index: 10;
}


.convention-badge {
	background: #4f2984;
	text-transform: uppercase;
	font-size: .8em;
	color: #fff;
	font-weight: bold;
	padding: .2em 1em;
	margin: 0 .5em 1em 0;
	float: left;
}

.convention-UI-icon {
	font-size:1.6em; 
	color:#00305e;
	margin-right:.2em;
}

.convention-UI-icon:hover {color:#0079c1;}


/* --- RESPONSIVE --- */

    /* tablet in portrait & landscape - Search Detail page scrolling */
    @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px)  {
        #vid1iframe, #vid2iframe, #vid3iframe, #vid4iframe, #vid5iframe, #vid6iframe, #vid7iframe, #vid8iframe, #vid9iframe, #vid10iframe, #vid11iframe, #vid12iframe, #vid13iframe, #vid14iframe, #vid15iframe, #vid16iframe, #vid17iframe, #vid18iframe, #vid19iframe {
            width: 95% !important;
        }
        .simple_overlay-vid {width: 70% !important;}
        .simple_overlay-tabLnk {width: 80% !important;}
		
		.bt-top {
		right: 20px;
		bottom: 20px;
	  }
	  
	  #tab-content {width:100%;}
	  
	  ul.ext-tabspg li {margin: 0 1.1em 0 0;}
	  
	  /* next level tab styling */
		#nav ul li a {padding: 24px 20px 15px 20px;}
	  
    }
	
	
    
    /* mobile in portrait & landscape - Search Detail page scrolling */
    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 667px) {
        #vid1iframe, #vid2iframe, #vid3iframe, #vid4iframe, #vid5iframe, #vid6iframe, #vid7iframe, #vid8iframe, #vid9iframe, #vid10iframe, #vid11iframe, #vid12iframe, #vid13iframe, #vid14iframe, #vid15iframe, #vid16iframe, #vid17iframe, #vid18iframe, #vid19iframe { width: 100% !important; height: 80%;}
        .video-overlay, .video-overlay-full {width: 95% !important; padding: 10px 6px 6px 10px; height: 260px;}
        #images, #images-full, #vidiframe1, #vidiframe2, #vidiframe3, #vidiframe4, #vidiframe5, #vidiframe6, #vidiframe7, #vidiframe8, #vidiframe9, #vidiframe10, #vidiframe11, #vidiframe12, #vidiframe13, #vidiframe14, #vidiframe15, #vidiframe16, #vidiframe17, #vidiframe18, #vidiframe19 {width: 99% !important; height: 254px;}
        /* hack for overlay not working in mobile view */
        #Area3 > #s4-workspace {height: 559px !important;}
        #Area1 #header { position: static !important;}        
        .simple_overlay { /* using box shadow as background */  
            width: 90% !important; 
            height: 100%;
            top: 30px!important;
            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.4); 
            -moz-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.4); 
            -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.4);   
            overflow: scroll;                                     
        }         
        .details {height: 90% !important; overflow: scroll;}
        .simple_overlay-vid { /* using box shadow as background */  
            width: 90% !important; 
            height: 90%;
            top: 20px!important;
            box-shadow: 0 0 0 300px rgba(0, 0, 0, 0.4); 
            -moz-box-shadow: 0 0 0 300px rgba(0, 0, 0, 0.4); 
            -webkit-box-shadow: 0 0 0 300px rgba(0, 0, 0, 0.4);  
            border: none;                                      
        }  
        .simple_overlay-vid .close {top: 0px !important;}
        #vid1, #vid2, #vid3, #vid4, #vid5, #vid6, #vid7, #vid8, #vid9, #vid10, #vid11, #vid12, #vid13, #vid14, #vid15, #vid16, #vid17, #vid18, #vid19 {padding: 20px 0px 350px 0px; background-color: rgba(0, 0, 0, 0.4);}
        .simple_overlay-vidLnk { /* using box shadow as background */ 
            width: 90% !important; 
            top: 155px!important;
            box-shadow: 0 0 0 320px rgba(0, 0, 0, 0.4); 
            -moz-box-shadow: 0 0 0 320px rgba(0, 0, 0, 0.4); 
            -webkit-box-shadow: 0 0 0 320px rgba(0, 0, 0, 0.4);                                     
        }  
        .simple_overlay-tabLnk { /* using box shadow as background */  
            width: 80% !important; 
            top: 20px!important;            
            box-shadow: 0 0 0 320px rgba(0, 0, 0, 0.4); 
            -moz-box-shadow: 0 0 0 320px rgba(0, 0, 0, 0.4); 
            -webkit-box-shadow: 0 0 0 320px rgba(0, 0, 0, 0.4);  
        }  
		
		      
        #exposeMask {
            z-index: 1 !important;            
            background: transparent none repeat scroll 0% 0% !important; /* remove overlay background color so overlay content is clickable  */
        }        
        #zz1_GlobalNav {display: none;} /* SP mobile master hack - hide top menu */ 
		
		
		
		/* dropdown buttons */

		.btn-dd {width:40%;}
		
		.dd {min-width: 160px;}
		
		
		
		/* columns */
		.rt-col {float:right;}
		.lft-col {float:left;}
		
		.col-1 {width: 100%;}
		.col-2 {width: 100%;}
		.col-3 {width: 100%;}
		.col-4 {width: 100%;}
		.col-5 {width: 100%;}
		.col-6 {width: 100%;}
		.col-7 {width: 100%;}
		.col-8 {width: 100%;}
		.col-9 {width: 100%;}
		.col-10 {width: 100%;}
		.col-11 {width: 100%;}
		.col-12 {width: 100%;}
		
		.or-wrapper {display: none}
		
		.graphic {float:left; margin-right: 1em; width: 25%;}
		
		.pg-bnr {float:none;}
		
		.section {margin-left:1.4em;}
		
		.img-center {width:90% !important; margin:1em;}
		
		
		/* containers */
		#action {display: inline;}
		#cost {display: inline;}
		#contact {display: inline;}
		#promo {display: inline;}
		#videos {display: inline;}
		#right-side {display:none;}
		
		#action-2 {display: inline;}
		#cost-2 {display: inline;}
		#contact-2 {display: inline;}
		#promo-2 {display: inline;}
		#videos-2 {display: inline;}
		#right-side-2 {display:none;}
		
		#overlay-desktop {display:none;}
		#overlay-mobile {display:block;}

		.mobile {display: inherit !important;}
		.desktop {display: none !important;}
		
		.border-right-gray {border-right:0;}
		.margin-extra-top-btm {margin: 1em 0;}

		
		#tab-content {width:100%;}
		

		/* tabs */
		ul.css-tabs a {
			float:left;
			font-size:1em;
			padding:0;
			height:100%;
			margin-right:0;
			width: 95%;
		}

		ul.css-tabspg li {
			float:left;
			padding: 0;
			margin-right: 1.26em;
			width: 45%;
		}
		
		/* link inside the tab */
		ul.css-tabspg a {
			float:left;
			font-size:1em;
			padding:.84em .4em;
			width: 100%;
		}  
		
		/* external tabs */
		.ext-tabs {z-index:-100;}
		
		ul.ext-tabs li {width:100%; z-index:-10;}

		ul.ext-tabs a {font-size: 1em;}
		
		ul.ext-tabspg li {width: 100%; margin: .3em 0;}
		
		ul.ext-tabspg a {font-size: 1em; padding:1em;}
		
		#tab-select {display:none;}
		#tab-select-sm {display:inline-block;}
		
		/* next level tab nav */
		#nav {
			display:none; 
			z-index:100;
			clear:both;
			position: absolute;
			top: 85px;
			width: 85%;
		}
		
		#nav ul li {
			float:none;
			margin: 0;
			border-bottom:1px solid #fff;
		}
		
		#nav ul li .active:after {
			top:100%;
			left:100%;
			border-bottom:transparent;
		}
		
		#nav ul li .active:before {
			border-left: 10px solid white;
			border-right: 10px solid transparent;
			border-bottom: 10px solid transparent; 	
		}
		
		#nav ul ul {display: inherit; list-style: none;}
		
		#nav li a:hover, #nav li a:focus {color:#fff !important;}
		
		/* Display Dropdowns on Hover */
		#nav ul li:hover > ul {display:none;}
		
		#nav ul ul {
			display: none;
			background:#fff; 
			list-style: none;
		}
		
		/* First Tier Dropdown */
		#nav ul ul li {
			float:none;
			z-index:10;
			border-bottom:none;
		}
		
		#nav ul ul li a {
			padding:1em 9em 1em 2.5em;
			text-align:left;
		}
			
		/* Second, Third and more Tiers */
		nav ul ul ul li {
			position: absolute relative;
			left:5px;
		}


		
		/* steps */
		.step {
			margin-bottom: .4em;
			width: .9em;
			line-height: 1em;
			font-weight: bold;
			font-size: 1em;
		}
		
		
    }