@IMPORT "bescript.css";
@IMPORT "form.css";
@IMPORT "clearfix.css";

body {
    font-family: verdana, sans-serif, tahoma, arial;
    font-size: 11px;
    
    background: #261b23 url('../img/background.jpg') no-repeat top center;
    width: 1018px;
}

    div#backgroundLeft {
        float: left;
        
        width: 20px;
        min-height: 747px;
        
        background: url('../img/background_left.jpg') no-repeat top left;
    }
    
    div#backgroundRight {
        float: right;
        
        width: 20px;
        height: 747px;
        
        background: url('../img/background_right.jpg');
    }
    
    div#backgroundBottom {
        clear: both;
        margin: 0px auto;
        
        width: 998px;
        height: 78px;
        
        background: url('../img/background_bottom.jpg');
    }
    
    div#borderTop {
        margin: 0px auto;
        
        width: 1018px;
        height: 29px;
        
        background: url('../img/border_top.jpg');
    }
    
    div#main {
        float: left;
        
        width: 978px;
        
        background: #FFFFFF;
    }
    
        div#main div#header {
            width: 978px;
            height: 80px;
            
            background: #FFFFFF url('../img/iatet_logo.jpg') no-repeat 36px 8px;
        }
        
            div#main div#header a#login {
                display: block;
                float: right;
                
                margin: 50px 20px 0px 0px;
                
                width: 104px;
                height: 30px;
                
                background: #FFFFFF url('../img/login.jpg') no-repeat;
            }
        
        div#main div#topNavigation {
            
            width: 978px;
            height: 41px;
            
            background: url('../img/topNavigation.jpg');
        }
        
            div#main div#topNavigation ul {
                list-style-type: none;
                float: right;
            }
            
                div#main div#topNavigation ul li {
                    float: left;
                    margin: 12px 6px;
                }
                
                    div#main div#topNavigation ul li a {
                        color: #FFFFFF;
                        text-transform: uppercase;
                    }
        
        div#main div#leftNavigation {
            float: left;
            
            width: 234px;
            
            background: #FFFFFF;
        }
        
            div#main div#leftNavigation ul {
                list-style-type: none;
            }
            
                div#main div#leftNavigation ul li {
                    position: relative;
                    
                    margin: 4px 0px 0px 24px;
                    padding: 0px;
                    
                    background: #592242;
                }
                
                    div#main div#leftNavigation ul li div {
                        position: absolute;
                        top: 1px;
                        left: -10px;
                        
                        width: 20px;
                        height: 20px;
                        
                        background: no-repeat center left;
                    }
                    
                    div#main div#leftNavigation ul li a {
                        display: block;
                        
                        padding: 4px 0px 4px 14px;
                        
                        color: #FFFFFF;
                    }
        
        div#main div#content {
            float: right;
            
            padding: 12px;
            padding-top: 4px;
            
            width: 700px;
            min-height: 602px;
            
            background: #FFFFFF;
        }
        
            div#main div#content h1 {
                position: relative;
                
                margin: 0px;
                margin-left: 33px;
                padding: 3px 3px 3px 7px;
                
                width: 450px;
                
                font-size: 12px;
                color: #FFFFFF;
                
                background: #5b2040 url('../img/h1-background.jpg') no-repeat 456px 0px;
            }
            
                div#main div#content h1 div.background {
                    position: absolute;
                    width: 33px;
                    height: 33px;
                    
                    left: -28px;
                    top: -6px;
                }
    
    div#footer {
        position: relative;
        
        clear: both;
        margin: 0px auto;
        
        width: 998px;
        height: 47px;
        
        background: url('../img/background_footer.jpg') repeat-x;
    }
    
        div#footer a#top_icon {
            position: absolute;
            top: 13px;
            right: 10px;
            
            display: block;
            
            padding-top: 4px;
            padding-left: 22px;
            
            width: 20px;
            height: 20px;
            
            vertical-align: middle;
            text-transform: uppercase;
            color: #FFFFFF;
            
            background: url('../img/icon_up.png') no-repeat center left;
        }
        
        div#footer ul {
            list-style-type: none;
            
            padding: 14px 0px;
        }
        
            div#footer ul li {
                float: left;
            }
            
                div#footer ul li a {
                    color: #FFFFFF;
                }