div.cp_nav_box{
float: left;
width: 170px;
overflow: auto;
background: #eaeaea;
margin: 2px;
border: 1px solid #666;
}

div.cp_nav_box img{
float: left;
}

div.cp_nav_box h2{
float: left;
font-size: 17px;
font-weight: bold;
letter-spacing: -1px;
margin-left: 8px;
margin-top: 6px;
color: white;
}

div.cp_nav_title{
background: #666;
padding: 2px 4px;
}




.page_snippet{
border: 1px dotted #aaa;
background: #dcdcdc;
overflow: auto;
margin: 4px;
padding: 2px;
display: block;
}

.page_snippet:hover{
background: #d2d2d2;
}

img.page_snippet_img{
float: left;
width: 32px;
height: 32px;
margin-right: 3px;
}

.page_snippet_text{
float: left;
color: #363636;
overflow: hidden;
font-weight: bold;
letter-spacing: -1px;
}

.page_snippet_text a{
display: block;
float: left;
background: #bbb;
border: 1px solid #999;
padding: 1px 5px;
margin: 0px 2px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.page_snippet_text a:hover{
color: #111;
background: #aaa;
}

.page_snippet_text img{
height: 15px;
margin: 0px;
}

.page_snippet_text em{
font-weight: normal;
}

div.page_snippet_separator{
height: 3px;
background: #aaa;
}

#fck_wrapper{
background: #e2e2e2;
padding:8px;
border: 3px double #999;
}














#content_left{
float: left;
width: 170px;
margin-bottom: 15px;
}

#content_left h2{
font-weight: normal;
border-bottom: 1px solid #666;
margin-bottom: 6px;
margin-top: 0px;
}

#content_left a{
display: block;
border-bottom: 1px solid #aaa;
padding: 4px 8px;
background-color: #e2e2e2;
color: #666;
background-repeat: no-repeat;
background-position: bottom right;
}

#content_left a:hover{
background-color: #bbb;
color: #333;
}

#content_left a.current_cpage{
background-color: #bbb;
color: #333;
}



#content_right{
float: left;
width: 490px;
margin-left: 15px;
}