﻿
A:link {text-decoration: none}
A:active {text-decoration: none}
A:visited {text-decoration: none} 


body    
{
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
    font: 11px Arial;
    color: #333333;   
}

a   
{
    text-decoration: none;
    color: #33b3d1;
}

a:hover 
{
    text-decoration: underline;
}

#top
{
    width: 800px;
    height: 50px;
    margin: 0 auto;
    font: 12px Arial;
    border: 0px; 
    
}

#undertop
{
    width: 800px;
    height: 10px;
    margin: 0 auto;
    background: url(Images/line.gif);   
}

#container
{
    margin: 0 auto;
    width: 800px;
    font: 12px Arial;
    line-height: 20px;
}


#header 
{
    width: 800px;
    height: 85px;
    font: 12px Arial;
    margin-top: 20px;
    
}


.header_box
{
    width: 70px;
    height: 50px;
    margin-top: 5px;
    float: left;
}

.header_bottom
{
    width: 800px;
    height: 10px;
    margin: 0 auto;
    background: url(Images/line.gif); 
    margin-top: 15px;
}



#banner2 
{
    width: 617px;
    height: 160px;
    background: Red;  
    float: right; 
    margin-top: 10px;
    
}


#menu	
{
	width: 161px;
	float: left;
	background: #FFFFFF;
}

    div.menu_blue    
    {
        width: 161px;
        height: 111px;

        float: left;
        font: 11px Arial;
    }
    div.menu_gray
    {
        width: 161px;
        height: 128px;

        float: left;
        
        font: 11px Arial;
        
    }
    div.menu_btn
    {
        width: 132px;
        height: 127px;

        margin-left: 10px;
        margin-top: 20px;
        float:left;
   
    }


   div.menu_btn_1
     {
        width: 40px;
        height: 40px;

        float: left;
     }


    div.menu_btn_2
     {
        width: 40px;
        height: 40px;

        margin-left:6px;
        float: left;      

     }


    div.menu_btn_3
     {
        width: 40px;
        height: 40px;
     
        margin-left:6px;
        float: left;      

     }  


    div.menu_btn_4
     {
        width: 40px;
        height: 40px;
       
        margin-top:6px;
        float: left;      

     }


    div.menu_btn_5
     {
        width: 40px;
        height: 40px;
      
        margin-left:6px;
        margin-top:6px;
        float: left;     
    
     }


    div.menu_btn_6
     {
        width: 40px;
        height: 40px;
       
        margin-left:6px;
        margin-top:6px;
        float: left;     
        
     }


    div.menu_btn_7
     {
        width: 63px;
        height: 35px;
      
        margin-top:6px;
        float: left;      
        
     }
     
     
     div.menu_btn_8
     {
        width: 63px;
        height: 35px;
        margin-left: 6px;
        margin-top:6px;
        float: left;      
        
     }


#content
{
   width: 617px; 
    float: right;
}

    div.content_left
    {
        width: 617px;
        float: left; 
    }
    
    div.content_right
    {
        width: 161px;
        float: left;
    }
    
    div.content_right_1
    {
        width: 161px;
        height: 128px;
        background: url(Images/side_gray_box.gif) no-repeat;
    }
    
    div.content_right_2
    {
        width: 161px;
        height: 128px;
        background: url(Images/side_gray_box.gif) no-repeat;
    }
    
    div.content_right_3
    {
        width: 161px;
        height: 128px;
        background: url(Images/side_gray_box.gif) no-repeat;
    }
    
    div.content_right_4
    {
        width: 161px;
        height: 128px;
        background: url(Images/side_gray_box.gif) no-repeat;
    }




input   
{
    width: 150px;
    font: 11px Arial;
    margin: 0;
}

input.bt_150px  
{
    width: 156px;
    border: 1px solid #777777;
    background: #FFFFFF;
}






