/* style reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0 0 0 0; padding:0 0 0 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
ol,ul { list-style: none; }
caption, th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
/* style reset. */

body { width: 100%; }
body a:focus { outline-style: none; }
body a img { border: 0px; }

div { overflow: hidden; }


    /* site */
    div#site { width: 100%; }
    
        /* top */
        div#top { width: 100%; background: url(images/top.jpg) repeat-x; height: 268px; 
            position: relative; z-index: 0;
        }
            /* banner */
            div#banner { width: 980px; height: 268px; 
                background: url(images/banner.jpg) no-repeat; position: relative;  
            }
            div#banner ul { position: absolute; top: 107px; left: 774px; }
            div#banner ul li { font-family: Tahoma; font-size: 11px; font-weight: bold; 
                background: url(images/arrow1.gif) no-repeat 0px 3px; padding: 0 0 0 14px; height: 29px;
            }
            div#banner ul li a, div#banner ul li a:visited { color: #cd1609; text-decoration: none; }
            div#banner ul li a:hover { text-decoration: underline; }
            
            div#banner ul li#first { margin: 0 0 0 26px; }
            div#banner ul li#sec { margin: 0 0 0 20px; }
            div#banner ul li#third {  margin: 0 0 0 13px; }
            div#banner ul li#fourth { margin: 0 0 0 7px; }
            div#banner ul li#fifth { margin: 0 0 0 0; }
            /* banner */
        
        /* top. */
        
        /* container */
        div#container { width: 100%; min-height: 427px; background: url(images/container.jpg) repeat-x bottom; }
        
            /* left */
            div#left { width: 156px; min-height: 427px; padding: 2px 0 0 0;
                position: absolute; top: 197px; background: #ffffff;
            }
            
            div#left img.right { position: absolute; top: 5px; right: 0px;  }
            
            li.relativeList { position: relative; top: 0px; left: 0px; }
            
            div#left h2 { width: 134px; height: 27px; background: url(images/h2.jpg) no-repeat; 
                font-family: Tahoma; font-size: 18px; font-weight: bold; color: #ffffff; padding: 3px 0 0 20px;
                margin: 0 0 13px 0;
            }
            div#left ul { margin-left: 7px; width: 140px; }
            div#left ul li { border-bottom: 1px solid #e3e3e3; line-height: 22px;
                font-family: Tahoma; font-size: 11px; color: #6a6a6a; background: url(images/arrow1.gif) no-repeat 0px 7px;
                padding: 0 0 0 13px;
            }
            div#left ul li a, div#left ul li a:visited { text-decoration: none; color: #6a6a6a; }
            div#left ul li a:hover { text-decoration: underline; }
            
            div#left ul ul { margin: 0 0 5px 0; width: 127px; }
            div#left ul ul li { border-bottom: 1px solid #f8f8f8; line-height: 22px;
                font-family: Tahoma; font-size: 11px; color: #6a6a6a; background: url(images/arrow2.gif) no-repeat 0px 9px;
                padding: 0 0 0 13px;
            }
            div#left ul ul li.last { border-bottom: none !important; }
                
            div#left ul ul li a, div#left ul li a:visited { text-decoration: none; color: #6a6a6a; }
            div#left ul ul li a:hover { text-decoration: underline; }
            /* left. */
            
            /* content */
            div#content { width: 727px; min-height: 427px; position: relative; left: 156px;
                font-family: Tahoma; font-size: 11px; color: #6a6a6a; line-height: 22px;
                padding: 23px 30px 74px 55px; text-align: justify; text-indent: 10px;  
            }
            div#content h1 { width: 100%; height: 23px; background: url(images/h2.gif) no-repeat 3px center; 
                padding: 0 0 0 33px; text-indent: 0px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;
                text-transform: uppercase; line-height: 22px; color: #cd1609; font-weight: normal; margin: 0 0 32px 0;
            }
            div#content p { margin: 0 0 15px 0; }
            div#content b { color: #cd1609; }
            div#content a, div#content a:visited { text-decoration: none; color: #cd1609; }
            div#content a:hover { text-decoration: underline; }
            div#content ul { padding-left: 30px; }
            div#content ul li { background: url(images/arrow2.gif) no-repeat 0px 7px; padding: 0 0 0 5px; line-height: 22px;}
            div#content ul li a, div#content ul li a:visited { font-weight: bold; color: #6a6a6a; }
            div#content ul li a:hover { text-decoration: underline; }
            div#content img.left { float: left; margin: 4px 10px 0 0; border: 1px solid #dedede; padding: 2px; }
            div#content img.right { float: right; margin: 4px 0 0 10px; border: 1px solid #dedede; padding: 2px; }
            
            div#content table { margin: 0 auto; width: 100%; }
            div#content table td { padding: 5px; text-align: center; }
            div#content table td img { border: 1px solid #dedede; padding: 2px; }
            
            div#content table td.headerC { height: 30px; font-size: 14px; font-weight: bold; text-align: center; 
                color: #ffffff; background: #ca1408; 
            }     
            
            div#content table td.headerC a { color: #ffffff; }
            
            div#content table td.nameC { font-weight: bold; }
            
            div#content h2 { font-size: 14px !important; display: block; margin: 10px 0 10px 0; clear: both; }
            div#content h3 { font-size: 12px !important; display: block; margin: 0 0 0 0; clear: both; }
            
            li.clearList { background: none !important; padding: 0 0 0 0 !important; text-indent: 0px !important; }
            li.clearList ul li { text-indent: 15px; }
            /* content. */            
        
            /* bottomMenu */
            div#bottomMenu { width: 100%; text-align: left; padding: 0 0 30px 372px; font-family: Tahoma; font-size: 11px; }
            div#bottomMenu a, div#bottomMenu a:visited { text-decoration: none; color: #6a6a6a; margin: 0 30px 0 0; }
            div#bottomMenu a:hover { text-decoration: underline; }
            
            div#bottomMenu a#start { background: url(images/start.gif) no-repeat 0px 2px; padding: 0 0 0 16px; }
            div#bottomMenu a#mail { background: url(images/mail.gif) no-repeat 0px 2px; padding: 0 0 0 19px }
            div#bottomMenu a#toTop { background: url(images/toTop.gif) no-repeat 0px 2px; padding: 0 0 0 11px; }
            
            /* bottomMenu. */ 
            
        /* container. */
        
        /* logs */
        div#logs { width: 100%; height: 44px; text-align: left; background: url(images/logs.jpg) repeat-x; }
        /* logs. */
        
        /* footer */
        div#footer { width: 100%; height: 78px; background: url(images/footer.jpg) repeat-x; }
        
            /* footerInfo */
            div#footerInfo { width: 980px; height: 78px; margin: 0; position: relative;
                background: url(images/footerInfo.jpg) no-repeat; 
            }
            div#footerInfo p { display: block; position: absolute; top: 53px; left: 156px; 
                font-family: Tahoma; font-size: 13px; font-weight: bold; color: #ffffff; 
            }
            div#footerInfo p span { margin: 0 17px 0 17px; }
            div#footerInfo p a, div#footerInfo p a:visited { color: #ffffff; text-decoration: none; }
            div#footerInfo p a:hover { text-decoration: underline; }
            /* footerInfo. */
        
        /* footer. */
        
    /* site. */