/* CSS Document */

td
{

}
body
{
    /**background-color:#333300;**/
    
}
#canvas
{
    width:1024px;
    border-style:solid;
    border-width:thick;
    border-color:#57574E;

}
#header
{
   /** background-image:url(../images/header.gif); **/
   width:100%;
   height:117px;
}
#menu_bar_top_bar
{
    background-color:#333300;
    height:10px;
    width:100%;

}
#menu_bar_bottom_bar
{
    clear:left;
    background-color:#663333;
    height:10px;
    width:100%;
}
#menu_bar
{
    width:100%;
    background-color:#809052;

}
#menu_bar_middle
{
            
    
    margin-left:2%;
    
}
.menu
{
	float:left; /** new **/
	padding:0;
	margin:0;
        width:100%;
        color:white;
	font-family: arial, helvetica, sans-serif;
        
	white-space:nowrap;
	list-style-type:none;
	border:1px solid #42453D;

}
* html .menu
{
	display:inline-block;
	width:1px;
	padding:0 2px;
}
.menu li
{
	
        float:left; /** new **/
        height:26px;
        font-size:14px;
        margin:0; /** new **/
        padding:0; /** new **/
	
}
* html .menu li
{
    display:inline;
}
* html .menu a
{
    display:inline-block;
    margin:0 -2px;
}
.menu a
{
        display:block;
        float:left;
        margin:0;
	padding:0.3em .7em;
	background:#57574E;
	color:white;
	text-decoration:none;
	border:1px solid #42453D;
}
.menu li a:hover
{

	background-image:url(../images/greengradient.png);
	color:white;
}
.menu li a:active
{
   background-image:url(../images/greengradient.png);
    color:white;
}
#mainbody
{
    /** needs to be defined in order for "positioned overlay" to work **/
    /** no need to apply any offsets. **/
    position:relative;
}
#textArea
{
    
    /** top,right,bottom,left **/
    padding:0 0 0 50px;
    font-family:verdana;
    font-size:12px;
}
#rightImage
{
    float:right;    
    padding:0 0 120px 50px;

}
#centerArea
{
    
    background-color:#CCCCBF;    
    width:100%;
    
    padding:10px 0 0 0;
}
#bgd1
{

    /**width:41px;**/
    margin:0;

}
#bgd2
{
    background-image:url(../images/rectngl66_opcty_hm.png);
    width:431px;
    height:100%;
    padding:10px;
    margin:0;
    font-family:verdana;
    font-size:13px;
    vertical-align:top;
}
#overlay_body
{

    width:100%;
    height:100%;

}
#overlay
{
    /** we need to take this overlay block out of the normal flow so we use
    absolute positioning. However, this positioning will look for its closest
    "positioned" ancestor when it applies its offsets. This block closes
    "positioned" ancestor is "mainBody" which has a position of relative.
    **/
    position:absolute;
    bottom:25px;
    width:480px;
}
#overlay_top_border
{
    margin:0;
    background-color:#333300;

}
#footer
{
   
   background-image:url(../images/footer.gif);
   width:100%;
   height:39px;
}
.warranty_link a
{
    color:#666633;
}
.warranty_link a:link
{
    color:#666633;
}
.warranty_link a:hover
{
    color:#666633;
}
.warranty_link a:active
{
    color:#666633;
}
.warranty_link a:visited
{
    color:#663333;
}
.galleryImg a
{
    color:#CCCCBF;
}
.galleryImg a:link
{
    color:#CCCCBF;
}
.galleryImg a:hover
{
    color:#CCCCBF;
}
.galleryImg a:active
{
    color:#CCCCBF;
}
.galleryImg a:visited
{
    color:#CCCCBF;
}
.landLinks a
{
    color:#666633;
}
.landLinks a:link
{
    color:#666633;
}
.landLinks a:hover
{
    color:#666633;
}
.landLinks a:active
{
    color:#666633;
}
.landLinks a:visited
{
    color:#666633;
}
#headerLink a:link
{
    color:#57574E;
}
#headerLink a:visited
{
    color:#57574E;
}
#headerLink a:hover
{
    color:#57574E;
}
#headerLink a:active
{
    color:#57574E;
}
#headerLink a:focus
{
    color:#57574E;
}
#company_logos
{
    padding-top:10px;
}
#g1
{

}
#g2
{
    padding-left:10px;
}
#g3
{
    padding-left:10px;
}
#g4
{
    padding-top:10px;
}
#g5
{
    padding-top:5px;
}
#g6
{
    padding-top:5px;
}
/* CSS Document */