/* emergencyresponse.bc.ca style sheet */
body {
margin: 0px;
padding-bottom: 10em;
text-align: center;
background-color: #f2f2f2;
font: 80% Arial, Helvetica, sans-serif;
color: #444;
line-height: 1.3em;
}
p, ol, ul {
color: #444;
font: 1em Arial, Helvetica, sans-serif;
margin-top: 0em;
line-height: 1.3em;
}
ul {
list-style: disc;
}
h1.page-heading {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #CC0000;
height: 28px;
margin: 0 0 0.8em;
padding: 5px 0px 2px;
border-bottom: 0px;
}
h1 {
font: bold 1.5em Arial, Helvetica, sans-serif;
color: #444;
margin-bottom: 0.5em;
padding: 3px 0px 2px;
border-bottom: 3px double #666;
}
h2 {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #444;
text-transform: uppercase;
margin-bottom: 0.25em;
padding-top: 0.5em;
}
h3, h4 {
font: bold 1em Arial, Helvetica, sans-serif;
color: #444;
text-transform: capitalize;
margin-top: 0.5em;
margin-bottom: 0em;
}
a:link, a:link * {
color: #CC0000;
text-decoration: underline;
}
a:visited, a:visited * {
color: #990000;
text-decoration: underline;
}
a:hover, a:hover * {
color: #FF0000;
text-decoration: none;
}
a:active, a:active * {
color: #FFCC33;
text-decoration: none;
}

#header {
width: 740px;
margin: 0px auto 6px;
text-align: left; 
}
#logo {width: 230px; height: 100px;}
#slogan {width: 510px; height: 67px;}
#home {
background: #7f0c0c url(/images/hazard-left.gif) no-repeat 205px -2px;
width: 229px;
height: 20px;
margin: 0px;
padding: 2px 0px;
border-top: solid 1px #966;
border-bottom: solid 2px #633;
border-left: solid 1px #633;
}
#home a {
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
color: #FFF;
}
#home a:hover {
color: #D80000;
}
#home a:active {
color: #FFCC33;
}
body#index #home a {
display: none;
}

#hazard {
width: 509px;
height: 20px;
margin: 0px;
padding: 2px 0px;
background: #7f0c0c url(/images/hazard-bars.gif) no-repeat 0px -2px;
border-top: solid 1px #966;
border-bottom: solid 2px #633;
border-right: solid 1px #633;
}
.bar {
height: 16px;
margin: 0px;
padding: 2px 10px;
border-top: solid 2px #966;
border-bottom: solid 1px #966;
}

#mid {
width: 740px;
min-height: 400px;
margin: 0px auto 6px;
text-align: left;
background: #666666 url(/images/main-bg.gif);
border: 1px solid #333;
}
#side {
width: 156px;
font: 85% Arial, Helvetica, sans-serif;
color: #000;
vertical-align: top;
background: #b7b7b7 url(/images/side-bg.gif) repeat-x;
border: 2px solid #FFF;
margin: 0px;
padding: 10px 10px 30px;
}
#side p {
color: #000;
}
td.main {
width: 466px;
vertical-align: top;
background: #FFF url(/images/heading-bg.gif) no-repeat 0px 0px;
border: 1px solid #333;
margin: 0px;
padding: 2px 20px 5em;
}
.mid-bot {height: 30px;}

#footer {
width: 740px;
margin: 0px auto 20px;
text-align: left;
height: 30px;
background: #000 url(/images/footer-bg.gif);
color: #FFF;
font: 0.8em Arial, Helvetica, sans-serif;
}
#footer td {
padding: 10px;
vertical-align: top;
}
#footer a, #footer a:visited {
color: #FFF;
text-decoration: none;
}
#footer a:hover {
color: #FF0000;
text-decoration: none;
}
#footer a:active {
color: #FFCC33;
text-decoration: none;
}
.top a {
float: right;
}
.box {
display: block;
padding: 10px;
border: 3px double #CC0000;
}
img.border {
border: solid 1px #000;
margin: 5px 10px 5px 0px;
}
.erc {
font: italic bold 1.5em "Comic Sans MS", Verdana, Arial, fantasy;
color: #D80000;
}
.smallertext {font-size: 0.9em;}
.highlight {color: #CC0000; font-weight: bold;}
ul.cv, ul.cv li {
margin-left: 0;
margin-bottom: 1.2em;
padding-left: 0;
list-style: none;
font-weight: bold;
}
ul.cv li li {
margin-left: auto;
margin-bottom: auto;
list-style: disc;
font-weight: normal;
}

.button, .button:link, .button:visited {
color: #FFF;
font-size: 1em;
font-weight: bold;
text-decoration: none;
background: #d91616;
border-color: #d91616;
}
#side .button {
padding: 2px 10px 3px;
border-width: 2px;
border-style: outset;
}
#side .button:active {
padding: 3px 8px 2px 12px;
border-style: inset;
}

/* FORM */
#contactForm {}
input, textarea {font: 1em Arial, Helvetica, sans-serif;}
#contactForm td {
margin: 0;
padding: 5px 10px 5px 0px;
text-align: left;
vertical-align: top;
}
#contactForm .col1 {text-align: right;}
#contactForm input.button {
font-size: 0.85em;
float: left;
margin-right: 5px;
padding: 0px;
}


/* TAB MENU WITH MOUSEOVER DROP-DOWNS */
#tabs {
background: #c0c0c0 url(/images/tabs.gif) no-repeat 0px 0px;
display: block;
overflow: hidden;
width: 502px;
height: 33px;
margin: 0px;
padding: 0 0 0 8px;
}
#tabmenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}
#tabmenu li{
display: inline;
margin: 0;
padding: 0;
}
#tabmenu li.selected{
}
#tabmenu li.selected a{ /*selected main tab style */
}
#tabmenu li.selected a:hover{ /*selected main tab style */
}
#tabs a {
display: block;
width: 71px;
height: 19px;
margin: 0 0 0 10px;
padding: 7px 10px 3px 5px;
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 11px;
text-align: right;
vertical-align: middle;
float: left;
}
#tabs a:hover {
color: #CC0000;
}
#tabs a:active {
color: #FFCC33;
}

/* current section tab is black */
body#services #tabs {
background:  #c0c0c0 url(/images/tabs.gif) no-repeat 0px -33px;
}
body#services #tabs a.tab1 {
color: #FFF;
}
body#training #tabs {
background:  #c0c0c0 url(/images/tabs.gif) no-repeat 0px -66px;
}
body#training #tabs a.tab2 {
color: #FFF;
}
body#sales #tabs {
background:  #c0c0c0 url(/images/tabs.gif) no-repeat 0px -99px;
}
body#sales #tabs a.tab3 {
color: #FFF;
}
body#about #tabs {
background:  #c0c0c0 url(/images/tabs.gif) no-repeat 0px -132px;
}
body#about #tabs a.tab4 {
color: #FFF;
}
body#faq #tabs {
background:  #c0c0c0 url(/images/tabs.gif) no-repeat 0px -165px;
}
body#faq #tabs a.tab5 {
color: #FFF;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b {
position:absolute;
top: 0;
margin-left: -27px;
border: 1px solid #666; /*THEME CHANGE HERE*/
border-width: 1px 1px 0;
line-height:18px;
z-index:100;
background-color: #efefef;
width: 110px;
visibility: hidden;
}

.dropmenudiv_b a {
color: #000;
font-size: 11px;
text-decoration: none;
text-align: right;
display: block;
width: auto;
padding: 2px 5px;
border: 0 solid #666; /*THEME CHANGE HERE*/
border-bottom-width: 1px;

}

* html .dropmenudiv_b a { /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover { /*THEME CHANGE HERE*/
color: #cc0000;
background-color: #fff;
}