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


figure 					{ margin:0; padding:0; }

body 					{ background:url(../images/pagebg.jpg) repeat-y; margin:0; padding:0; }
#page 					{ width:630px; margin:0 auto; padding:0 20px; position:relative; }

header					{ border-bottom:1px solid #dcc; margin-bottom:20px; }
h1.category				{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; color:#baa; }
h1.category a			{ color:#633; padding:0 20px 0 0; }
header time				{ float:right; font-size:10px; color:#666; }

p						{ text-align:justify; margin:3px 0 15px 0; text-indent:10px; }
p.noind					{ text-indent:0; }

h1						{ font-family:"Bookman Old Style"; margin-top:0; }
h2						{ margin:15px 0 3px 0; font-family:"Bookman Old Style",Arial, Helvetica, sans-serif; }

div.leader				{ margin-bottom:20px; }
div.leader h3,
div.leader p			{ text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
div.leader h3			{ font-family:"Bookman Old Style"; }
div.leader img			{ float:left; margin-right:20px; }

span.first-letter-sm	{ font-size:3em; line-height:0.8em; float:left; padding:0 3px 0 0; }
span.first-letter-lg	{ font-size:5em; line-height:0.8em; float:left; padding:0 3px 0 0; }

.two-col				{ width:50%; overflow:hidden; }
.three-col				{ width:70%; overflow:hidden; }

.left					{ float:left; margin:0 20px 20px 0; }
.right					{ float:right; margin:0 0 20px 20px; }

.sansserif h1, .sansserif p,
.sansserif				{ font-family:Arial, Helvetica, sans-serif; }

.box					{ border:1px solid #666; padding:10px; }

figure img				{ width:100%; }
figcaption				{ font-family:"Bookman Old Style"; text-align:center; font-weight:bold; }

.clearfix				{ clear:both; font-size:0; line-height:0; height:0; }

footer					{ border-top:2px solid #baa; }
footer ul li,footer ul	{ margin:0; padding:0; list-style:none; }
footer li a				{ color:#888; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
footer li a:hover		{ text-decoration:underline; }

/*Slider*/
#slider					{ margin-top:20px; }
#slider ul, #slider	li	{ list-style:none; margin:0; padding:0; }
#slider li				{ height:241px; width:630px; overflow:hidden; }

div.panel 				{ float:left; width:190px; margin:0 10px 0 0; border-right:1px dotted #aaa; padding-right:10px; height:241px; }
div.top					{ border-bottom:1px dotted #aaa; padding-bottom:10px; margin-bottom:10px; height:auto; }
div.right				{ margin-right:0; border-right:none; }

div.panel img			{ display:block; }
div.panel h2 			{ margin:0 0 10px 0; color:#000; font-family:"Bookman Old Style", Georgia, "Times New Roman", Times, serif; font-size:1em; }
div.panel p				{ text-indent:0; }

ol#controls				{ padding:0; height:28px; width:80px; margin:10px auto; font-family:"Bookman Old Style", Georgia, "Times New Roman", Times, serif; font-weight:bold; }
ol#controls li			{ margin:0 5px 0 0; padding:0; float:left; list-style:none; }
ol#controls li a		{ float:left; height:20px; line-height:20px; border:1px solid #ccc; background:#DDD; color:#555; padding:0 6px; text-decoration:none; font-size:10px; }
ol#controls li.current a{ background:#333; color:#FFF; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}