/*
**  Cambridge Aiki Dojo, 2006
**  Site design by Francis Rowland and Karyn Megy
**  This stylesheet is modelled on the structuring system used by Roger Johnasson (www.456bereast.com)
**  The stylesheet should be maintainable and manageable, even as it grows. It has been broken up into
**  a number of intuitive areas. For example, if heading tag rules need to be added or updated in the 
**  future, it is easy to find the relevant part of the stylesheet in which to make the changes.
*/

	/*-----  Global page styles -----*/
	* { margin:0px;	padding:0px; }		
	body {		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:80%;
		color:#333;
		background-color:#fff;
		}
	/*--------------------*/	
	
		
	/*-----  Main content box  -----*/
	#content_main {
		clear:both;
		position:relative;
		width:auto;
		margin:2px;
		padding:6px;
		overflow:hidden;
		text-align:left;
		}
	#content_main p {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:100%;
		color:#000;
		/*background-color:#FFFFFF;*/
		line-height:130%;
		text-align:justify;
		margin:5px;
		padding-left:0.5em;
		}	
	/*----------*/	
	
	
	
	/*-----  Headings  -----*/
	h1 {
		font-family:"Century Gothic", "Futura Md BT", Verdana, sans-serif;	
		padding:8px 0.5em 4px 0.5em;
		letter-spacing:3px;
		font-size:1.9em;
		color:#003366;
		}
	h2 {
		font-family:"Century Gothic", "Futura Md BT", Verdana, sans-serif;	
		padding:8px 0.5em 4px 0.5em;
		letter-spacing:3px;
		font-size:1.8em;
		color:#003399;
		}
	h3 {		
		font-family:Verdana, Arial, sans-serif;
		letter-spacing:1px;	
		padding:8px 0.5em 3px 0.5em;
		font-size:1.4em;
		color:#0066CC;
		}
	h4 {		
		font-family:Verdana, Arial, sans-serif;
		letter-spacing:1px;	
		padding:4px 0.5em 2px 0.5em;
		font-size:1.2em;
		color:#009933;
		}
	h5 {		
		font-family:Verdana, Arial, sans-serif;
		letter-spacing:1px;	
		padding:2px 0.3em 2px 0.5em;
		font-size:1.1em;
		color:#000066;
		}
	/*----------*/
	
	/*-----  Links (<a> tags)  -----*/
	a {
	color:#003399;
	font-size:100%;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
	
	a:link {color:#006699;}
	a:visited {color:#663333;}
	a:hover {color:#0099CC; text-decoration:underline;}
	a:active {color:#006699;}
	/*----------*/	
	
	
	/*-----  Lists  -----*/
	.listContainer {
		/*border:1px solid #000;*/
		margin:1em;
		width:auto;
		padding:2px 5px 2px 2em;
		}
	ul {list-style:circle;}
	/*----------*/	
	
	
	
	
	/*-----  Images and their alignment  -----*/
	.alignRight {
		float:right;
		margin-left:0.8em;
		}
	.alignLeft {
		float:left;
		margin-right:0.8em;
		}
	/*----------*/	
	
	
	/*----- Miscellaneous -----*/
	.small {
		font-size:0.8em;
		}
	.clearboth { clear:both; }
	
	abbr, acronym, .help {
	  border-bottom: 1px dotted #333;
	  cursor: help;
	  }
	.japanese {
		font-style:italic;
		color:#000;
		/* 
		border-bottom: 1px dotted #333;
		cursor: help;
		*/
		}				
	.go_top {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		color:#999999;
		}
	.pageItem {						/* This might be a news item or other section. Just emulates a <hr> tag.*/
		border-bottom:1px dashed #ccc;
		padding-bottom:8px;
		margin:12px 0 10px 0;
		}
	.highlightBox {
		border:1px solid #666;
		background-color:#fbfbfb;
		margin:5px 5px 10px 3em;
		padding:5px;
		width:400px;
		}
	/*----------*/