/* CSS Document */
/* onlinecandidate.com */

html {
  font-size: 16px;
}

body {
	font-family: Muli, sans-serif;
	background-color: #EAEAEA;
 	overflow-x: hidden;

}

.maincontainer {
	padding: 40px;
	background-color: #FFFFFF;
	z-index: 100;
	box-shadow: 0 0 15px #000;
	/* Contentshadow box-shadow: 0 0 15px #000;*/
}




#header{    
/* This code centers header text */
	display: flex;
  	justify-content: center;
  	height: 100%;
	flex-flow: row wrap;
	z-index: 10;
}

.headcontainer {
padding-left: 15px;
padding-right: 15px;
}

#inside{
height: 0%;
padding: 0px;
z-index: 15;
}

.headerbarWIDE {
	background-color: ;
}


/* WIDE HEADER */

#headerWRAPWIDE { 
	max-width: 100%;
	background-color: #800000;
	margin: 0 auto;
 	background-repeat: repeat;
	background-position: center top;
	background-image: url(""); 
 	display:flex;
 	justify-content:center;
  	align-items:center;
}

#headerWIDE {
	margin-left: auto;
	margin-right: auto;
	width: 1140px;
	max-width: 1140px;
	height: ;
 	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("/UserFiles/image/header.jpg");
	background-color: #800000;
        background-size: auto 200px;
	z-index: 50;
}


/* NARROW HEADER */

#headerWRAP { 
	max-width: 1140px;
	margin: 0 auto;
	background-color: #800000;  
}

#header {
	background-color: #800000;
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px;
	height: ;
	position: relative;
 	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("/UserFiles/image/header.jpg");
        background-size: auto 200px;
	z-index: 50;
 	box-shadow: 0 0 15px #000;
}

/* HEADER CUSTOM */

#headerZCUSTOMWIDEWRAP { 
	width: 100%;
	background-color: #800000;
	background-image: url("");
	margin: 0 auto;
 	background-repeat: repeat;
	background-position: center top;
        display:flex;
        justify-content:center;
        align-items:center;
}


#headerWRAP { 
	max-width: 1140px;
	margin: 0 auto;
	height: 100%;
	background-color: #800000;  
	background-image: url("");
	z-index: 50;
	box-shadow: 0 0 15px #000;
}

#header {
	background-color: #800000;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	z-index: 50;
        display: block;
	box-shadow: 0 0 15px #000;
}

/* Small Header Img */
#headerSMALL {
	max-width: 100%;
	position: relative;
	background-color: #800000;
	background-image: url("/UserFiles/image/header.jpg");
	margin-left: auto;
    	margin-right: auto;
    	background-repeat: no-repeat;
    	background-position: right top;
    	z-index: 50;
	display: none;
	visibility: hidden;
	
}

#sitetitle {
	color: #FFFFFF;
	font-family: Muli, sans-serif;
 	clear:both;
	text-align: center; 
	font-size: 36px; 
	z-index: 100;
	font-weight: bold;
	line-height: 1.1;
	z-index: 20;
letter-spacing: .05rem;
       text-shadow: 1px 1px 0px #000;
}

#sitespacer {
  	 display: block; 
}

#siteslogan {
	color: #FFFFFF;
	font-family: Muli, sans-serif;
	text-align: center;
	font-size: 26px;
 	font-style: italic;
	z-index: 100;
	line-height: 1.1;
	z-index: 20;
letter-spacing: .05rem;
       text-shadow: 1px 1px 0px #000;
 }


/*  HEADER IMAGE RESPONSIVE */
#logo-container img {
	max-width: 100% !important;
	height: auto;
	margin: auto;
        display: block;
}

/* IMAGES RESIZE HEADER */

img {
	border: 0;
	max-width: 100% !important;
	height: auto;
	width: auto\9; /* ie8 */
}




/* BEGIN NAVIGATION*/


/* bootst overrides*/
.navbarWRAP a { text-decoration: none  !important; }
.nav-link:hover { color: #bebebe  !important;}


.navbarWRAPWIDE { 
	width:100%;
	z-index: 15000;
	background-color: #800000;
	background: #E21300;
	background: -moz-linear-gradient(top,  #E21300 11%, #800000 100%);
	background: -webkit-linear-gradient(top,  #E21300 11%,#800000 100%);
	background: linear-gradient(to bottom,  #E21300 11%,#800000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E21300', endColorstr='#800000',GradientType=0 );
}

.navbarWIDE {
        z-index: 15000;
        background-color: #800000;
	background: #E21300;
	background: -moz-linear-gradient(top,  #E21300 11%, #800000 100%);
	background: -webkit-linear-gradient(top,  #E21300 11%,#800000 100%);
	background: linear-gradient(to bottom,  #E21300 11%,#800000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E21300', endColorstr='#800000',GradientType=0 );
	box-shadow: 0 0 15px #000; 
}

/* NARROW NAVIGATION */

.navbarWRAP { 
	z-index: 15000;
	width: 100%;
	margin: auto;
}

/* Bar FORMAT NAVIGATION */

.navbarWIDE {
	font-size: 16px;    
   	z-index: 15000;
    	background-color: #800000;
	background: #E21300;
	background: -moz-linear-gradient(top,  #E21300 11%, #800000 100%);
	background: -webkit-linear-gradient(top,  #E21300 11%,#800000 100%);
	background: linear-gradient(to bottom,  #E21300 11%,#800000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E21300', endColorstr='#800000',GradientType=0 );
	box-shadow: 0 0 15px #000; 
}


.navbar2 {
    	background-color: #800000;
        background: #E21300;
	background: -moz-linear-gradient(top,  #E21300 11%, #800000 100%);
	background: -webkit-linear-gradient(top,  #E21300 11%,#800000 100%);
	background: linear-gradient(to bottom,  #E21300 11%,#800000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E21300', endColorstr='#800000',GradientType=0 );
 	box-shadow: 0 0 15px #000;
}

/*- NAV Elements */

.nav-container {
  max-width: 1140px;
  margin: 0 auto;
  height: 50px;
}

nav {
   	background-color: #800000;
        background: #E21300;
	background: -moz-linear-gradient(top,  #E21300 11%, #800000 100%);
	background: -webkit-linear-gradient(top,  #E21300 11%,#800000 100%);
	background: linear-gradient(to bottom,  #E21300 11%,#800000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E21300', endColorstr='#800000',GradientType=0 );
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  position: relative;
  display:inline !important;
}
nav ul li a {
  padding: 0 20px;
  padding-bottom: 20px !important;
  line-height: 50px;
  color: #efefef;
  text-decoration: none;
}
nav ul li ul li {
  min-width: 250px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
background-color: #E21300;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}
.nav-mobile {
  display: none;
  position: relative;
  height: 50px;
  width: 50px;
}

.myDivElement{
text-align:center !important;
}
.myDivElement ul li{
display:inline !important;
}


/* RESPONSIVE - Smaller  than 798 */
@media only screen and (max-width: 798px) {
.nav-mobile {
    display: block;
  }
nav {
    width: 100%;
  }

#navbar{
	width: 100% !important;
	padding-left: 0px;
	padding-right: 0px;
}
#navbar{
	text-align: left;
}

 nav ul {
    display: none;
    background-color: #800000;
    color: #404040;
  }
 nav ul li {
    float: none;
  }

 nav ul li a {
    padding: 15px;
    line-height: 20px !important;
	padding-left: 30px;
    display: block !important;
  }
 nav ul li ul li a {
    padding-left: 45px !important;

  }

  .nav-dropdown {
    position: static;
  }

/* Dropdown links responsive */
 nav ul ul li a { display: inherit !important; padding-left: 20px; padding: 0px !important;
 float: none !important; position: relative; background-color: #E21300;}

#navbar a.navarrow { display: none !important; }

#nav-one {
float: inherit;
position: inherit;
left: 0% !important;
width: 100%
}


nav ul li ul li a {
    display: block !important;
    line-height: 40px !important;
  }

#navbar ul, #navbar li {
 text-align: left;
}

#navbar ul li ul{ opacity: 1; position:relative; top:99%; left:0; width: 100% }
#navbar ul ul li { visibility: visible; position:absolute; top:0; left:0px; opacity: 1; z-index:497; }

} /* end reponsive */


/* RESPONSIVE - Larger than 799 */
@media screen and (min-width: 799px) {

.nav-bar {
	margin: auto;
    	background-color: #800000;
	background: #E21300;
	background: -moz-linear-gradient(top,  #E21300 11%, #800000 100%);
	background: -webkit-linear-gradient(top,  #E21300 11%,#800000 100%);
	background: linear-gradient(to bottom,  #E21300 11%,#800000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E21300', endColorstr='#800000',GradientType=0 );
	box-shadow: 0 0 15px #000; 
}

#navbar ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; margin-top: 15px;}
#navbar ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:16000;}
#navbar a.navarrow { display: visible; text-decoration: none;  margin-left: -20px; padding-left: 5px; }

}/* end reponsive */


#nav-toggle {
  position: absolute;
  left: 20px;
  top: 13px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #efefef;
color: #000000;
  position: absolute;
  display: block;
  content: '';
  transition: all 400ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before { transform: rotate(45deg); }
#nav-toggle.active span:after { transform: rotate(-45deg); }

/*- END NAVIGATION */


/* ORIGINAL NAV CSS */

#nav-one { 
padding:0; margin: auto; list-style-type:none; 
}

#navbar ul li a:hover { color: #bebebe;}


/* Dropdown */

#navbar {
    min-height: 50px;
    max-width: 1140px;
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;

}

#navbar ul ul { 
        background-color: #E21300;
	position:absolute; 
	top:-99999px;
	left:0;
	opacity: 50;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	z-index:15000;  
	height:auto; 
	padding: 2px; 
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
    text-align: left;
    display: inline-block !important;
    margin-top: 2px;
 
}

#navbar ul ul li {
	font-weight:normal;
	font-size:16px;
	text-transform: none;
	letter-spacing:1px;
 	line-height:40px;
	text-decoration: none;
	position:relative; 
	right: 0%;
	width: 100%; 	
	text-align: left;
	display: block !important;
}

#navbar ul ul li a { color: #ffffff; }

#navbar ul ul li a:hover { 
	color: #bebebe;
	text-shadow: 0.0em 0.0em #000; 
}

#navbar ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0; 
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	border-radius:6px;
	border:1px solid #444;
}

/*- END NAVIGATION */



 
/* BEGIN CONTENT AREA */

.DELETEmain { padding-top: 20px; padding-bottom: 20px; }
.DELETEmainnosidebar{	max-width: 100% !important; }

#sidebar a { text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}

 
.sidebox { padding: 20px; }
.sideheader { color:#0D3772; font-family: Muli, sans-serif !important; font-size: 24px !important; text-align: center !important; margin-bottom: 0px;}

/* No SIDEBAR */
.contentnosidebar { max-width: 100% !important; padding-right: 15px !important; }
.sidebarblank { visibility: hidden !important; }

#content {
	padding-right: 45px;
}


/* HEADERS */

h1 {    
      font-family: Muli, sans-serif;line-height: 1.2;
}

h2, h3, h4, h5, h6 {    
      font-family: Muli, sans-serif;line-height: 1.2; 
}


h3, h4{    
      font-family: Muli, sans-serif;
      letter-spacing:1px;
	  line-height: 1.2;
}

 
h1 { font-size: 2.5rem; margin-top:-.2em;  color: #800000;}
h2 { font-size: 2rem;  margin-top: 1.25em; color: #800000;}
h3 { font-size: 1.2rem;  margin-top:1.25em; color: #800000;}
h4 { font-size: 1.2rem;  margin-top:1.25em; color: #0D3772;}
h5 { font-size: 2rem;  margin-top: 1.25em; color: #0D3772;}
h6 { font-size: 1.75rem;  margin-top: 1.25em; color: #0D3772;}


h1 a { color: #800000; text-decoration: none;} 
h2 a { color: #800000; text-decoration: none;}
h3 a { color: #800000;text-decoration: none;}
h4 a { color: #0D3772;text-decoration: none;}
h5 a { color: #0D3772;text-decoration: none;}
h6 a { color: #0D3772; text-decoration: none;}

h1 a:hover {text-decoration: underline; color: #800000;}
h2 a:hover {text-decoration: underline; color: #800000;}
h3 a:hover {text-decoration: underline; color: #800000;}
h4 a:hover {text-decoration: underline; color: #0D3772;}
h5 a:hover {text-decoration: underline; color: #0D3772;}
h6 a:hover {text-decoration: underline; color: #0D3772;}

/* CUSTOMIZE LAYOUT */

h1, h1 a {
color: #800000 !important;
}
h2, h2 a {
color: #800000; 
}
h3, h3 a {
color: #800000; 
}
h4, h4 a {
color: #0D3772; 
}
h5, h5 a {
color: #0D3772; 
}
h6, h6 a {
color: #0D3772; 
}



 blockquote{
  background: #f9f9f9;
  border-left: 10px solid  #800000;
margin: .5em .5em 2em 0;
  padding: 1em;
  line-height: 1.5;
}

 

blockquote.rightBQ{
  background: #f9f9f9;
  border-right: 10px solid  #800000;
  border-left: 0px;
  margin: .5em 0 2em .5em;
  padding: 1em;
  line-height: 1.5;
}




a { color: #800000; text-decoration: underline; }
a:hover { text-decoration: none; }
strong {color: #000000; }

.main  ul { list-style-position:inside; margin-left: 2px; display: table; }

.main ul li {margin-left: 13px; text-indent: -12px; }


/* END CONTENT AREA */


/* BEGIN SIDEBAR */

#sidebar h1, h2, h3, h4, h5, h6 {   }
#sidebar strong {color: #000000; }


/*  Social media icons*/
#social { margin-top: 40px;}
.fa-facebook-square,  .fa-twitter-square, .fa-google-plus-square,  .fa-youtube, .fa-linkedin, .fa-flickr, .fa-instagram {font-size:45px;}
.fa-facebook-square{color:#3b5998;}
.fa-twitter-square{color:#00aced;}
.fa-google-plus-square{color:#d34836;}
.fa-youtube{color:#CC181E;}
.fa-linkedin{color:#0077B5;}
.fa-flickr{color:#ff0084;}
.fa-instagram{color:#fb3958;}
.social-media-bottom-link{color:#EAEAEA;}

/* for Essential Accessibility widget */
#essentialaccessibility { margin-top: 20px;}


/* Addthis widget */
.addthisOC { margin-top:50px;	}


/*CodeBlock */
#codeblock { position:relative;  margin-top: 20px; }
#codeblock h1 {font-size: 24px;  text-align: left; border-bottom-width:  0px;color: #800000;}
#codeblock h2 { font-size: 20px; text-align: left; border-bottom-width:  0px;color: #800000;}
#codeblock h3 {  font-size: 18px; text-align: left;border-bottom-width:  0px;color: #800000;}
#codeblock h4 {font-size: 18px;  text-align: left; border-bottom-width:  0px;color: #0D3772;}
#codeblock h5 {  font-size: 24px; text-align: left;  border-bottom-width:  0px;color: #0D3772;}
#codeblock h6 {  font-size: 20px; text-align: left; border-bottom-width:  0px;color: #0D3772;}
#codeblock p { text-align: left;  }

/* Buttons */
.donateB, .volunteerB, .contactB, .endorseB{ 
	font-family: Muli, sans-serif;  
	font-size: 26px;
	letter-spacing:1px;
	height: 55px;
	color: white;
	margin-bottom:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);	
	text-align: center;
	vertical-align: middle;
	line-height: 55px;
}

.donateB{ 
background: -moz-linear-gradient(top,  #02528A 0%,  #0D3772 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0D3772), color-stop(100%, #0D3772)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #02528A 0 #0D3772 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #02528A 0%, #0D3772 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #02528A 0%, #0D3772 100%); /* IE10+ */
background: linear-gradient(to bottom,  #02528A 0%, #0D3772 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02528A', endColorstr=' #0D3772',GradientType=0 ); /* IE6-9 */
}

.donateB:hover { background-color: #0D3772;  }

.volunteerB, .contactB, .endorseB {
	background: #E21300;
	background: -moz-linear-gradient(top,  #E21300 0%, #800000 100%);
	background: -webkit-linear-gradient(top,  #E21300 0%,#800000 100%);
	background: linear-gradient(to bottom,  #E21300 0%,#800000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E21300', endColorstr='#800000',GradientType=0 );
}

.volunteerB:hover, .contactB:hover, .endorseB:hover { background: #800000; }
.donateB a , .volunteerB a,.contactB a, .endorseB a { font-size: 26px;	color: white;text-decoration:none; }


/* Maillist - Translate - Poll */

#maillist, #translate,  #poll, #rssside {
	margin-top: 20px;
	margin-bottom: 20px;  
	padding:20px;
	border-radius: 5px;
 	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 13px;*/
}


/* Maillist */


#mc_embed_signup .mc-field-group {
	width: 100% !important;
   	padding-bottom: 20px !important;
	font-family: Muli, sans-serif;
}

#mc_embed_signup .indicates-required {
    	margin-right: 0% !important;
	margin-top: 5px;	
}

#mc-embedded-subscribe {
	margin: 0px !important;
	width: 100% !important;
}

/* Twitter override */
.timeline-Widget {
    max-width: 100% !important;
}

/* END SIDEBAR */




/* Required Information */
.star-icon {font-size: 75%;   vertical-align: top; color: #0D3772;}

/* Button Bootst */
.btn-txt-w a { color: #fff !important; }
.btn-color-primary { background-color: #E21300 !important;  border: 0px !important;} 
.btn-color-primary:hover { background-color: #800000 !important; text-decoration: none !important;  border: 0px !important; }
.btn-plain a { text-decoration: none !important; }

 
/* END INPUT FORMS */


/* BEGIN BLOG */
.blogH { 	font-size: 24px; font-weight: normal; margin-top:30px; }
#BlogMenu { text-align:left;}
#BlogMenu h3{ margin-left:0;padding-left:0;	background-color:#ffffff; padding-top: 15px; padding-bottom: 2px; color: #800000;  }
#BlogMenu p { color: #000000;  }
#BlogMenu a {  color: #000000; text-decoration:none;}
#BlogMenu a:hover { color: #000000;  text-decoration: underline;}

.bloginfo { font-size: .8em; font-style: italic; padding-bottom: 30px;}

.blogrow {
	max-width: 100% !important;
	margin-left: 0px;
	margin-right: 0px;
}

/* END BLOG */



/* COUNTDOWN BOX */

#countdown-box  { -webkit-border-radius: 4px;-moz-border-radius: 5px;border-radius: 5px; }

#countdown-box {
background: #800000; /* Old browsers */
background: -moz-linear-gradient(top, #E21300 0%, #800000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,E21300), color-stop(100%,#800000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #E21300 0%,#800000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #E21300 0%,#800000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #E21300 0%,#800000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #E21300 0%,#800000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E21300', endColorstr='#800000',GradientType=0 ); /* IE6-9 */
}

#countdown-box h6 {
	background-color:transparent; font-family: Muli, sans-serif; color:#FFFFFF;
        font-family: font-family: Muli, sans-serif; font-size:14px; text-align:center; color:#FFFFFF;
}
#countdown-box h5 {
        background-color:transparent; font-family: Muli, sans-serif; font-size:26px; text-align:center; color:#FFFFFF;padding-bottom:10px;margin-left:0; margin-right:0;
        font-family: Muli, sans-serif;background-color:transparent;	 font-size:26px; text-align:center; color:#FFFFFF;
}
#countdown-box .timer { 
        width: 100%; 
	font-family: Muli, sans-serif;
        font-size:16px; color:#FFFFFF; background-color: transparent; border-color: transparent; text-align:center;
}

#countdown-box p { 
        	font-family: Muli, sans-serif; text-align:center; color:#FFFFFF;
}
#countdown-box a {
        	font-family: Muli, sans-serif;font-size:14px; text-align:center; color:#FFFFFF;
}


/* BEGIN FOOTER */
/* Footerbar, Footertext, Footer - Privacy, Print and Tagline */

/* Content bar above footer */

.footerbarcodeWIDEWIDE {
	background-color: #E21300;
}

.footerbarcodeWIDE {
	max-width: 1140px;
	margin: auto;
}
.footerbarcode {

}

.footerbarcodepad {
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #E21300 !important;
	box-shadow: 0 0 15px #000;
}

.footerbar {
	background-color: #0D3772;
}

.footer {
	background-color: #800000;
	color: #EAEAEA;
	box-shadow: 0 0 15px #000;
	width: 100% !important;
}

.footer a { color: #EAEAEA; text-decoration: none; }
.footer a:hover { color: #EAEAEA; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-decoration: underline; }


.footerbarWIDE {
	background-color: ;
}

#footertxt {
}

#footer a { color: #EAEAEA; text-decoration: none; margin-right: 20px; }
#footer a:hover { color: #EAEAEA; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-decoration: underline; }

#socialfooter { padding: 10px; }
#socialfooter a { color: #EAEAEA; }

.disclaimer{ 	
 color: #ffffff;
 }

.tagline { font-size: .8em; }
.tagline a { color: #EAEAEA; text-decoration: none; }
.tagline a:hover { color: #EAEAEA; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-decoration: underline; }

/* END FOOTER */


/* BACKTOTOP BUTTON */
#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-color: #EAEAEA;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 26000;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#000;
}
#scroll:hover {
   background-color: #E21300;
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
/* End BACKTOTOP */


#widebar1 {
 margin: 1em -100%; /* old broswers hack */
margin: 1em calc(50% - 50vw);
margin-top: -40px;
margin-bottom: 20px;
padding: 0px;
z-index: 1000;
} 

#widebar4ButtonsPrimary {
background-color: #800000;
margin: 1em -100%; /* old broswers hack */
margin: 1em calc(50% - 50vw);
margin-top: -20px;
margin-bottom: 40px;
z-index: 1000;
}

#widebar4ButtonsSecondary {
background-color: #0D3772;
margin: 1em -100%; /* old broswers hack */
margin: 1em calc(50% - 50vw);
margin-top: -20px;
margin-bottom: 40px;
z-index: 1000;
}

#widebarprimary {
background-color: #800000;
margin: 1em -100%; /* old broswers hack */
margin: 1em calc(50% - 50vw);
/* max-width: 100% !important; */
margin-top: -20px;
margin-bottom: 20px;
padding: 20px 20px 50px 20px;
z-index: 1000;
}

#widebarsecondary {
background-color: #0D3772;
margin: 1em -100%; /* old broswers hack */
margin: 1em calc(50% - 50vw);
/* max-width: 100% !important; */
margin-top: -20px;
margin-bottom: 20px;
padding: 20px 20px 50px 20px;
z-index: 1000;
}
 
#widebargray {
background-color: #f3f3f3;
margin: 1em -100%; /* old broswers hack */
margin: 1em calc(50% - 50vw);
/* max-width: 100% !important; */
margin-top: -20px;
margin-bottom: 20px;
padding: 20px 20px 50px 20px;
z-index: 1000;
}

#widebarblack {
background-color: #000000;
margin: 1em -100%; /* old broswers hack */
margin: 1em calc(50% - 50vw);
/* max-width: 100% !important; */
margin-top: -20px;
margin-bottom: 20px;
padding: 20px 20px 50px 20px;
z-index: 1000;
}
#widebarcontent {
color: #ffffff;
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !important;
    z-index: 2000;
}

#widebarcontentALT {
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2000;
}


#widebargraycontent {
color: #000000;
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !important;
    z-index: 2000;
}

#widebarblackcontent {
color: #ffffff;
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !important;
    z-index: 2000;
}


#widebarcontent h1 h2 h3 h4 h5 h6 p a {
color: #ffffff;
}

#widebarblackcontent  h1 h2 h3 h4 h5 h6 p a {
color: #ffffff;
}


#widebargraycontent  h1 h2 h3 h4 h5 h6 p a {
color: #000000;
}



 
.custom-counter {
  margin: 0;
  padding: 0;
  list-style-type: none;
	list-style-position:inside;
	display: table;
}
.custom-counter li {
  counter-increment: step-counter;
  margin-left: 4em; text-indent: -2em;
  margin-bottom: 10px;
}
.custom-counter li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 80%;
  background-color: #800000;
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}

/*  NEW CSS CODE */

/*  MAKE HEADER IMAGE RESPONSIVE NEW CODE */
#logo-container img {
	max-width: 100% !important;
	height: auto;
	margin: auto;
        display: block;
}

/* IMAGES RESIZE HEADER */

img {
	border: 0;
	max-width: 100% !important;
	height: auto;
	width: auto\9; /* ie8 */
}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

/* FINAL MOBILE SIZING */

	
}

/* EOF */