* { border:0; margin:0; padding:0;}

a { color:#b484da; text-decoration:none;}
a:hover { color:#666; text-decoration:underline;}
blockquote { background:#f1f1f1; border-left:2px solid #7534aa; color:#444; display:block; font-style:oblique; line-height:20px; margin:0 0 0 10px; padding:0 0 0 10px;}
.left { float:left; margin:0 10px 0 0;}
.right { float:right; margin:0 0 0 10px;}

body { background:#fff url('image/background_body.jpg') repeat-x top; color:#666; font:0.7em Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;}

#header { background:url('image/background_header.jpg'); height:320px; margin:0 auto; position:relative; width:760px;}
#header:after { clear:both; content:'.'; display:block; height:0; visibility:hidden;}
#header h1 { color:#666; font-size:40px; font-weight:400; left:0; letter-spacing:-2px; position:absolute; top:20px;}

.menu{ width: 100%; background-color: #333;}
.menu ul{ float:left; position:absolute; top:260px;}
.menu ul li{ list-style:none; display:inline;}
.menu ul li a{ text-align:center; font-size:1.3em; font-weight:700; float:left; text-decoration:none; color:#fff; width:132px; height:20px; padding:10px;}
.menu ul li a:hover, .menu ul li .current{ color: #eee; background-color:#b484da; text-decoration:none;}


#content { height:auto; margin:0 auto; width:760px;}
#content:after { clear:both; content:'.'; display:block; height:0; visibility:hidden;} 
#content ul { margin:10px 0 10px 40px; }
#content ul li { font-size:1.4em; font-style:italic;}
#content ul li a { color:#333; display:block; font-family:Geneva; padding:5px; text-decoration:none; }
#content ul li a:hover { color:#000;}

#sidebar { float:right; width:210px;}
#sidebar h1 { border-bottom:2px solid #7534aa; color:#444; font-size:165%; font-weight:400; line-height:30px; padding:0 10px;}
#sidebar input { background:#f1f1f1; color:#555; margin:10px; padding:5px; width:180px;}
#sidebar p { background:#f1f1f1; color:#555; display:block; font-size:90%; line-height:20px; margin:10px 0; padding:10px;}
#sidebar p a.more { display:block; text-align:right;}
#sidebar ul { margin:10px;}
#sidebar ul li { border-bottom:1px solid #b484da; list-style:none; padding:5px 2px;}
#sidebar ul li a { color:#333; display:block; font-family:Geneva; padding:5px; text-decoration:none;}
#sidebar ul li a:hover { color:#000;}


#main p { color:#555; line-height:20px; padding:10px; font-size:1.4em}
#main h1 { border-bottom:2px solid #7534aa; color:#444; font-size:165%; font-weight:400; line-height:30px; padding:0 10px;}
#main h2 { color:#555; line-height:20px; padding:20px 0 0 10px; font-size:1.5em}
#main img { float:left; padding:15px 20px 10px 10px}
#main ul li { line-height:1.5em}
#main b { color: #7534aa;}
#main em { font-weight:bold; }

#footer { margin:10px auto; width:760px;}
#footer:after { clear:both; content:'.'; display:block; height:0; visibility:hidden;}
#footer p { border-top:2px solid #7534aa; color:#555; font-size:90%; line-height:20px; padding:10px; text-align:center;}