/* ---------------------------------------------------------------------------- */
/* 			RESETS																*/
/* ---------------------------------------------------------------------------- */

/* RESETS DW20090128 for FRAMEWORK

Based on a number of resets including: 
Eric Meyers Resets Reloaded - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Yahoo! YUI - http://developer.yahoo.com/yui/base/

*/

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

/*div {
	position: relative;
	}*/

hr {
	display:none;
	}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

th, td {
	vertical-align: top;
	}

ol li { 
	/*giving OL's LIs generated numbers*/ 
	list-style-type: decimal;
	list-style-position: inside;
	margin-left: 0px;     
	}

ul li { 
	/*giving UL's LIs generated disc markers*/ 
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0px;

	/* Last minute changes - DW 08/09/2009 */
	list-style-position: outside;	
	margin-left:25px;
	margin-right:25px;
	}





/* ---------------------------------------------------------------------------- */
/* 			FRAMEWORK Light														*/
/* ---------------------------------------------------------------------------- */


/* -------------------------------- */
/* PADDING							*/

.pad_5{padding:5px;}
.pad_10{padding:10px;}
.pad_15{padding:15px;}
.pad_20{padding:20px;}

.padT_5{padding-top:5px;}
.padT_10{padding-top:10px;}
.padT_15{padding-top:15px;}
.padT_20{padding-top:20px;}

.padR_2{padding-right:2px;}
.padR_5{padding-right:5px;}
.padR_10{padding-right:10px;}
.padR_15{padding-right:15px;}
.padR_20{padding-right:20px;}

.padB_5{padding-bottom:5px;}
.padB_10{padding-bottom:10px;}
.padB_15{padding-bottom:15px;}
.padB_20{padding-bottom:20px;}

.padL_2{padding-left:2px;}
.padL_5{padding-left:5px;}
.padL_10{padding-left:10px;}
.padL_15{padding-left:15px;}
.padL_20{padding-left:20px;}

.noPadT{padding-top:0;}
.noPadR{padding-right:0;}
.noPadB{padding-bottom:0;}
.noPadL{padding-left:0;}


.margin_5{margin:5px;}
.margin_10{margin:10px;}
.margin_15{margin:15px;}
.margin_20{margin:20px;}

.marginT_5{margin-top:5px;}
.marginT_10{margin-top:10px;}
.marginT_15{margin-top:15px;}
.marginT_20{margin-top:20px;}

.marginR_5{margin-right:5px;}
.marginR_10{margin-right:10px;}
.marginR_15{margin-right:15px;}
.marginR_20{margin-right:20px;}

.marginB_5{margin-bottom:5px;}
.marginB_10{margin-bottom:10px;}
.marginB_15{margin-bottom:15px;}
.marginB_20{margin-bottom:20px;}

.marginL_2{margin-left:2px;}
.marginL_5{margin-left:5px;}
.marginL_10{margin-left:10px;}
.marginL_15{margin-left:15px;}
.marginL_20{margin-left:20px;}

.noMarginT{margin-top:0;}
.noMarginR{margin-right:0;}
.noMarginB{margin-bottom:0;}
.noMarginL{margin-left:0;}


/* -------------------------------- */
/* SPACERS							*/

.spacer_2{height:2px;}
.spacer_5{height:5px;}
.spacer_10{height:10px;}
.spacer_15{height:15px;}
.spacer_20{height:20px;}
.spacer_30{height:30px;}
.spacer_40{height:40px;}
.spacer_50{height:50px;}
.spacer_100{height:100px;}
.spacer_300{height:300px;}
.spacer_400{height:400px;}
.spacer_600{height:600px;}


/* -------------------------------- */
/* OUTLINE							*/

.outline_red {border:1px red solid; display:inline-block;}
.outline_cyan {border:1px cyan solid; display:inline-block;}
.outline_maroon {border:1px maroon solid; display:inline-block;}
.outline_green {border:1px green solid; display:inline-block;}
.outline_navy {border:1px navy solid; display:inline-block;}


/* -------------------------------- */
/* PERCENTAGE WIDTH SYSTEM			*/

.halfDiv {width:50%;}
.thirdDiv {width:33%;} 
.twothirdDiv {width:66%;}
.quarterDiv {width:25%;}
.fifthDiv {width:20%;}





/* ---------------------------------------------------------------------------- */
/* 			TYPOGRAPHY															*/
/* ---------------------------------------------------------------------------- */



/* FRAMEWORK TYPOGRAPHY VERSION DW20090205 
   
   MODIFIED:
   5/2/09		[ ]		Trying to fix ol/ul not showing padding numbering or bullets in ie6/7
   						Fix as ie exception to keep code correct?
				[ ]		Some divs (Campaign) not inheriting body font colour...
				[ ]		Look at ul li list-style-position and whether it works for mulitple lined list items.
				[ ]		table styling: will it break stupid joomla table layout?

*/


/* -------------------------------- */
/* TYPOGRAPHY						*/

/* Images */

p img.img_left {
	/* float:left;margin:15px 15px 15px 0;padding:0; */
	}
p img.img_right {
	/* float:right;margin:15px 0 15px 15px;padding:0; */
	}



/* Styles */

body {
	font-family: "Lucida Sans", Verdana, Helvetica, Arial, Sans;
	font-size: 11px;
	line-height: 14px;
	color: #333; /* for text not inside hard divs etc */
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

h1, h2, h3, h4, h5, h6 {
	padding-top: 28px;
	padding-bottom: 14px;
	line-height: 28px;
	z-index: 300;
	font-weight: bold;
	font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	}

h1 {font-size:28px;}
h2 {font-size:20px;}
h3 { font-size:18px;}
h4 {font-size:14px; padding-top: 14px;}
h5 {font-size:12px; padding-top: 14px; line-height: 14px;}
h6 {font-size:11px; padding-top: 14px; line-height: 14px;}

.type_9px p, p.type_9px {
	font-size: 9px;
	}

p {
	padding-bottom: 14px;
	line-height: 14px;
	line-height: 16px;
	}

a {
	line-height:inherit;
	}
	
ol, ul {
	line-height: 14px;
	padding-top: 0;
	padding-bottom: 14px;
	}

li {
	line-height: 14px;
	/* 
	Last minute Change - dw 08/09/09
	padding-left:15px; */
	}

th	{
	font-weight: bold;
	}
	
table {
	line-height: 14px;
	margin-bottom: 14px;
	}

h1, h2, h3, h4, h5, h6,
a, ol, ul, li, label, input, 
table, tr, th, td {
	position: relative;
	z-index: 301;
	}
p {}

a:link {
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
a:active {
	text-decoration: underline;
	}
	
.border_bottom {
	border-bottom: 1px solid #999;
	}


/* Default Colours (for light backgrounds) */

h1, h2, h3, h4, h5, h6, hr,
.light_bg h1, .light_bg h2, .light_bg h3,
.light_bg h4, .light_bg h5, .light_bg h6, .light_bg th  {
	color: #000;
	}

p, li, label, select, td,
.light_bg p, .light_bg li, .light_bg label, .light_bg td {
	color:#333;
	color:#555;
	}

.light_bg .light {
	color: #666;
	}
	
.light_bg .lighter {
	color: #999;
	}

a:link, 
.light_bg a:link {
	color: #0094DE;
	}
a:visited, 
.light_bg a:visited {
	color:#660066;
	color: #0094DE;
	}
a:hover, 
.light_bg a:hover {
	color:#66cccc;
	}
a:active, 
.light_bg a:active {
	color:#0099FF;
	}



/* Colours (for dark backgrounds) */

.dark_bg {
	color: #ccc; /* for text not inside hard divs etc */
	}

.dark_bg h1, .dark_bg h2, .dark_bg h3, 
.dark_bg h4, .dark_bg h5, .dark_bg h6. .dark_bg th {
	color: #fff;
	}

.dark_bg p, .dark_bg li, .dark_bg label, .dark_bg td {
	color: #ccc;
	}

.dark_bg .light {
	color: #666;
	}
	
.dark_bg .lighter {
	color: #333;
	}

.light_bg a:link {
	color:#33CCFF;
	}

.light_bg a:visited {
	color:#660066;
	color:#33CCFF;
	}

.light_bg a:hover {
	color:#66cccc;
	}

.light_bg a:active {
	color:#0099FF;
	}



/* Table Styling */

table,
table.forContent * {
	padding: 0;
	}

table,
table.forContent {
	border-collapse:collapse;
	border-spacing:0;
	/*border-top:1px solid #DDDDDD;
	border-left:1px solid #CCCCCC;*/
	}

caption,
table.forContent caption {
	/* equiv to h5 maybe? */
	font-size: 12px;
	line-height: 14px;
	padding: 14px 0;
	}

td, th,
table.forContent td {
	border: 1px solid #999;
	padding: 15px;
	}

thead td,
table.forContent th {
	border: 1px solid #666;
	padding: 15px;
	}

thead td {
	font-weight:bold;
	color:#333;
	}

/* EXTRAS */

.capitalize {text-transform: capitalize;}

.uppercase {text-transform: uppercase;}

.lowercase {text-transform: lowercase;}



/* -------------------------------- */
/* QUICK COLOURS					*/


.color_000 {color:#000}
.color_333 {color:#333}
.color_666 {color:#666}
.color_999 {color:#999}
.color_ccc {color:#ccc}
.color_fff {color:#fff}






/* ---------------------------------------------------------------------------- */
/* 			COMMON LIGHT														*/
/* ---------------------------------------------------------------------------- */

/* COMMON-LIGHT VERSION DW20090206  */


.auto {
	margin: 0 auto;
	}

.block {
	display:block;
	}

.inline {
	display: inline;
	}

.zeroFont {
	font-size: 0;
	line-height: 0;
	}

.posAbs {
	position: absolute;
	}
.posRel {
	position: relative;
	}

.left {
	float: left;
	display: inline;
	}

.right {
	float: right;
	display: inline;
	}

.clearing {
	clear: both;
	}

.superClearing {
	clear: both;
	font-size:0;
	line-height:0;
	}

.rAlign {
	text-align: right;
	}

.cAlign {
	text-align: center;
	}

.lAlign {
	text-align: left;
	}