@charset "utf-8";
/* CSS Document */

body {
margin-top: 0;
margin-left: 0;
margin-bottom: 0;
margin-right: 0;
background-image: url(images/bodybg.jpg);
background-repeat: repeat-y;
background-color: #00468E;
}
hr {
color:#FF9900;
}

.copy {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
line-height: 17px;
}
.copy a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0066FF;
line-height: 17px;
text-decoration: none;
}
.copy a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0066FF;
line-height: 17px;
text-decoration: none;
}
.copy a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0066FF;
line-height: 17px;
text-decoration: none;
}
.copy a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0066FF;
line-height: 17px;
text-decoration: underline;
}

.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
letter-spacing: 0.1px;
font-stretch: condensed;

}
.footer a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #0066FF;
text-decoration: none;
letter-spacing: 0.1px;
font-stretch: condensed;

}
.footer a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #0066FF;
text-decoration: none;
letter-spacing: 0.1px;
font-stretch: condensed;


}
.footer a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #0066FF;
text-decoration: none;
letter-spacing: 0.1px;
font-stretch: condensed;


}
.footer a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #0066FF;
text-decoration: underline;
letter-spacing: 0.1px;
font-stretch: condensed;

}

.info {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
line-height: 17px;
display: block;
}

.pagehd {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #336699;
font-weight: bold;
}

.subhead {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #EA9B50;
font-weight: bold;
}

.notice {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #EA9B50;
font-weight: bold;
line-height:24px;
}


.subhead2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #336699;
}

.specshead {
display: block;
background-image: url(images/spectablehead.jpg);
font-size: 13px;
color: #336699;
font-weight: bold;
background-repeat: repeat-x;
line-height: 25px;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;

}

.specshead2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333;
padding-left: 5px;
background-image: url(images/graybg.gif);
background-repeat: repeat-x;
}

.specshead3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
padding-left: 5px;
background-color: #336699;
background-repeat: repeat-x;
}

.specshead4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
background-color:#666666;
background-repeat: repeat-x;
}
.sizes {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
padding-left: 5px;
background-image: url(images/graybg.gif);
background-repeat: repeat-x;
}

.icons {
border: 1px solid #cccccc;
}

.list {
list-style-type: disc;
color: #FF9933;
font-size: 12px;
}

.form {
border-bottom: 1px solid #6699CC;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #777777;
line-height: 30px;
background-image: url(images/formbg.jpg);
background-repeat: repeat-x;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #336699;
line-height: normal;
padding-top: 10px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #EA9B50;
font-weight: bold;
display: inline;
}

#gratinglayer {
position: absolute;
width: 184px;
z-index: 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
line-height: 13px;
left: 340px;
margin-top: 28px;
}

#maindrainlayer {
position: absolute;
z-index: 2;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
width: 184px;
left: 340px;
margin-top: 28px;
line-height: 13px;
}

#edgelayer {
position: absolute;
z-index: 3;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
width: 184px;
left: 340px;
margin-top: 28px;
line-height: 13px;
}

#gutterlayer {
position: absolute;
z-index: 4;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
width: 184px;
left: 340px;
margin-top: 28px;
line-height: 13px;
}

.numbers
{
	color:#333333;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}


.brackets {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
line-height: normal;
}
.brackets a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0066FF;
line-height: normal;
text-decoration: none;
}
.brackets a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0066FF;
line-height: normal;
text-decoration: none;
}
.brackets a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0066FF;
line-height: normal;
text-decoration: none;
}
.brackets a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0066FF;
text-decoration: underline;
line-height: normal;
}

.sitemap1{
background-image: url(images/menubg.gif);
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #fff;
padding: 5px 0px 5px 10px; 
}
.sitemap1 a:link {
background-image: url(images/menubg.gif);
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #fff;
padding: 5px 0px 5px 10px; 
}
.sitemap1 a:active {
background-image: url(images/menubg.gif);
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #fff;
padding: 5px 0px 5px 10px; 
}
.sitemap1 a:visited {
background-image: url(images/menubg.gif);
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #fff;
padding: 5px 0px 5px 10px; 
}
.sitemap1 a:hover {
background-image: url(images/menubg.gif);
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #003399;
padding: 5px 0px 5px 10px; 
}

.sitemap2{
background-image:url(images/formbg.jpg);
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px 5px 5px 10px; 
}

.sitemap3{
background-image:url(images/formbg.jpg);
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px 0px 5px 20px; 

}