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

body{
background:url(../images/bg.gif) repeat #d0ffd6;
padding:0px;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
}
#preload{
display:none;
}
#page{
width:960px;
background:#bad4ff;
overflow:hidden;
border:3px solid #488b00;
margin:auto;
margin-top:20px;
margin-bottom:20px;
z-index:10;
}
#left{
float:left;
width:340px;
margin:auto;
margin-left:5px;
margin-top:10px;
margin-bottom:20px;
margin-right:0px;
z-index:11;
}
#face{
width:340px;
height:370px;
border-bottom:2px solid #000;
}
#recent{
width:340px;
overflow:auto;
margin-top:10px;
}
#recent ul{
margin:0px;
list-style:none;
}
#recent li{
list-style:none;
text-align:right;
margin-bottom:5px;
}
#recent a{
text-decoration:none;
font-size:18px;
font-variant:small-caps;
}
#recent a:hover{
color:#5c79b6;
text-decoration:underline;
}
#recent p{
color:#0640b8;
font-size:22px;
margin:0px;
margin-bottom:10px;
margin-left:5px;
width:90%;
font-variant:small-caps;
border-bottom:1px solid #000;
}
#content{
width:590px;
height:530px;
margin:auto;
margin-top:30px;
margin-right:0px;
float:right;
z-index:10;
overflow:auto;
}
.scroll{
overflow:scroll;
}


/*HOME */
#HOME h2, #SEO h2{
color:#0640b8;
font-size:18px;
font-variant:small-caps;
margin-left:0px;
margin-bottom:5px;
}
#HOME .text, 
#SEO .text{
color:#000000;
font-size:13px;
margin-left:5px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
text-align:justify;
}

/* ACCORDION CSS */
#accordion {
	margin: 0;
	padding: 0;
	list-style: none;
  width: 100%;
}
#accordion .header{
margin:5px 0px 0px 0px;
padding:5px 0px 3px 5px;
}
#accordion a{
text-decoration:none;
}
.port_body{padding:5px;margin:0px;}
.port_body img{
width:50%;
border:none;
margin:0px;
margin-left:10px;
float:right;
}
.port_body dt{
color:#0640b8;
font-weight:bold;
}