/* ------------------------------------------------------------------------------*/ 
/*  A product of Thinking Differently Ltd - www.thinkingdifferently.co.uk        */
/*	Build start date: 23rd October 2007                                          */
/*	Developer: Steve Kirtley, steve@thinkingdifferently.co.uk                    */
/* ------------------------------------------------------------------------------*/

/*----------------------------------*/
/* 1. General Setup                 */
	
	* {
		padding: 0;
		margin: 0;
	}
	
	body {
		font-family: verdana, arial, helvetica, sans-serif;
		text-align: center;
		font-size: 1em;
		background: #707070;
	}

	a,
	a.external,
	a.external:visited {
		color: #000;
	}
	
	a:visited,
	a:hover,
	a:active {
		color: #000;
	}
	
	hr {
		color: #000;
		background: #000;
		height: 1px;
		border: 0;
	}
	
	p {
		padding: 4px 0;
	}
	
	img {
		display: block;
		border: 0;
		margin: 0;
	}

/*------------------------------------*/
/* 2. Generic Classes                 */


	.hide {
		display: none;
	}
	
	.offScreen,
	#facebookSharer {
		position: absolute;
		left: -5000px;
	}
	
	.clear {
		clear: both;
	}
	
	.help {
		cursor: help;
	}
	
	.smallText {
		font-size: 0.8em;
	}
	
/*-----------------------------------*/
/* 3. Page Frame                     */
	
	#floatWrapper {
		margin: 0 auto;
		width: 680px;
		text-align: center;
	}
	
	#wrapper {
		width: 680px;
		float: left;
		font-size: 0.7em;
		text-align: center;
		background: url('/a/img/global/bg.gif') repeat-y;
	}


	/*-----------------------------------*/
	/* 3A. Browser fixes                 */

		#wrapper table {
			font-size: 1em;
		}
		
		#wrapper form input,
		#wrapper form textarea {
			font-size: 1.2em;
		}
		
		
/*-------------------------------------*/
/* 4. header                           */

#header {
	background: url('/a/img/global/header.jpg') no-repeat;
	width: 647px;
	height: 145px;
	margin: 0 auto;
	margin-top: 6px;
}

#siteID {
	width: 647px;
	margin: 0 auto;
	font-weight: bold;
}

#siteID .left {
	float: left;
	padding-left: 4px;
}

#siteID .right {
	float: right;
	padding-right: 4px;
}

#siteID a,
#siteID a:hover {
	text-decoration: none;
	color: #000;
}

/*-------------------------------------*/
/* 5. footer                           */

#footer {
	clear: both;
	width: 680px;
	margin: 0 auto;
	font-size: 0.6em;
	text-align: right;
	padding-right: 20px;
}

#footer a#coco {
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	display: inline;
}

#footer p {
	width: 500px;
	float: right;
	display: block;
}

/*-------------------------------------*/
/* 6. Content Area(s)                  */

#content {
	clear: both;
	width: 647px;
	margin: 0 auto;
	padding-top: 10px;
}

#content #main {
	width: 400px;
	min-height: 500px; /* min-height IE work around follows */
	height: auto !important; /* override below for standards browsers */
	height: 500px;
	padding-left: 4px;
 	padding-bottom: 10px;
	text-align: justify;
	float: left;
}

#content #main h1 {
	font-size: 1.8em;
	font-family: arial, verdana, sans-serif;
	padding-top: 10px;
	color: #330099;
}

#content #main h2 {
	font-size: 1.3em;
	font-family: arial, verdana, sans-serif;
	padding-bottom: 5px;
	color: #8F032E;
	font-weight: bold;
}

#content #main p a:hover,
#content #main p a.external:hover {
	color: #666666;
}

#content #contain #main hr {
	color: #8F032E;
	background-color: #8F032E;
	margin-top: 5px;
	margin-bottom: 5px;
}

#content #contain {
	clear: both;
	float: left;
}

/*-------------------------------------*/
/* 7. Right Navigation                 */

#content #rightNav {
	float: left;
	display: inline;
	width: 180px;
	margin-left: 50px;
	margin-top: 40px;
}

#content #rightNav ul {
	list-style-type: none;
	padding-top: 15px;
	text-align: left;
}

#content #rightNav ul li {
	padding-bottom: 5px;
	font-weight: bold;
}

#content #rightNav ul li a {
	color: #330099;
}

#content #rightNav ul li a:hover,
#content #rightNav ul li a.selected {
	color: #000;
}

#content #rightNav img {
	margin-top: 20px;
	float: left;
	display: inline;
}

#content #rightNav #carbon {
	padding-top: 10px;
}