body {

background-color: navy; 
padding:0 0 0 0;
margin:0 0 0 0;

font-family: verdana, sans-serif ;


}

#header {height: 200px ;
background-image: url( me.jpg) ;

}  

#banner {
float: right;
margin-top: -102px;


}

#main {
margin: 100 0 40 0 ; 
padding: 50px ;
background-color:  rgb( 250, 250, 255) ;
color: rgb(0,0,9)  ;


}

#footer_div {
color: white;
margin: 20px ; 
}

#footer_div a {
color: white;
}

#footer_div span {padding : 10px ; border : 1px solid rgb(0, 0, 23) ; }


#bannerDiv {
margin-right: 100px ;
margin-left: -100px;
overflow: hidden ;
background-color: rgb(115, 97, 74) ;

}


.banner {
margin-left: -100px ;

}


.sp{
display:block;
}

.sp *{
display:block;
height:1px;
overflow:hidden;
background:#0a67e6;
}
.sp1{
border-right:1px solid #95bdf4;
padding-right:1px;
margin-right:3px;
border-left:1px solid #95bdf4;
padding-left:1px;
margin-left:3px;
background:#478dec;
}
.sp2{
border-right:1px solid #e6effc;
border-left:1px solid #e6effc;
padding:0px 1px;
background:#3883ea;
margin:0px 1px;
}
.sp3{
border-right:1px solid #3883ea;
border-left:1px solid #3883ea;
margin:0px 1px;
}
.sp4{
border-right:1px solid #95bdf4;
border-left:1px solid #95bdf4;
}
.sp5{
border-right:1px solid #478dec;
border-left:1px solid #478dec;
}
.sp_content{
padding:0px 5px;
background:#0a67e6;
}
#example_inner{padding: 20px ;}
#example_inner p {color: white; margin-bottom: 0px;  padding-left: 20px; }
#example_inner li {color: white; margin-bottom: 0px;  padding-left: 20px; }
#example_inner .name { color: white ; background: black ; margin-top: 0px ; padding : 4px; font-weight: bold; }
#corner_image {border : none ;}

.code {
background-color: rgb(251,254,224) ; 
padding: 20px ;
border: 1px solid navy ;

}