body { color:white; background:#f6f8fa url("img/page-bg.png") repeat-x; font-size:80%; font-family:Arial, sans-serif; }

a, a:link, a:visited, a:hover { text-decoration:none; color:white; }

#page {
    background:white;
    width:727px;
    margin:0 auto;
    padding:1px;
}

.topPanel { height:23px; border-bottom:1px solid #c2a584; line-height:23px; margin-bottom:2px; }
    .topPanel span { float:right; color:#a1a6b0; margin-right:15px; }
        .topPanel span a { color:#a1a6b0 !important; text-decoration:underline !important; }
            .topPanel span a:hover { text-decoration:none !important; }

/*HEADER*/

.header { position:relative; border-bottom:1px solid white; }
    .header .logo { display:block; position:absolute; background:url("img/logo.png") no-repeat; height:148px; width:148px; left:25px; top:-20px; behavior:url("res/iepngfix.htc"); }
    .header .title { height:56px; background:#173973; border-top:7px solid #ecb20a; border-bottom:1px solid white; }
        .header .title h1 {
            color:white; font-size:2.0em; float:right; letter-spacing:2px;
            font-family:Times New Roman, serif; font-weight:normal; /display:inline;
            font-variant:small-caps; margin-right:70px; line-height:26px;
        }
    .header .navigation { background:#d76236; height:30px; border-bottom:1px solid white; } 
        .header .navigation ul { float:right; margin-left:50px; }
            .header .navigation ul li { float:left; line-height:30px; }
            .header .navigation ul li.sep { background:url("img/separator.png") center no-repeat; width:2px; height:30px; }
                .header .navigation ul li a { float:left; line-height:30px; display:block; font-size:1.1em; color:white; padding:0 12px; }
                .header .navigation ul li a:hover { text-decoration:underline; }
        .header .navigation span { float:right; font-size:2em; color:#df825f; padding-top:2px; }
    .header .leftside { background:url("img/logo-bg.png") no-repeat; height:154px; width:189px; float:left; }
        .header .leftside ul { padding-top:48px; /padding-top:48px; }
            .header .leftside ul li { height:35px; background:transparent; overflow:hidden; /margin-top:-1px; }
                .header .leftside ul li a { background:transparent url("img/menu-bg.png") no-repeat; height:35px; display:block; padding:8px 0 0 30px; color:white; font-size:0.9em; font-weight:bold; behavior:url("res/iepngfix.htc"); }

    .header .rightside { margin-left:192px; background:url("img/maawle-bg.png") no-repeat; height:154px; }
        .header .rightside .text { width:320px; float:left; margin-left:15px; margin-top:10px; /display:inline; }
            .header .rightside .text .heading { font-size:1.2em; margin-bottom:5px; }
            .header .rightside .text .info { line-height:16px; font-size:0.9em; }
                .header .rightside .text .info a {
                    background:#95f9ff; padding:2px 3px; color:#124381;
                    margin-left:5px; font-size:0.6em; letter-spacing:1px;
                    font-weight:bold;
                }
        .header .rightside .link { margin-left:340px; padding-bottom:30px; }
            .header .rightside .link a {
                display:block; margin:0 auto; width:172px;
                background:url("img/link-bg.png") repeat-x;
                height:75px; padding-top:30px; text-align:center;
                font-size:1.65em; color:#fff2aa; font-family:Times, serif;
                behavior:url("res/iepngfix.htc");
                
            }
                .header .rightside .link a span { font-size:0.65em; color:white; line-height:20px;  }

.content { height:120px; }
    .content .spotlight { width:189px; float:left; height:120px; }
        .content .spotlight .head { margin:10px 10px 0; }
            .content .spotlight .head span { color:#173e7c; font-weight:bold; }
        .content .spotlight .info { margin:5px 10px 0; }
            .content .spotlight .info p { color:#173f7d; font-weight:bold; font-family:Times, serif; font-size:1.2em; }
                .content .spotlight .info p span { color:#173f7d; font-weight:normal; font-family:Times, serif; font-size:0.8em; }
                    .content .spotlight .info p a { color:#b58270; font-weight:normal; font-size:0.8em; }
    .content .member { float:left; width:135px; margin-left:3px; height:120px; overflow:hidden; /display:inline; }
        .content .member img { margin-bottom:1px; }
        .content .member form { height:96px; background:#dff0fb; padding-top:8px; }
            .content .member form a:hover { text-decoration:none; }
            .content .member form label { display:block; width:109px; margin:0 auto 4px; color:#173e7c; font-size:0.7em; font-weight:bold; }
                .content .member form label input { width:105px; margin-top:2px; font-size:0.8em; }
        .content .member .forgot { display:block; color:#173e7c; font-size:0.9em; margin-left:10px; text-decoration:underline; margin-bottom:1px; }
        .content .member .reg { display:block; color:#cf0002; font-size:0.9em; margin-left:10px; text-decoration:underline; }
    .content .gallery { float:left; display:block; width:146px; margin-left:2px; /display:inline; overflow:hidden; }
    .content .award { float:left; display:block; width:250px; margin-left:2px; /display:inline }

.promotes { background:url("img/promotes-bg.png") no-repeat; height:159px; overflow:hidden; }
    .promotes h2 { margin-right:50px; text-align:right; padding-top:25px; font-size:0.9em; margin-bottom:15px;  }
    .promotes .item { height:100px; text-align:center; float:left; margin-left:30px; width:87px; /display:inline; }
        .promotes img { margin-bottom:10px; }
        .promotes a { text-decoration:underline !important; }
        .promotes a:hover { text-decoration:none !important; }

/*FOOTER*/

.footer { background:url("img/footer-bg.png") repeat-x; height:31px; clear:both; border-top:1px solid white; }
    .footer ul { float:right; }
        .footer ul li { float:left; }
            .footer ul li a { display:block; float:left; height:31px; line-height:31px; padding:0 15px; font-size:0.9em; color:#d1f3ff; }
            .footer ul li a:hover { text-decoration:underline; }


/*2-COLLUMN LAYOUT PAGE*/

.main-content { background:#EBF3FD; overflow:hidden; }
.sidebar { background:#173872 url("img/viloletbackground.jpg") top no-repeat; width:189px; float:left; overflow:hidden; padding-top:40px; }
    .sidebar h2 { margin-left:10px; color:#78EAFF; font-family:Times New Roman, serif; font-size:1.6em; font-weight:normal; }
    .sidebar ul { margin:10px 5px 40px 40px; }
        .sidebar ul li { list-style-image:url("img/list-arrow.png"); /list-style-image:url("img/list-arrow.gif"); margin-bottom:10px; }
            .sidebar ul li a:hover { text-decoration:underline; }
    .sidebar .item { text-align:center; margin-bottom:10px; }    
        .sidebar .item img { margin-bottom:5px; border:1px solid #0066cc; }    
        .sidebar .item a { text-decoration:underline; font-size:0.8em; }
        .sidebar .item a:hover { text-decoration:none; }    


.wrap { padding-left:189px; background:#173872; }
    .wrap .inner-wrap { background:#EBF3FD url("img/maawlee-bg.png") right top no-repeat; padding:15px; }