* {
        padding: 0;
        margin: 0;
} 

body {
        background: #fff;
        font: .74em "Trebuchet MS", Verdana, Arial, sans-serif;
        line-height: 1.5em; 
}
a {
        color: #3B6EBF;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}

#wrap {
        margin: 20px auto;
        width: 704px;
        background: #fff url('images/midbg.jpg');
        background-repeat: repeat-y;
}

#top { 
        background: #fff url('images/topbg.jpg');
        height: 30px;
}

#content {
         padding: 0 40px 0 40px;
}

#bottom {
        background: #fff url('images/botbg.jpg');
        height: 30px;
}


.header {
        height: 100px;
        background: #85ACF7 url('images/hidr.jpg');
}

.headerpicture {
        position:absolute;
        padding-left:532px;
        top:63px;
}

.login {
        width: 84px;
        height: 19px;
        padding-top: 1px;
        padding-right: 3px;
}

.inputbox {
        float:left;
        width: 40px;
        height: 15px;
        border-style: solid;
        border-width: 1px;
        background-color: #FFF;
        font-size: 10px;
        top: 50%;
}

.loginbox {
        float:right;
        width: 40px;
        height: 17px;
        border-style: solid;
        border-width: 1px;
        background-color: #FFF;
        color: #3B6EBF;
        font-size: 9px;
}

.titlebox {
        width: 300px;
        height: 20px;
        border-style: solid;
        border-width: 1px;
        background-color: #FFF;
        font-size: 10px;
}

.newsbox {
        width: 300px;
        height: 100px;
        border-style: solid;
        border-width: 1px;
        background-color: #FFF;
        font-size: 10px;
}

.submitnews {
        width: 70px;
        height: 17px;
        border-style: solid;
        border-width: 1px;
        background-color: #FFF;
        font-size: 10px;
        color: #3B6EBF;
        margin-top: 10px;
}


.header h1 { padding-left: 17px; padding-top: 22px; font-size: 22px; color: #FFF; }
.header h1 a { font-size: 32px; color: #FFF; text-decoration: none;}
.header h2 { padding-left: 17px; padding-top: 10px; font-size: 17px; color: #FFF; }

.menu { 
        background: #F6F9FB;
        border-bottom: 1px solid #E1E1E1; 
        padding: 5px;
        height: 19px;
}

.navi {
float:left;
}

.login {
float:right;
}

.selected {
        text-decoration: underline;
}
        
.middle {
        float: left;
        width: 59%;
        margin: 0 10px;
        padding: 3% 1%;
        text-align: justify;
}

.middle ul {
        list-style-image: url('images/circle.jpg');
        padding-top: 5px;
        padding-left:20px;
        text-align:left;
}



.right {
        float: left;
        width: 30%;
        margin: 0 10px;
        padding: 3% 1%;
        
}

.right ul {
        padding: 10px 0 15px 20px;
        margin:0;
}

.right li {
        margin-bottom:5px;
        list-style-type: square;
        color: #3B6EBF;
}

.middle h2 { color: #3B6EBF; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.middle h3 { font-size: 12px; font-weight: lighter; }
.right h2 { color: #3B6EBF; font-size: 14px; margin-top: 10px;}


#clear {
        display: block;
        clear: both;
        width: 100%;
        height:1px;
        overflow:hidden;
}

#footer {
        text-align: center;
        color: #666;
}