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

html, body {
        font-family: Arial, Helvetica, sans-serif;
        background-image: url(images/black_tile.gif);
        margin: 0px;
        padding: 0px;
        width: 100%;
        text-align: center;
}
.Orange {
        color: #fead00;
}
.Container {
        text-align: left;
        width: 970px;
        margin: 0px auto;
        padding: 0px;
}
.Header{
        margin: 0px auto;
        margin-top: 9px;
        width: 970px;
        height: 72px;
        text-align:center;
        font-size: 16px;
        color:#ffffff;
        line-height: 24px;
        font-weight: bold;
        background: url(images/logo_banner.gif) no-repeat left top;
}
.Header table{
        font-size: 16px;
        color:#ffffff;
        line-height: 24px;
        font-weight: bold;
}
.HeaderPad{
        color:#ffffff;
        height: 72px;
        margin-left: 185px;
}
.Header h1 {
        color:#FFF;
        margin: 0px;
        padding: 0px;
        font-size: 24px;
}
.Content {
        margin-top: 9px;
        width: 787px;
        float: left;
        background: #fff;
        _height: 380px;
        min-height: 380px;
}
.ContentSub {
        margin-top: 10px;
        width: 787px;
        float: left;
        background: #fff;
        _height: 500px;
        min-height: 500px;
}
.Footer {
        height:30px;
        background: #fead00;
        margin-top: 10px;
        clear:both;
}
.footerWhiteLine {
        height: 5px;
        background: #fff;
        margin-top: 12px;
        clear:both;
        line-height: 5px;
        font-size: 5px;
}
.Copy {
        color: #FFFFFF;
        font-size: 10px;
        text-align:center;
        height: 30px;
        margin-top: 20px;
        width: 970px;
        margin-left: auto;
        margin-right: auto;
}
.Copy a:link, .Copy a:visited {
        color: #FFFFFF;
        text-decoration: none;
}
.Copy a:hover, .Copy a:active {
        color: #ccc;
}
.BPEsearch {
        height: 165px;
        width: 180px;
        font-size: 18px;
        color:#fff;
        position: absolute;
        top: 305px;
}
/****** FIREFOX READS THE BELOW CODE (IE workaround) *******/
*:lang(en) .BPEsearch {
}
/****** END *******/
.bluePrintEstimator {
        text-align: center;
        height: 135px;
        clear:both;
        position: relative;
}
.search {
        color: #FFFFFF;
        background: #fead00;
        text-align: center;
        height: 30px;
        clear:both;
        position: relative;
}
#menu {
        width: 180px;
        margin-top: 20px;
        font-size: 18px;
        line-height: 18px;
        color:#FFFFFF;
        float:left;
}
#inputArea input[type="text"] {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        padding: 3px;
        height: 13px;
        border: solid 1px #000;
        width: 100px;
        background: #f6d67f;
        margin-top: 3px;
}
#inputArea input[type="image"] {
        width: 28px;
        height: 21px;
        margin-top: 4px;
        margin-left: -5px;
}
#inputArea2 input[type="text"],
#inputArea3 input[type="text"],
#inputArea4 input[type="text"] {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        padding: 3px;
        height: 13px;
        border: solid 1px #000;
        width: 100px;
        background: #fead00;
}

/****** FIREFOX READS THE BELOW CODE (IE workaround) *******/
*:lang(en) #inputArea input[type="text"] {
 margin-top: 4px !important;
}
*:lang(en) #inputArea input[type="image"] {
 margin-top: 4px !important;
}
/****** END *******/

ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 180px; /* Width of Menu Items */
}
ul li {
        position: relative;
}
li ul {
        position: absolute;
        left: 159px; /* Set 1px less than menu width */
        top: 0;
        display: none;
        border-top: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
}
/* Styles for Menu Items */
ul li a {
        display: block;
        width: 169px;
        text-decoration: none;
        color: #fff;
        padding: 3px 0px 3px 10px;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li {
        float: left;
        height:1%;
}
* html ul li a {
        height:1%;
}
/* End */

ul li a:hover {
        background:url(images/nav.png) 0px center no-repeat;
} /* Hover Styles */
li ul li a, 
li ul li ul li a {
        display: block;
        height: 19px;
        line-height: 18px;
        _line-height: 19px;
        padding: 2px 0px 2px 25px;
        width: 155px;
        _width: 180px;
        color: #fff;
        text-decoration: none;
        font-size: 11px;
        background:url(images/sub_nav_bg.gif);
} /* Sub Menu Styles */
li ul li a:hover, 
li ul li ul li a:hover {
        color: #ccc;
        background:url(images/sub_nav_bg.gif);
} /* Sub Menu Styles Hover*/
li:hover ul, 
li.over ul, 
ul ul li:hover ul, 
ul ul li.over ul {
        display: block;
} /* The magic */

                
