/* --------------------------------------------------------------

   Reset Styles for all pages - integrated with both core-10
   and core-12.css files.

   * resets all elements to create a factory reset, 
   	 All elements are reset to provide better compatibility. 


-------------------------------------------------------------- */

/* -----------------------------------*/
/* --------## GLOBAL RESET ##---------*/
/* -----------------------------------*/


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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: normal;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border:none;
}


	/* ------------------------------------------------------------
	
	File: core-12.css
	Description:
		* This file contains the main core of the framework. The file includes
		  grid rendering and required classes to create grid layouts based on twelve vertical columns.
			
	Usage:
		* See manual for useage. ALl classes are covered in detail there. 
		  **IMPORTANT** Do not change this file! 
				
	-------------------------------------------------------------- */
	
		* {
			margin:0;
			padding:0;
		}
	
		#container {
			width:960px;
		}
		
	/* -----------------------------------*/
	/* ---------## Structure ##-----------*/
	/* -----------------------------------*/
	/*
	   Desc: default class names for layout manipulation. 
	*/
	
		.row {
			float:left; 
			clear:both;
		}	
		.column {
			float:left;
		/*	margin-left:10px; */
		}	
		.section {
		/*
			margin-right:10px;
			margin-bottom:10px;
		*/
			margin-left:10px;
		}
		
		.section {
		
		}
		
		.header {
		
		}
		
		.body {
		
		}
		
		.footer {
		
		}
		
		.margin { padding:10px; }
        .margin-top-20 { margin-top: 20px; }
				
		.no-margin-right {
			margin-right:0px !important;
		}		
		.no-margin-left {
			margin-left:0px !important;
		}		
		.no-margin {
			margin:0px !important;
		}		
		.no-margin-bottom {
			margin-bottom:0px !important;
		}
		.no-margin-vert {
			margin-top:0 !important;
			margin-bottom:0 !important;
		}
		.no-margin-hori {
			margin-left:0 !important;
			margin-right:0 !important;
		}
		.padding {
			padding:10px;
		}		
		.no-padding {
			padding: 0 !important;
		}
		.no-pad-left {
			padding-left:0 !important;
		}
		.no-pad-top {
			padding-top:0 !important;
		}
		.no-pad-vert {
			padding-top:0 !important;
			padding-bottom:0 !important;
		}
		.no-pad-hori {
			padding-left:0 !important;
			padding-right:0 !important;
		}	
		.span-1 {
			width:80px
		}	
		.span-2 {
			width:160px; 
		}	
		.span-3 {
			width: 240px;
		}	
		.span-4 {
			width:320px;
		}	
		.span-5{
			width:400px;
		}	
		.span-6{
			width:480px;
		}	
		.span-7{
			width: 560px;
		}	
		.span-8{
			width:640px;
		}	
		.span-9{
			width:720px;
		}	
		.span-10{
			width:800px;
		}	
		.span-11{
			width:880px;
		}
		.span-12{
			width:960px;
		}

		.span-12 {
			margin:0;
		}	
		.span-1,
		.span-2, 
		.span-3,
		.span-4,
		.span-5,
		.span-6,
		.span-7,
		.span-8,
		.span-9,
		.span-10,
		.span-11, 
		.span-12		{
			float:left;
		}
		
		.last {
			margin-right:0;
		}
		.first {
			margin-left:0;
		}
		
	/* -----------------------------------*/
	/* --------## Positioning ##----------*/
	/* -----------------------------------*/
		.centre {
			margin:0 auto;
		}	
		.left {
			float:left;
		}	
		.right {
			float:right;
		}	
		.clear-left {
			clear:left;
		}	
		.clear-right {
			clear:right;
		}	
		.clear-all {
			clear:both;
		}		
	/* -----------------------------------*/
	/* ---------## Elements ##------------*/
	/* -----------------------------------*/	
		blockquote {
			margin:10px 0;
		}	
	/* class to make menu horizontal instead of vertical */
		ul.hori li,
		ol.hori li {
			float:left;
		}	
	/* re-defined classes for list styles */	
		ul.circle {list-style-type:circle !important;margin-left:15px;}
		ul.square {list-style-type:square !important;margin-left:15px;}	
		ul.disc {list-style-type:disc !important;margin-left:15px; }
		ul.imgbullet { margin-left:2px;}	
		ul.imgbullet li { background:url("../images/bullet.gif.html") no-repeat left center; padding-left:13px;}

	/* -----------------------------------*/
	/* --------## GENERIC #IDs ##---------*/
	/* -----------------------------------*/
	
		/* pre defined generic ID's  */	
			#header, #footer, #body, #side-bar, #top-nav, #form, #top-nav, #left-nav, #right-nav {
				float:left;
				clear:both;
			}
		
	/* -----------------------------------*/
	/* ----## GENERIC #Classes ##---------*/
	/* -----------------------------------*/
		
		.border {
			border-width:1px;
			border-style:solid;
		}
		.no-border {
			border:0 !important;
		}		
		.ta-right {
			text-align:right;
		}
		.ta-left {
			text-align:left;
		}
		.ta-centre {
			text-align:centre;
		}	
		
	/*---------------------------------------------------------
	
	END SECTION - no more CSS must be placed below this section.
	This is to eliminate CSS merge issues. Place all new and
	updated CSS above this section.
		
	--------------------------------------------------------- */