html, body { 
margin : 0; 
padding : 0; 
} 
body { 
font : 11px verdana; 
background: #fff url('ccs_bg.jpg') repeat-x;
} 
p { 
margin : 0 10px 10px; 
} 
div#header { 
position : relative; 
} 

div#footer p { 
margin : 0; 
padding : 5px 10px; 
font-size : 80%; 
font-family : arial; 
} 
div#container { 
width : 800px; 
margin: 0 auto;
background:#fff;
} 
div#wrapper { 
float : right; 
width : 800px;
 margin-left : -200px; 
} 
div#content { 
margin-left : 120px; 
line-height : 2.0; 
} 
div#navigation { 
float : left; 
width : 120px; 
height: 100%;
} 
div#footer { 
clear : both; 
width : 100%; 
} 
a:link, a:active, a:visited { 
color : #8D34A6; 
text-decoration : none; 
border-bottom : 1px solid #ccc; 
font-family : arial; 
font-weight : bold; 
letter-spacing : 1px; 
background : #fafafa; 
} 
a:hover { 
color : #404040; 
text-decoration : none; 
border-bottom : 2px solid #fff; 
background: #E1E7B9;
} 
#nav { 
margin : 0; 
padding : 0; 
list-style-type : none; 
} 
#nav li { 
margin-bottom : 1px; 
} 

#nav a { 
width : 110px; 
font-weight: normal;
font-family: century gothic;
text-decoration: none;
text-transform: uppercase;
color: #404040;
padding-left: 4px;
display:block;
font-size: 13px; 
border-bottom: 1px solid #fff;
background: #f2f1e8;
border-left: 3px solid #D8D8D8;
} 
#nav a:hover { 
color : #404040; 
text-decoration : none; 
border-bottom: 1px solid #fff;
cursor : crosshair; 
background: #E1E7B9;
} 
.ccs { 
color : #bc448b; 
} 
.chobits { 
color : #7f44bc; 
} 
.mkr { 
color : #bc5244; 
} 
.trc { 
color : #448bbc; 
} 
 
h1, h2 { 
font : 18px Georgia; 
text-transform : lowercase; 
color : #588F27; 
margin : 0 auto; 
padding-bottom : 4px; 
text-indent : 29px; 
letter-spacing : 3px; 
font-weight : bold; 
margin : 2px 200px 0 20px; 
width : 90%; 
background : url('cs_bg2.jpg') repeat-y;
border-bottom : solid 4px #EFEFEF; 
} 
h3 { 
font : 8px "century gothic"; 
color : #b4aeae; 
text-transform : uppercase; 
text-align : left; 
margin-top : -9px; 
letter-spacing: 2px;
text-indent : 40px; 
} 

strong { 
color :#B94B65; 
font-family : "century gothic"; 
border-bottom : 1px solid #eee; 
font-size : 110%; 
} 
em { 
font-family : "georgia"; 
color : #836169; 
} 
u { 
font-family : "century gothic"; 
border-bottom : 1px double #ccc; 
text-decoration : none; 
} 
.icon { 
padding : 2px; 
border : 2px solid #E1E7B9; 
} 
ul { 
list-style-type : square; 
line-height : 18px; 
} 
p.c1 { 
text-align : center; 
} 
p { 
line-height : 23px; 
text-align : justify; 
} 
b { 
color : #494949;  
font : 18px georgia; 
text-transform : lowercase; 
font-weight : bold; 
text-align : left; 
font-weight : normal; 
letter-spacing : 1px; 
padding : 0 5px 0 5px; 
margin : 10px auto 10px auto; 
font-style : italic; 
} 
blockquote { 
line-height : 19px; 
width : 90%; 
margin : 10px 20px; 
padding : 5px; 
padding-right : 10px; 
background : #f2f1e8; 
border : 1px solid #ccc; 
} 
table, tr, td { 
border-collapse : collapse; 
font : 11px verdana, sans-serif; 
line-height : 2.0; 
} 
td { 
padding : 3px; 
font : 11px verdana, sans-serif; 
line-height : 2.0; 
} 
th.cat { 
border-bottom : 2px solid #000; 
background-color : #888282; 
text-align : center; 
font-weight : bold; 
color : #fff; 
padding : 6px 6px 6px 12px; 
font-family : georgia; 
text-transform : lowercase; 
letter-spacing : 2px; 
} 
th.form { 
font-weight : bold; 
} 
.x { 
background-color : none ; 
text-align : center; 
border : 5px solid #fff; 
padding : 4px 0; 
} 

th { 
color : #373737; 
text-align : left; 
font-weight : normal; 
padding : 6px 6px 6px 12px; 
font : 11px arial, sans-serif, georgia; 
border-collapse : collapse; 
background-color : #ededed; 
border-bottom : 1px solid #ccc; 
} 
input { 
color : #404040; 
background-color : #ededed; 
border : 1px solid #ccc; 
font : 12px verdana, sans-serif; 
height : 20px; 
} 
textarea { 
color : #404040; 
background-color : #ededed; 
border : 0; 
border-bottom : 1px solid #ccc; 
font : 11px verdana, sans-serif; 
} 
select { 
background-color : #ededed; 
border : 1px solid #f1f3f0; 
font-family : arial; 
width : 145px; 
border-bottom : 1px solid #beb4b7; 
} 
.selone { 
background-color : #ededed; 
border : 1px solid #f1f3f0; 
font-family : arial; 
} 
.seltwo { 
background-color : #eae8eb; 
color : #271511; 
font-family : verdana; 
font-size : 10px; 
} 
.lb:hover { 
background-color : #fff; 
z-index : 50; 
} 
.lb span { 
position : absolute; 
background-color : #fff; 
padding : 5px; 
left : 0; 
width : 350px; 
border : 1px solid #ccc; 
visibility : hidden; 
text-decoration : none; 
} 
.lb:hover span { 
visibility : visible; 
top : -30px; 
left : 42px; 
z-index : 500; 
}