/* DOCUMENT INFORMATION ------------------------------------
TITLE:			Reset Stylesheet
LAST UPDATED:	22nd November 2009
AUTHOR:			Wade Womersley, Andrew Routledge
NOTES:			The 1st section will reset any variance
				across all browsers making them all
				appear very similar, however it also means
				everything needs its own custom style!

-- CONTENTS -----------------------------------------------
	=1:		[RESET]
	=2:		[HEADINGS/TEXT]
	=3:		[FORMS]
	=4:		[TABLES]
	=5:		[HTML ELEMENTS]
	=6:		[CUSTOM STYLES]
	=7:		[JACKET STYLES]
	=8:		[COLOUR]
-----------------------------------------------------------*/

/*------=1:	[RESET] ---------------------------------------*/
html,body,div,span,applet,object,iframe,table,caption,tbody,tfoot,thead,tr,th,td,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {
vertical-align:baseline;
font-family:inherit;
font-weight:inherit;
font-style:inherit;
font-size:100%;
outline:0;
padding:0;
margin:0;
border:0;
}

html	{ overflow-y:scroll; }

body {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif;
	font-size: 62.5%;
	text-align: left;
	line-height: 1.5em;
	color: #313131;
}

/*------=2:	 [HEADINGS / TEXT] -----------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif;
	padding: 4px 0px 3px 0px;
	color: #313131;
}

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

p {
	padding: 4px 0px 3px 0px;
	line-height: 1.5em;
	color: #313131;
	font-size: 1.1em;
}

.bold, strong, b { font-weight:700; }
.italic, em, e	 { font-style: italic; }

a {
	outline: none;
	text-decoration: none;
	color: #2266AA;
	cursor: pointer;
}
a:hover, a:active { 
	text-decoration: none;
	color: #000000;
}

/*------=3: [FORMS] ---------------------------------------*/

/*------=4: [TABLES] ---------------------------------------------*/

	
/*------=5: [HTML ELEMENTS] --------------------------------------*/
img {
	border:0;
	display:block;
}

.ol, ul, li {list-style-type:none}

/* remember to define focus styles! */
:focus {outline:0;}

/* Mozilla, Safari */
::-moz-selection {
	background-color: #AFAFAF;
	color: #3F3F3F;
}
::selection {
	background-color: #AFAFAF;
	color: #3F3F3F;
}

pre {
	background:#eee;
	border:1px solid #999;
	margin: 10px 0;
    padding: 10px 10px 10px 20px;    
}

acronym, abbr
{
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dashed #999;
}

blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}

hr {
	height:1px;
	background-color:#ccc;
	color:#ccc;
	border:0;
	width:90%;
	margin: 0 auto;
}

/*------=6: [CUSTOM STYLES] ----------------------------------------*/
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both;}

.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}

.hidden {display:none !important;}
.visible {display:block !important;}
	
.padTB { padding: 10px 0 10px 0; }
.pad10 { padding: 10px; }
.pad8 { padding: 8px; }
.pad7 { padding: 7px; }
.pad6 { padding: 6px; }
.pad4 { padding: 4px; }

.tiny 	{ width:40px; }
.small 	{ width:100px; }
.medium	{ width:150px; }
.large 	{ width:200px; }
.xlarge { width:300px; }

.mainContent ul, .mainContent ol {
	list-style-position: outside;
	list-style: disc;
	margin: 0.3em 0 0.8em 1.5em;
	font-size: 12px;
	line-height: 17px;
}
	.mainContent ol { list-style: decimal; }
	.mainContent ul ul li { list-style-type: circle;}
	.mainContent ul ul ul li { list-style-type: square;}

.date { 
	font-size: 0.8em;
	color:#4F4F4F;
	font-weight: normal;
	text-align: right;
}