/*                                     */
/*     by Sacha Dylan		       */
/*     sacha@point.net.nz              */
/*     021-665877 or +64-21-665877     */
/*                                     */ 



/* MAIN PANELS */


BODY	 	{ background-color: #FAFAFA;
		vertical-align: top;
		padding: 0em;
		border: none;	
		margin: 0em;
		}

#wrapper	{ background-color: #FFF;
		padding: 0em;
		margin: 20px;
		}


#leftcol	{ width: 70%;
		float: left;
		vertical-align: top;
		background-color: #FFF;
		padding: 10px;
		margin-right: -16em;
		}



#storypanel	{ width: 100%;
		padding: 0em 1em 0em 0em;
		margin: 0em;
		}



#rightcol	{ width: 10em;
		float: right;
		vertical-align: top;
		padding: 20px;
		border: 1px solid #CCE;
		margin: 1em;
		background-color: #FFF;
		}


#skip, 
#skip img	{ height: 1px;
		width: 1px;
		border: 0px;
		} 




/* HEADER PANEL */


#header 	{ width: 100%;
		position: relative;
		vertical-align: top;
		padding: 0em 0em 0.2em 0em;
		}


#head-left	{ width: 330px; 
		float: left;
		padding-right: 2em;
		border-right: 1px solid #EEE;
		margin-right: 0.7em;
		}


#head-left img	{ border: none;
		}


#head-left a	{ text-decoration: none;
		}


#head-right	{ margin: 0em;
		}		


#head-right p	{ font-size: 70%;
		line-height: 70%;
		}





/* NAVIGATION */


#nav 		{ width: 100%;
		height: 1.2em;
		background-color: #EEE;
		color: #000;
		padding: 0em;
		margin: 0em;
		}


#nav ul 	{ font-size: 90%;
		list-style-type: none;
		list-style-image: none;
		padding: 0em;
		margin: 0em;
		}


#nav li 	{ font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-spacing: 1pt;
		text-align: left;
		list-style-type: none;
		list-style-image: none;
		float: left;
		vertical-align: top;
		display: block;
		padding: 0em 0.5em;
		margin: 0px;
		border-left: 1px solid #CCC;
		border-right: 1px solid #FAFAFA;
		}


#nav li a	{ text-decoration: none;
		height: 1.2em;
		text-height: 1.2em;		
		}



#nav a:focus, 
#nav a:hover, 
#nav a:active	{
	text-decoration: none;
	background-color: #FFFCD5;
	color: #000;

		}





/* INNER PANELS */



#thispage	{ width: 50%;
		background-color: #FAFAFA;
		padding: 10px;
		border-left: 1px solid #EEE;
		margin: 0em 0em 0.8em 0em;
		}



#thispage H2	{ font-family: Trebuchet, Verdana, sans-serif;
		font-size: 90%;
		font-weight: bold;
		color: #000;
		line-height: 100%;
		margin-top: 0em;
		margin-bottom: 0.7em;
		}


#thispage ul	{
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
	font-size: 90%;
	color: #000;
	margin: 0em 0em 0.3em 0em;
	text-indent: 0em;

		}



#thispage li	{font-size: 100%; 
		line-height: 130%;	
		margin: 0em 0em 0.5em 0em;
		}



#footer		{padding: 0.7em 0.5em 0.5em 0.2em;
		border-top: 2px solid #CCC;
		margin-top: 1em;
		}


#footer p	{font-size: 70%;
		font-spacing: 1pt;
		color: #000;
		line-height: 100%;
		}




/* RIGHT PANEL */	

#rightcol H2	{ font-size: 110%;
		}


#rightcol p	{line-height: 130%;
		}


#rightcol p.logo	{margin-top: 2em;
			margin-bottom: 0.7em;
			}








/* BASE TEXT TAGS */

p 	{ font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
	line-height: 150%;
	margin-top: 0em;
	margin-bottom: 0.8em;
	}


H1, H2, H3	{ font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;		
		color: #009;
		line-height: 100%;
		}


H1	{ font-size: 180%;
 	margin-top: 1.2em; 
	margin-bottom: 0.8em;
	} 


H2 	{ font-size: 120%; 
	margin-top: 0.9em;
	margin-bottom: 0.3em;
	} 

H3	{ font-size: 100%;
	margin-top: 0.6em;
	margin-bottom: 0.2em;
	} 


ul 	{
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
	font-size: 100%;
	color: #000;
	margin-top: 0em;
	margin-bottom: 1em;
	margin-left: 1em;


	}

ol 	{ font-family: Arial, Helvetica, sans-serif;
	list-style-type: decimal;
	font-size: 100%; 
	color: #000;
	margin-top: 0em;
	margin-bottom: 1em;
	}

li	{ font-size: 100%; 
	line-height: 130%;	
	margin-top: 0em; 
	margin-bottom: 0.6em;
	}  
	




/* BODY TEXT CLASSES */


.small		{ font-size: 70%;}

.big 		{ font-size: 120%;}

.large 		{ font-size: 180%;}



.quote 		{ margin-right: 1em; 
	 	margin-left: 1em;
		margin-bottom: 1em;
		}


.spacer5 	{ font-size: 5px; 
		margin-top: 0px; 
		margin-bottom: 0px
		}

.nofollow 	{ margin-bottom: 0px;}





/* LINKS */

a:link 		{ color: #00C; 
		text-decoration: underline; 
		}

a:visited 	{ color: #039; 
		text-decoration: underline; 
		}

a:focus, 
a:hover, 
a:active	{text-decoration: none;
		background-color: #FFC;
		color: #000;
		}





p.top		{display: block;
		width: 100%;
		text-decoration: none;
		}

p.top img	{width: 14px;
		height: 14px;
		border: none;
		}

p.top a:focus, 
a:hover, 
a:active	{text-decoration: underline;
		background-color: #FFC;
		}



/* PIX */

.pic		{ margin-top: 0.6em; 
		margin-bottom: 0.6em;
		}


.caption 	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 80%;
		color: #8A8A8A;
		width:90%;
		font-weight: bold;
		margin-top: 0.3em;
		margin-left: 0em;
		margin-right: 5em;
		margin-bottom: 1.0em;
		}





/* FORMS  */

form 		{ font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 1em 0.5em 1em 1em;
		margin-top: 1em;
		margin-bottom: 1em;
		vertical-align: top;
		margin-right: 5px;
		background-color: #F4F1EB;		
		}


label 		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 80%;
		text-align: left;
		line-height: 100%;
		margin-top: 0.4em;
		}

.subhead 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #000000;
	margin-bottom: 1em;
		}