/* reset styles 
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#000}
*/
/* nb style */
body {
    background-color: #e4eefa;
    background-image: url('./bg.jpg');
    background-repeat: repeat-x;
}
#wrapper {
    width:910px;
    margin:15px auto 10px auto;
    text-align: center;
}
header, footer, #top, #middle, #news {
    text-align: left;
}
header {
    height:42px;
    background-color: #021a72;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    color: white;
    padding:0px;
    margin:0px;
    font-size: 1.1em;
}
header li.first {
    border-left: 1px solid #2a72ba;
}
header li {
    list-style: none;
    float: left;
    margin:0px ;    
    border-right: 1px solid #2a72ba;
    padding:13px 15px 13px 15px;
}
footer {
    border: 1px solid #a7b0b7;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height:30px;
    font-size: 1.1em;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 20%, #eaf1f9 72%, #eaf1f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(72%,#eaf1f9), color-stop(100%,#eaf1f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 20%,#eaf1f9 72%,#eaf1f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 20%,#eaf1f9 72%,#eaf1f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 20%,#eaf1f9 72%,#eaf1f9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 20%,#eaf1f9 72%,#eaf1f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaf1f9',GradientType=0 ); /* IE6-9 */


}
footer ul {
    margin:0px 0px 0px 20px;
    padding: 0px;
}
footer li {
    list-style: none;
    float: left;
    margin:0px;
    padding:7px 20px 0px 0px;
}
#middle,#news {
    border-left: 1px solid #a7b0b7;
    border-top: 1px solid #a7b0b7;
    border-right: 1px solid #a7b0b7;
    clear: both;
}
#top {
    margin-top:10px;
    height:265px;
    clear: both;
}
#news {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #dceefa 69%, #dceefa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(69%,#dceefa), color-stop(100%,#dceefa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dceefa 69%,#dceefa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#dceefa 69%,#dceefa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#dceefa 69%,#dceefa 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#dceefa 69%,#dceefa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dceefa',GradientType=0 ); /* IE6-9 */
    height:20px;
    padding:5px 5px 5px 20px;
}
#news span {
    font-weight: bold;
    font-size: 1.3em;
    color: #234d75;
}
#middle {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 33%, #edf6fb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#ffffff), color-stop(100%,#edf6fb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 33%,#edf6fb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 33%,#edf6fb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 33%,#edf6fb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 33%,#edf6fb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf6fb',GradientType=0 ); /* IE6-9 */
    padding:20px;
}   
#nblogo {
    float:left;
}
#search-div {
    float:right;
    margin:8px 10px 0px;
}
#search-input {
    width:100px;
    margin:0px;
}
#magnifier {
    display: inline-block;
    margin-bottom: -5px;
}
.slider {
    height: 200px;
}
.slider h1 {
   color:dimgray;
   text-align: center;
}