/*==============================================
 Initialise our basic styles guide for the site.
 =============================================== */ 
/*body, html, form, p, ul, li, ol, h1, h2, h3, h4, h5, h6{ */
/* comment */

body, html, form, h1, h2, h5, h6{
	margin: 0px;
	padding: 0px;
}

h3{
	padding-top:10px !important;
	margin:0px !important;
}

h4{
	padding-top:15px !important;
	margin:0px !important;
}


body, html{
	height:100%;
}

img{
	border:none;
	margin: 0;
	padding: 0;	
}

html{
    background: #fff;
}

body{
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%;
}

a{
/*    color: #fff;  */
/*	color: #FFFFFF !important; */
	text-decoration: none;	
}

a:hover{
/*    color: #fff;  */
	/* color: #FFFFFF !important; */
	text-decoration: underline;	
}

a.underlineLink{
	text-decoration: underline;	
}

a.underlineLink:hover{
	text-decoration: none;	
}


abbr, acronym{
    border-bottom: none;
}

.access{
    display:block;
    overflow: hidden;
    position: absolute;
    height: 0;
    width: 0;
	z-index: -9999;
}

/*=========================
	Clear Floating Objects
==========================*/
.clearFloats{
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	margin: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/*=========================
	Common Wrappers
==========================*/
#wrapper{
	margin: 0 auto;
	width:auto;
}

#mainContent{
	margin: 0 auto 0px 0;
}

#mainContent.twoColumn #contentColumnLeft{
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	/*width: 640px*/
	width: 100%;	
}

#mainContent.twoColumn #contentColumnRight{
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}

#mainContent.threeColumn #contentColumnLeft{
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	width: 250px
}

#mainContent.threeColumn #contentColumnCentre{
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	/*width: 420px*/
	width: 100%;
}

#mainContent.threeColumn #contentColumnRight{
	float: left;
	margin: 0;
	padding: 0;
	width: 250px
}


/*=========================
	Common Headings
==========================*/

h4{
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.14em;	
	margin: 0 0 10px 0;
}

h5{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.17em;	
	margin: 0 0 10px 0;
}


/*=========================
	Misc
==========================*/
.divider{
    border-bottom: 1px solid #333;
    clear: both;
    height: 20px;
    margin: 0 0 20px 0;
    overflow: hidden;
}