/* --- GENERAL LAYOUT--- */

body {
background: #ccc;
background-image: url(/images/bkg_ggray.gif);
background-repeat: repeat;
}

#frame {
margin: 0 auto;
padding: 0;
background: transparent;
border: 0;
width: 798px;
height: 100%;
text-align: center;
}

#head {
margin: 0;
padding: 0;
background: #b70303;
background-image: url(/images/efirehose_head.jpg);
background-repeat: no-repeat;
border: 0;
height: 65px;
}

#maincont {
margin: 0;
padding: 20px 34px 30px 320px;
display: inline;
background: #fff;
background-image: url(/images/receiver_back.jpg);
background-repeat: no-repeat;
border: 0;
width: 444px;
border-bottom: 5px solid #fff;
text-align: left;
float: left;
clear: both;
}

#foot {
margin: 0;
padding: 10px 0;
background: transparent;
border: 0;
text-align: center;
}

.package {
margin: 10px 0;
padding: 3px 20px 10px 20px;
border: 0;
background: #ccc;
background-image: url(/images/update_back.gif);
background-repeat: repeat;
text-align: left;
}

/* --- NAVIGATION 1 --- */

#nav1 {
margin: 0;
padding: 0 0 0 10px;
display: inline;
background: #330000;
border: none;
width: 305px;
height: 20px;
text-align: center;
float: left;
clear: left;
}

#nav1 ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
text-align: center;
}

#nav1 li {
margin: 0;
padding: 0;
display: block;
text-align: center;
float: left;
clear: none;
}

#nav1 a {
height: 20px;
margin: 0;
padding: 0 6px 0 7px;
color: #fff;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
display: block;
font-size: small;
font-weight: normal;
float: left;
clear: none;
}

#nav1 a:hover {
color: #fff;
background: #b70303;
}

#nav1 a:active {
color: #ccc;
background: #330000;
}


/* --- NAVIGATION 2 --- */

#nav2 {
margin: 0;
padding: 0 0 0 20px;
display: inline;
background: #330000;
border: none;
width: 463px;
height: 20px;
text-align: center;
float: left;
clear: none;
}

#nav2 ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
text-align: center;
}

#nav2 li {
margin: 0;
padding: 0;
display: block;
text-align: center;
float: left;
clear: none;
}

#nav2 a {
height: 20px;
margin: 0;
padding: 0px 15px 0 15px;
color: #fff;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
display: block;
font-size: small;
font-weight: normal;
float: left;
clear: none;
}

#nav2 a:hover {
color: #000;
background: #fff;
}

#nav2 a:active {
color: #ccc;
background: #330000;
}


/* --- TEXT APPEARANCE--- */

h1, h2, h3 {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
line-height: 110%;
letter-spacing: 1px;
border: 0;
}

h1 { color: #990000; }
h2, h3 { color: #330000; }

#head h1 { display: none; }
#head h3 { display: none; }

h1 { font-size: x-large; border-bottom: 1px solid #990000; margin-top: 15px; }
h2 { font-size: large; }
h3 { font-size: medium; }

p {
font-family: verdana, arial, helvetica, sans-serif;
font-size: small;
color: #333333;
line-height: 120%
}

p.caption { font-style: italic; }

#foot p { color: #fff; text-decoration: none; }

#maincont ul {
list-style: disc;
text-align: left;
}

#maincont li {
font-family: verdana, arial, helvetica, sans-serif;
font-size: small;
color: #333333;
line-height: 120%
}

#maincont dt {
font-family: verdana, arial, helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: #333333;
line-height: 120%
}

#maincont dd {
font-family: verdana, arial, helvetica, sans-serif;
font-size: small;
color: #333333;
line-height: 120%
}

/* --- LINKS--- */

#foot a:link, a:visited, a:active, a:hover { font-family: verdana, arial, helvetica, sans-serif; font-size: small; line-height: 120%; text-decoration: none; }
#foot a:link { color: #fff; }
#foot a:visited { color: #fff; }
#foot a:active { color: #cc3333; }
#foot a:hover { color: #cc3333; }

a:link, a:visited, a:active, a:hover { font-family: verdana, arial, helvetica, sans-serif; font-size: small; line-height: 120%; text-decoration: underline; }
a:link { color: #996666; }
a:visited { color: #666666; }
a:active { color: #cc3333; }
a:hover { color: #cc3333; }