/* CSS Document */

html, body, p, h1, h2, h3, h4, 
form, fieldset, img, table, tr, td {
	border:  				0;
	margin:  				0;
	padding: 				0;
}

body {
	background: 			#333333 none; 
}

body, p, ul, li, tr, td, input, textarea {	
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				15px;
}

p, ul, li {
	line-height:			22px;
}

h1 {
	border-bottom: 		1px solid #999; 
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				24px;
	font-weight: 			normal;
	margin-bottom:			18px;
	padding-bottom:		8px;
	text-transform: 		uppercase;
}

h2 {
	font-size: 				18px;
	font-weight: 			normal;
	padding-top:			30px;
	padding-bottom:		4px;
	text-transform:		uppercase;
}

h3 {
	font-size: 				16px;
	font-weight: 			bold;
	padding-top:			18px;
}

h4 {
	font-size: 				16px;
	font-weight: 			bold;
	padding-top:			18px;
	padding-bottom:		18px;
	text-align:				left;
}

h5 {
	font-size: 				12px;
	font-weight: 			bold;
	padding-top:			15px;
	padding-bottom:		0px;
}

p {
	padding-top:			6px;
	padding-bottom: 		6px;
}

ul {
	margin-top:				0px;
	margin-bottom:			0px;
}

ol {
	margin-top:				0px;
	margin-bottom:			0px;
	margin-left:			15px;
	padding-left:			15px;
	padding:					0px;
}

li, #content li {
	padding-top:			6px;
	padding-bottom:		6px;
}

ul, ul li {
	list-style: 			square;
}

/***************************************************************************************
/*  HYPERLINKS 																 							   
/***************************************************************************************/

a, a:active, a:visited, a:hover {
	text-decoration: 		none;
}

#sidepanel a.more, #sidepanel a.more:visited {
	font-size:				11px;
	text-transform: 		uppercase;
}

/***************************************************************************************
/*  MAIN COLOURS		  																   					
/***************************************************************************************/

p, ul, li {
	background: 			transparent;
	color: 					#cacbcc;
}

h1, h2, h3, h4, a, a:visited {
	background: 			transparent;
	color: 					white;					
}

a:hover {
	background: 			transparent;
	color: 					#9f9f9f;
}

#footer a, #footer a:visited {
	background: 			transparent;
	color: 					#d2d2d2;
}

#footer a:hover, #footer a.active, #footer a.active:visited {
	background:				transparent;
	color: 					#139d4f;
}

#footer a.active:hover {
	background: 			transparent;
	color: 					#aeaeae;
}

#sidepanel ul li a, #sidepanel ul li a:visited {
	background: 			transparent;
	color:					#cacbcc;
}

#sidepanel ul li a:hover {
	color:					white;
}

/***************************************************************************************
/*  TEXT COLOURS		  																   					
/***************************************************************************************/

.fc-white  					{ color: #ffffff; background: Transparent; }
.shade 						{ color: #999999; background: Transparent; }

/***************************************************************************************
/*  BACKGROUND COLORS																	      		   
/***************************************************************************************/

.bg-grey						{ background-color: #414142; }
.bg-grey2					{ background-color: #333333; }

/***************************************************************************************
/*  FONT STYLE STYLE																	      			   
/***************************************************************************************/

.bd 							{ font-weight: 		bold;  }
.it 							{ font-style: 			italic; }
.scap							{ font-variant: 		small-caps; }
.xthru						{ text-decoration: 	line-through; }
.ul							{ text-decoration: 	underline; }

/***************************************************************************************
/*  FONT SIZE																		      				   
/***************************************************************************************/

.f09 							{ font-size: 			9px;  }
.f10 							{ font-size: 			10px; }
.f11 							{ font-size: 			11px; }
.f12 							{ font-size: 			12px; }
.f13 							{ font-size: 			13px; }
.f14 							{ font-size: 			14px; }
.f15 							{ font-size: 			15px; }

/***************************************************************************************
/*  LINE HEIGHT																					         
/***************************************************************************************/

#content .lh15 			{ line-height: 		15px; }
#content .lh17 			{ line-height: 		17px; }

/***************************************************************************************
/*  MARGINS																			 						 
/***************************************************************************************/

#content .mt00  			{ margin-top: 			0px;   }
#content .mt03  			{ margin-top: 			3px;   }
#content .mt06  			{ margin-top: 			6px;   }
#content .mt09  			{ margin-top: 			9px;   }
#content .mt12  			{ margin-top: 			12px;  }
#content .mt15  			{ margin-top: 			15px;  }
#content .mt18  			{ margin-top: 			18px;  }

#content .mb00  			{ margin-bottom: 		0px;  }
#content .mb03  			{ margin-bottom: 		3px;  }
#content .mb06  			{ margin-bottom: 		6px;  }
#content .mb09  			{ margin-bottom: 		9px;  }
#content .mb12  			{ margin-bottom: 		12px; }
#content .mb15  			{ margin-bottom: 		15px; }
#content .mb24  			{ margin-bottom: 		24px; }

#content .mr20  			{ margin-right: 		20px; }

/***************************************************************************************
/*  PADDING																		   					      
/***************************************************************************************/

#content .pt00  			{ padding-top: 		0px;  }
#content .pt03  			{ padding-top: 		3px;  }
#content .pt06  			{ padding-top: 		6px;  }
#content .pt09  			{ padding-top: 		9px;  }
#content .pt12  			{ padding-top: 		12px; }
#content .pt15  			{ padding-top: 		15px; }
#content .pt18  			{ padding-top: 		18px; }

#content .pb00  			{ padding-bottom: 	0px;  }
#content .pb03  			{ padding-bottom: 	3px;  }
#content .pb06  			{ padding-bottom: 	6px;  }
#content .pb09  			{ padding-bottom: 	9px;  }
#content .pb12  			{ padding-bottom: 	12px; }

/***************************************************************************************
	/* WIDTH																		   					      
/***************************************************************************************/

.w168							{ width:					168px; }
.w175							{ width:					175px; }
.w230							{ width:					230px; }
.w250							{ width:					250px; }
.w410							{ width:					410px; }
.w575							{ width:					575px; }
.w585							{ width:					585px; }

/***************************************************************************************
/*  ALIGNMENT																		     
/***************************************************************************************/

.ac, #content .ac			{ text-align: 			center; }
.al, #content .al			{ text-align: 			left;   }
.ar, #content .ar			{ text-align: 			right;  }
.aj, #content .aj			{ text-align: 			justify;}

.vm, #content .vm			{ vertical-align: 	middle; }
.vt, #content .vt			{ vertical-align: 	top;    }
.vb, #content .vb			{ vertical-align: 	bottom; } 

.centre	{
	margin-left: 			auto;
	margin-right: 			auto;
	text-align: 			center;
}

/***************************************************************************************
/*  FLOATS																		     
/***************************************************************************************/
	
.fleft 						{ float: 				left;  }
.fright 						{ float: 				right; }

.cleft  { 
	clear: 					left;  
	height:					0%;
	visibility:				visible;
}

.cright { 
	clear: 					right; 
	height:					0%;
	visibility:				hidden;
}

.clearit { 
	clear:					both;  
	height:					0%;
	visibility:				hidden;
}

/***************************************************************************************
/*  BORDER STYLES																		     
/***************************************************************************************/

.nb {						/* no border */
	border:					0px none;
}

.bl {
	border-left: 			1px dotted white;
}

.bb {
	border-bottom:			1px dotted white;
}

.bt {
	border-top:				1px dotted white;
	border-bottom:			1px dotted white;
}

/***************************************************************************************
/*  IMAGES
/***************************************************************************************/

img { 
	border: 					0px none;
	vertical-align: 		middle; 
}

.noborder {
	border:					0px none;
}

.thumbnail {
	margin:					0px 12px 0 0;
}

.photoleft {
	border:					1px solid silver;
	float: 					left;
	margin:					6px 15px 0 0;
}

.photoright {
	border:					1px solid silver;
	float: 					right;
	margin:					6px 0 10px 15px;
}	

#content .mb50 {
	margin-bottom:			25px;
}

/***************************************************************************************
/*  TABLES
/***************************************************************************************/

option, select, textarea  { 
	vertical-align: 		middle; 
}

table td {
	vertical-align: 		top;
}

/***************************************************************************************
/*  MISCELLANEOUS
/***************************************************************************************/

hr {
	border-bottom: 		1px solid #999; 
	color:					#999999;
	height:					1px;
	line-height: 			1px;
	margin:					0px 0 12px 0;
	padding:					0px;
	text-align: 			left;
}
