@charset "UTF-8";
/* CSS Document */

html,body{margin:0;padding:0;background-color:#FFFFFF; color:#000000;}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}

div#header{
margin: 5px 0 0 0;
height:180px;
padding-top:35px;
padding-left:30px;
background-image:url(http://jocp.net/img/516.jpg);
background-repeat:no-repeat;
}

div#container p{
margin:0 0 0 10px;
}

div#container h1{
color: #333333;
margin:0px;
font-size:24px;
font-weight:bold;
margin:0 0 0 10px;
}

div#container{text-align:left}
div#content p{line-height:1.4; padding-bottom:20px;}

div#navigation a{
color:#333333;
font-weight:bold;
margin-left:5px;
}

div#navigation a:hover{
color:#aaaaaa;
font-weight:bold;
margin-left:10px;
}



div#extra{background:#FFFFFF}

div#footer{ background-image:url(http://jocp.net/img/whitetype_footer.gif);
background-repeat:no-repeat;color: #000; height:50px;text-align:center;}
div#footer_in{padding-top:25px;}

div#container{width:800px;margin:0 auto}
div#wrapper{float:left;width:100%; margin-top:10px;}
div#content{margin: 0 200px}
div#navigation{float:left;width:200px;margin-left:-800px; line-height:25px; margin-top:10px;}
div#extra{float:left;width:200px;margin-left:-200px; margin-top:10px;}
div#footer{clear:left;width:100%}

li {
list-style-image:url(http://jocp.net/img/whitetype_ya.gif);
margin: 0 0 0 25px;
padding:0;
}