﻿BODY {
	margin: .0in .0in; 
	font-family:Arial; 
	/*font-size:80%;*/
	font-size: small;
	color:black;
	background-color: #ffffff;
	/*line-height: 140%;*/
	line-height: 150%;
}

#surveyButton {
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-top: 15px;
    padding-left: 5px;
}

#surveyButton:hover {
    border: 1px solid black;
    opacity: 0.85;
}

#surveyButton img {
    width: 100%;
    border-radius: 5px;
}

#banner-title {
    letter-spacing: 0px;
    position: absolute;
    bottom: 7px;
    right: 10px;
    width: 100%;
    text-align: right;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 16pt;
    color: #258414;
}

#banner-title-mobile {
    letter-spacing: 0px;
    position: absolute;
    bottom: 7px;
    left: 50px;
    width: 100%;
    text-align: left;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 16pt;
    color: #258414;
}

@font-face {
    font-family: 'PTSansRegular';
    src: url('/fonts/PTS55F-webfont.eot');
    src: url('/fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/PTS55F-webfont.woff') format('woff'),
         url('/fonts/PTS55F-webfont.ttf') format('truetype'),
         url('/fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@media print {
    ul#megamenu {
        display: none;
    }
}

.TitleHuge {
{
	font-size:1.4em;
	font-weight:bold;
	color: #666666;
	margin-top:0px;
}

p.TitleBig {
	font-size:1.2em;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:.0em
}

p.Titlebar {
	font-size:1.2em; 
	font-weight:bold; 
	padding-left:3px;
	padding-right:3px;
	margin-bottom:.3em; 
	color:#555555; 
	background-color:#F6F6F6; 
	border-top: 1px solid #AAAAAA; 
	border-bottom: 1px solid #AAAAAA;
}

p.Copyright {
	font-size:.8em; 
	font-weight:normal; 
	padding-left:3px;
	padding-right:3px;
	margin-bottom:.3em; 
	color:#888888;
}

.MainBody {
	margin-left:20px;
	margin-right:0px;
	width:95%
}

/*
a[href="#top"]:link, 
a[href="#top"]:visited
{
	color:gray;
	font-weight : bold ;
}
*/
/* a:link {
	color: #0000FF;
    text-decoration: underline;
}

a:visited {
	color: #3366FF;
	text-decoration: none;
	border-bottom:1px dashed #3366FF;
}

a:hover {
	color: #9D040A; 
	text-decoration: none;
	border-bottom:1px dashed #9D040A;
}

*/

/* Override previous link settings for bootstrap buttons */
a:link.btn {
	color: #fff;
    text-decoration: none;
}

a:visited.btn {
	color: #fff;
	text-decoration: none;
	border-bottom-width:1px;
    border-bottom-style:solid;
}

a:hover.btn {
	color: #fff; 
	text-decoration: none;
	border-bottom-width:1px;
    border-bottom-style:solid;
}

a:link.btn-default,
a:visited.btn-default,
a:hover.btn-default {
    color:black;
}



a:link.images {
	color: #0000FF;
}

a:visited.images {
	color: #3366FF;
	text-decoration: none;
	border-bottom: none;
}

a:hover.images {
	color: #9D040A; 
	text-decoration: none;
	/*border-bottom:1px dashed #f90;*/
	border-bottom:none;
}

a:link.CSSMenu {
	color: #FFFFFF;
}

a:visited.CSSMenu {
	color: #3366FF;
	text-decoration: none;
	border-bottom: none;
}

a:hover.CSSMenu {
	color: #FFFFFF; 
	text-decoration: none;
	border-bottom:none;
}

a:link.menulist {
	color: #0000FF; 
	text-decoration: none;
	border-bottom:1px solid #ccc;
}

a:visited.menulist {
	color: #3366FF;
	text-decoration: none;
	border-bottom:1px dashed #ccc;
}

a:hover.menulist {
	color: #9D040A; 
	text-decoration: none;
	border-bottom:1px dashed #9D040A;
}

.LeftMenu {
	background-color:#FFFFFF; 
	padding-right: 10px; 
	border-right: 0px dashed #CCCCCC; 
	width:1%; 
	height:100%;
}

.bullet {
	background:url(/images/GrayArrow.gif);
	background-repeat:no-repeat;

	list-style:none;
	/*list-style-image: url(/images/GrayArrow.gif);*/
	list-style-position: outside;
	margin-top: 6px;
	margin-left: 0px;
	padding-left:15px;
}

ul.menulist li.bullet:hover {
	background:url(/images/RedArrow.gif) top left no-repeat;
}

.ball {
	font-size: .8em;
}

.menubar {
	line-height:1.6em;
	background-color: #9D040A; 
	color:#FFFFFF; 
	padding-left:0px; 
	padding-right:0px; 
	padding-top:0px;
	padding-bottom:2px;
	border-bottom:4px solid #9D040A; 
    font-family: Arial;
    font-size: 10pt;
}

a:link.menubar {
	color: #FFFFFF; 
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}

a:visited.menubar {
	color: #E5E5E5; 
	text-decoration: none;
	border-bottom:1px dashed #E5E5E5;
}

a:hover.menubar {
	text-decoration: none;
	background-color: #9D040A;
	border-bottom:2px dashed #fff;
	border-top:2px solid #9D040A
}

ul.menulist {
    line-height: 1.25em;
    font-weight: normal;
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 5px;
}

ul.menulist ul.menulist {
    font-size: .85em;
    line-height: 1.4em;
    font-weight: normal;
    list-style-type: none;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 5px;
}

ul.menulist ul.menulist ul.menulist {
    font-size: .85em;
    line-height: 1.4em;
    font-weight: normal;
    list-style-type: none;
    margin-top: 3px;
    margin-bottom: 5px;
    margin-left: 5px;
}

/*------- Red Callout - NEW VERSION  -------*/
div.redbox {
	width:100%;
}

div.redbox-header {
	padding: 5px;
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #9D040A;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div.redbox-body {
	border: 1px solid #9D040A;
	background-color: #fffff0;
	padding: 10px;
    }
	
/*------- Red Callout Round Top Boxes -------*/
div.RoundedEdgesRed {
	width: 100%;
}

td.RoundedEdgesRedCenter {
	/*background: url(/images/Roundtop_center_Red.gif) top left no-repeat;*/
	background-color: #9D040A;
	color: white;
	font-weight: bold;
	/*font-size: 90%;*/
	padding-top: 4px;
	padding-bottom: 4px;
}

td.RoundedEdgesRedLeft {
	background: url(/images/TabLeft.gif) top left no-repeat;
	background-color: #9D040A;
	padding-left: 10px;
}

td.RoundedEdgesRedRight {
	background: url(/images/TabRight.gif) top right no-repeat;
	background-color: #9D040A;
	padding-right: 10px;
}

td.RoundedEdgesRedBody {
	border: 1px solid #9D040A;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom:10px;
	background-color:#FFFFF0;
}

td.RoundedEdgesRedBody ul li.bullet:hover {
	background:url(/images/RedArrow.gif) top left no-repeat;
}



/*------------------ Menu Tabs Upsidedown---------------------- */

div.tabsUSD {
    width: 100%;
    /*float: left;*/
    /*min-width:800;*/
    background: #FFFFFF;
    font-size: 90%; 
    font-weight: bold;
    line-height: normal;
line-height:100%;
    border-top: 0px solid #c3050e;
    border-top: 1px solid #630306;

}

div.tabsUSD ul {
    margin: 0;
    /* controls the line leadin overhang on the left */
    padding: 0px 15px 0 2px;
    list-style: none;
}

div.tabsUSD li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

div.tabsUSD a {
    float: left;
    background: url( "/images/UpsidedownTabLeft.gif" ) no-repeat left bottom;
    background-color: #9D040A;
    margin: 0px;
    /* Following adds extra space between tabs */
    margin-left: 2px;
    padding: 0 0 0 4px;
    text-decoration: none;
}

div.tabsUSD a span {
    float: left;
    display: block;
    background: url( "/images/UpsidedownTabRight.gif" ) no-repeat right bottom;
    background-color: #9D040A;
    padding: 3px 10px 4px 6px;
    padding: 3px 5px 4px 1px;
    color: #EEEEEE;
    text-align: center;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.tabsUSD a span {
    float: none;
}

/* End IE5-Mac hack */
div.tabsUSD a:hover {
    background: url( "/images/UpsidedownTabLeft.gif" ) no-repeat left bottom;
    background-color: #d6060f;
    text-decoration: underline;
}

div.tabsUSD a:visited span {
    color: #C0C0C0;
}

div.tabsUSD a:hover span {
    color: white;
    background: url( "/images/UpsidedownTabRight.gif" ) no-repeat right bottom;
    background-color: #d6060f;
}

div.tabsUSD ul li.current a {
    background: url( "/images/UpsidedownTabLeft.gif" ) no-repeat left bottom;
    background-color: #d6060f;
}

div.tabsUSD ul li.current a span {
    background: url( "/images/UpsidedownTabRight.gif" ) no-repeat right bottom;
    background-color: #d6060f;
    color: white;
}



/*------------- Menu Tabs Right Side Up----------------- */

div.tabs {
    width: 100%;
    float: left; 
    /*min-width:800;*/
    background: #FFFFFF;
    font-size: 90%; 
    font-weight: bold;
    line-height: normal;
    line-height:100%;
    border-bottom: 1px solid #9D040A;
}

div.tabs ul {
    margin: 0;
    /* controls the line leadin overhang on the left */
    padding: 0px 15px 0 2px;
    list-style: none;
}

div.tabs li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

div.tabs a {
    float: left;
    background: url( "/images/TabLeft.gif" ) no-repeat left top;
    background-color: #9D040A;
    margin: 0px;
    /* Following adds extra space between tabs */
    margin-left: 4px;
    padding: 0 0 0 4px;
    text-decoration: none;
}

div.tabs a span {
    float: left;
    display: block;
    background: url( "/images/TabRight.gif" ) no-repeat right top;
    background-color: #9D040A;
    padding: 3px 10px 4px 6px;
    color: #EEEEEE;
    text-align: center;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.tabs a span {
    float: none;
}

/* End IE5-Mac hack */
div.tabs a:hover {
    background: url( "/images/TabLeft.gif" ) no-repeat left top;
    background-color: #d6060f;
    text-decoration: underline;
}

div.tabs a:visited span {
    color: #C0C0C0;
}

div.tabs a:hover span {
    color: white;
    background: url( "/images/TabRight.gif" ) no-repeat right top;
    background-color: #d6060f;
}

div.tabs ul li.current a {
    background: url( "/images/TabLeft.gif" ) no-repeat left top;
    background-color: #d6060f;
}

div.tabs ul li.current a span {
    background: url( "/images/TabRight.gif" ) no-repeat right top;
    background-color: #d6060f;
    color: white;
}



/* --------------- Red Left Nav ------------- */
div.redNav {

    /*width: 100%;*/
    /* border-top: 20px solid #630306; */
    border-right: 0px solid #000;
    /*padding: 1px 0 3px 0;*/
    border-bottom: 3px solid #630306;
    margin-bottom: 1em;
    font-family: Arial, sans-serif;
    font-size: 90%;
    font-weight: bold;
    background-color: #630306;
    background-color: #9D040A;
    color: #333;
}

div.redNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

div.redNav li {
    border-bottom: 3px solid #EEEEEE;
    margin: 0;
    list-style: none;
    list-style-image: none;
}

div.redNav li a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 10px solid #630306;
    border-right: 0px solid #c3050e;
    
    background-color: #9D040A;
    color: #fff;
    text-decoration: none;
    /*width: 100%; this causes IE6 to display div 30px wider than it is supposed to */
    background: url(/images/TabRight.gif) top right no-repeat;

}

html>body div.redNav li a {
    width: auto;
}

div.redNav li a:hover {
    border-left: 10px solid #9d0508;
    border-right: 0px solid #f9232c;
    background-color: #d6060f;
    color: #fff;
        
}

div.redNav li a:hover span {
    color: white;
    text-decoration: underline; 
    /*text-decoration:none;*/
    /*border-bottom:1px dashed #fff;*/
}

div.redNav li a:visited {
    color: #C0C0C0;
}

div.redNav li.current a {
    border-left: 10px solid #1c64d1;
    border-right: 10px solid #5ba3e0;
    background-color: #2586d7;
    color: #fff;
}








/* ------------- bulleted list ------------ */
div.bulletList {
    /*width: 100%;*/
    border-right: 0px solid #000;
    /*padding: 1px 0 3px 0;*/
    border-bottom: 0px solid #630306;
	margin-left:5px;
    margin-bottom: 0px;
    font-family: Arial, sans-serif;
    font-size:small;
    color: #000;
}

div.bulletList ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

div.bulletList li {
	/*Either bottom-border or padding-bottom needed or vertical spacing goes nuts */
    /*border-bottom: 1px solid #000;*/
    padding-bottom:1px;    
    margin: 0;
    list-style: none;
    list-style-image: none;
}

div.bulletList li a {
    display: block;
    padding: 0px 5px 5px 15px;
    border-left: 0px solid #630306;
    border-right: 0px solid #f7e39f;
    
    background-color: #fff;
    color: #9D040A;
    text-decoration: none;
    /*width: 100%; this causes IE6 to display div 30px wider than it is supposed to */
    background: url(/images/GrayArrow.gif) top left no-repeat;
}

div.bulletList li a span {
    color: #00f;
    border-bottom:1px solid #CCC;
}

div.bulletList li a:visited span {
    color: #3366FF;
    border-bottom:1px dashed #CCC;
}

html>body div.bulletList li a {
    width: auto;
}

div.bulletList li a:hover {
    border-left: 0px solid #9d0508;
    border-right: 0px solid #f9232c;
    background-color: #fff;
    color: #9D040A;
    background:url(/images/RedArrow.gif) top left no-repeat;
        
}

div.bulletList li a:hover span {
    color: #9D040A;
    /*text-decoration: underline; */
    text-decoration:none;
    border-bottom:1px dashed #9D040A;
}

div.bulletList li a:visited {
    color: #3366FF;
}

div.bulletList li.current a {
    border-left: 0px solid #1c64d1;
    border-right: 0px solid #5ba3e0;
    background-color: #fff;
    color: #000;
}


/* LEFT NAVIGATION MENU */
.left-nav {
    background-color: #fefdfa !important;
}

.left-nav a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: 125% !important;
    background-color: #fefdfa !important;
}

.left-nav a:link {
    text-decoration: none;
}
        
.left-nav a:hover {
    color: #9D040A;
    text-decoration: underline;
    /*border-bottom:1px dashed #9D040A !important;*/
    background-color: #f5efd9 !important;
}

.left-nav > ul > li.dropdown.open > ul > li > a {
    border-bottom: none;
    color: blue;
    font-size: small;
}

.left-nav > ul > li.dropdown.open > ul > li > a:hover {
    color: #9D040A;
}

.left-nav .nav-tabs.nav-stacked > li + li {
    margin-top: 0;
}

.left-nav .nav-tabs > li > a {
    margin-right: 0px;
}

.left-nav .nav-tabs.nav-stacked > li > a {
    border: 1px solid #ddd;
    border-radius: 0;
}

.left-nav .nav-tabs.nav-stacked > li:first-child > a {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.left-nav .nav-tabs.nav-stacked > li:last-child > a {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}




/* Override Bootstrap blue a target link blue color */
a[name] {
    color:black;        
}

/* Custom bootstrap button btn-DoHRed */
.btn-DoHRed {
  color: #ffffff;
  background-color: #9D040A;
  border-color: #86040c;
}

.btn-DoHRed:hover,
.btn-DoHRed:focus,
.btn-DoHRed:active,
.btn-DoHRed.active,
.open > .dropdown-toggle.btn-DoHRed {
  color: #ffffff;
  background-color: #86040c;
  border-color: #6f030a;
}

.btn-DoHRed:active,
.btn-DoHRed.active,
.open > .dropdown-toggle.btn-DoHRed {
  background-image: none;
}

.btn-DoHRed.disabled,
.btn-DoHRed[disabled],
fieldset[disabled] .btn-DoHRed,
.btn-DoHRed.disabled:hover,
.btn-DoHRed[disabled]:hover,
fieldset[disabled] .btn-DoHRed:hover,
.btn-DoHRed.disabled:focus,
.btn-DoHRed[disabled]:focus,
fieldset[disabled] .btn-DoHRed:focus,
.btn-DoHRed.disabled:active,
.btn-DoHRed[disabled]:active,
fieldset[disabled] .btn-DoHRed:active,
.btn-DoHRed.disabled.active,
.btn-DoHRed[disabled].active,
fieldset[disabled] .btn-DoHRed.active {
  background-color: #9D040A;
  border-color: #86040c;
}

.btn-DoHRed .badge {
  color: #9D040A;
  background-color: #ffffff;
}

/* Custom bootstrap button btn-DoHDarkBlue */
.btn-DoHDarkBlue {
  color: #ffffff;
  background-color: #2c6a9c;
  border-color: #2a6594;
}

.btn-DoHDarkBlue:hover,
.btn-DoHDarkBlue:focus,
.btn-DoHDarkBlue:active,
.btn-DoHDarkBlue.active,
.open > .dropdown-toggle.btn-DoHDarkBlue {
  color: #ffffff;
  background-color: #275d89;
  border-color: #255881;
}

.btn-DoHDarkBlue:active,
.btn-DoHDarkBlue.active,
.open > .dropdown-toggle.btn-DoHDarkBlue {
  background-image: none;
}

.btn-DoHDarkBlue.disabled,
.btn-DoHDarkBlue[disabled],
fieldset[disabled] .btn-DoHDarkBlue,
.btn-DoHDarkBlue.disabled:hover,
.btn-DoHDarkBlue[disabled]:hover,
fieldset[disabled] .btn-DoHDarkBlue:hover,
.btn-DoHDarkBlue.disabled:focus,
.btn-DoHDarkBlue[disabled]:focus,
fieldset[disabled] .btn-DoHDarkBlue:focus,
.btn-DoHDarkBlue.disabled:active,
.btn-DoHDarkBlue[disabled]:active,
fieldset[disabled] .btn-DoHDarkBlue:active,
.btn-DoHDarkBlue.disabled.active,
.btn-DoHDarkBlue[disabled].active,
fieldset[disabled] .btn-DoHDarkBlue.active {
  background-color: #2c6a9c;
  border-color: #2a6594;
}

.btn-DoHDarkBlue .badge {
  color: #2c6a9c;
  background-color: #ffffff;
}

/* ============== MEDIA QUERIES ============== */
/* from old site? Commenting out as it breaks new header template */
/* [class*="col-sm-"] {
    padding-bottom: 10px;
} */

.mega-menu>ul {
    line-height: 130%;
    font-size: 11.5px;
}

.mega-menu>ul a {
    padding-left: 0px !important;
}

.mega-menu>ul li {
    margin-top: 9px;
    margin-bottom: 9px;
}

div#banner-mobile {
    display: none;
}
        
@media (max-width: 767px) {
    div#banner-mobile {
        display: block;
    }

    div#banner {
        display: none;
    }

    div.bulletList li {
        padding-bottom: 6px;
    }
            
    /* for easier mobile link touching */
    .mega-menu > ul {
        margin-left: 10px !important;
    }
            
    /* get rid of any negative margin on big screen mega-menu */
    .mega-menu > ul li {
        margin-top: 19px;
        margin-bottom: 19px;
        /* for easier mobile link touching */
    }            

    /* reset mega-menu width for mobile display */
    li.dropdown.mega-menu.open > ul > li > div {
        width: 100% !important;   
        font-size:10.5pt;                             
    }

    li.dropdown.mega-menu.open > ul > li > div h5 {
        font-size:11pt;
    }        

    /* reset mega-menu margin for mobile list items */ 
    div.navbar-collapse {
        margin-left:-10px !important;
    }

    /* reset pulldown link widths for mobile in case they were customized for multi-line navbar */
    #site-navbar-collapse > ul > li > a {
        width:100% !important;              
        line-height:150% !important;  
        font-size:12pt;
    }
}

/* END MEDIA QUERIES */