/* general 
****************************/
body { background:#FFFFF0; }

/* container 
****************************/
#container  { width:700px; margin:20px auto; } 
 
/* left column 
****************************/
#column { float:left; width:140px; }
#nav	{ color:#D20022; font:14px/24px verdana, sans-serif; text-align:right; list-style:none; }

#nav a:link		{ color: #999999; text-decoration: none; }
#nav a:visited	{ color: #999999; text-decoration: none; }
#nav a:active	{ color: #D20022; text-decoration: none; }
#nav a:hover	{ color: #D20022; text-decoration: none; }
 
/* content
****************************/
#content				{ float:left; width:560px; }

#text					{ color:#666666; font:     12px/1.5em verdana, sans-serif; margin:16px 0 20px 20px }
#text h1 				{ color:#D20022; font:     22px       verdana, sans-serif; margin: 0 0 10px 0; } 
#text h1 a:link			{ color:#D20022; text-decoration: none; }
#text h1 a:visited		{ color:#D20022; text-decoration: none; }
#text h2 				{ color:#D20022; font:	   14px		  verdana, sans-serif; margin: 0; } 
#text h3 				{ color:#808080; font:bold 12px		  verdana, sans-serif; margin:0; } 
#text p					{ margin-right: 100px; }
#text blockquote		{ color:#808080; font: italic 13px/1.5em georgia, serif; margin: 10px 100px 10px 20px;  }
#text img 				{ border: 1px solid #dcdcdc; margin-right:20px; }
#text ul				{ margin: 10px 0; padding: 0; }
#text ul.listSpace li 	{ margin-bottom: 10px; }
#text ul li 			{ margin: 0 0 0 14px; padding: 0 0 0 12px; list-style:none; background:url(images/list_square.gif) no-repeat 0 5px }

#text a:link			{ color: #666; text-decoration: none; }
#text a:visited			{ color: #666; text-decoration: none; }
#text a:active			{ color: #666; text-decoration: none; }
#text a:hover			{ color: #666; text-decoration: none; } 

#text p a:link			{ color: #D20022; text-decoration: none; }
#text p a:visited		{ color: #D20022; text-decoration: none; }
#text p a:active		{ color: #D20022; text-decoration: none; }
#text p a:hover			{ color: #D20022; text-decoration: none; } 

/* controls
****************************/
#text .controls    			{ margin-top: 20px; } 
#text .controls a			{ color: #333; font: 10px verdana,arial,sans-serif; padding: 3px 6px; border: 1px solid #d1d1d1; margin: 1px; text-decoration: none; }
#text .controls a:visited	{ color: #333; font: 10px verdana,arial,sans-serif; padding: 3px 6px; border: 1px solid #d1d1d1; margin: 1px; text-decoration: none; }
#text .controls a:active	{ color: #333; font: 10px verdana,arial,sans-serif; padding: 3px 6px; border: 1px solid #d1d1d1; margin: 1px; text-decoration: none; }
#text .controls a:hover		{ color: #fff; font: 10px verdana,arial,sans-serif; padding: 3px 6px; border: 1px solid #D20022; margin: 1px; text-decoration: none; background: #D20022; }
#text .controls .off		{ color: #ccc; font: 10px verdana,arial,sans-serif; padding: 3px 6px; border: 1px solid #d7d7d7; margin: 1px; }
#text .controls .on			{ color: #fff; font: 10px verdana,arial,sans-serif; padding: 3px 6px; border: 1px solid #D20022; margin: 1px; background: #D20022; }

/* art page
****************************/ 
.art			{ padding: 10px; border:1px solid #dcdcdc; margin: 10px 0; width:400px; }
.art_title		{ font-weight:bold; }

/* link box
****************************/
a.box { 
	color: #666; 
	font: 11px verdana,sans-serif; 
	text-decoration: none;
	
	padding: 10px;
	border: 1px solid #dcdcdc; 
	margin: 10px 0; 
	
	width: 220px; 
	display: block;
	}

a.box:link		{ color: #666; text-decoration: none }
a.box:visited	{ color: #666; text-decoration: none }
a.box:hover		{ color: #666; text-decoration: none; background: #FFFFFF; }

/* footer
****************************/
#copyright	{ color:#b4b4b4; font: 11px verdana, sans-serif; margin-top:20px; }