﻿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 ============== */
[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 */
