/* CSS Document */
/*Global*/
/*Position*/

#container{
width:785px;
margin:0 auto
}
#content{
float:right;
width:525px;
display:inline;
}
#navigation{
float:left;
display:inline;
width:232px;
}
#extra, #footer{
float:left;
display:inline;
width:100%;
}


/*Local*/
#header {
height:263px;
}
#topleft {
width:245px;
text-align:center;
float:left;
}
#topleft img {
margin-left:12px;
}
#topleft p {
color: rgb(102, 102, 102);
margin-left:12px;
}
#topleft ul {
margin-top:14px;
list-style-type:none;
}
#topleft ul li {
width:234px;
height:27px;
display:block;
background:url(../img/pas.gif) no-repeat;
margin:0 0 3px 12px;
text-align:left;
line-height:27px;
}
#topleft ul li.active {
background:url(../img/act.gif) no-repeat;
}
#topleft ul li.active a {
text-decoration:underline;
}
#topleft ul li a {
color:#FFFFFF;
font-size:1.2em;
margin-left:12px;
text-decoration:none;
}
#topright {
background: url(../img/bghead.gif) repeat-x top;
float:left;
margin-left:8px;
margin-bottom:8px;
}
#topright div {
height:49px;
width:100%;
clear:both;
}
#topright div p {
text-align:center;
padding:10px;
color:#6686BA;
font-size:2.5em;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#container{
text-align:left;
padding-top:8px;
}
#border {
border: 1px solid #CCCCCC;
float: left;
width:100%;
background-color:#FFFFFF;
padding-bottom:8px;
}
#content {
border: 1px solid #CCCCCC;
margin-right:6px;
background:#F0F0F0 url(../img/man.jpg) no-repeat right bottom;
font-size:1.1em;
line-height:1.2em;
}
#content p, #footer p {
padding:8px 8px 0 8px;
}
#content ul {
margin-left:25px;
} 
#content table {
margin:8px 8px 0 8px;
}
#navigation{
border: 1px solid #CCCCCC;
text-align:center;
font-size:1.1em;
margin-left:12px;
}
#navigation p {
padding:8px;
}
#extra{
border: 1px solid #CCCCCC;
padding:8px 0;
text-align:center;
background-color:#FFFFFF;
margin-top:8px;
}
#footer{
border: 1px solid #CCCCCC;
padding:8px 0;
background-color:#FFFFFF;
font-size:1.1em;
margin-top:8px;
margin-bottom:8px;
}
.count {
float:right;
}