/*  
* 
* Team Cooper Limited CSS 
* 
* Colour     - Proper  Web???
* LightGreen - #8DB153
* Brown      - #614D18
* Orange     - #E98300 #FF6600
* DarkBlue   - #23423A #213327
* DarkGreen  - #394821
* Maroon     - #5D343A
*
* Link Blue  - #2470B8 
*/



/* HTML Modifiers */

body {
	font-family: 		"Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: 	#FFFFFF;
	
	color: 				#213327;
	padding:			0px;
	margin:				0px;
	
	background-image: 	url(../images/site/alien_orange_bg.gif);
	background-repeat: 	no-repeat;
	background-position:center 380px;
}

a {
	text-decoration: 	none;
	/*color: 				#003366;*/
	color: 				#213327;
	font-weight: 		bold;
}

a:hover {
	text-decoration: 	underline;
	color:				#E98300;
}

h2 {
	color: 				#213327;
	font-size: 			1.2em;
	font-weight: 		bold;
	margin:				0em 0em 0.9em 0em;
}

h3 {
	color: 				#213327;
	font-size: 			0.95em;
	font-weight: 		bold;
	margin:				0em 0em 0.9em 0em;
}

/* Classes */


.navigation {
	position:			relative;
	width: 				690px;
	height:				100%;
	text-align:			left;
	padding:			5px 5px 5px 5px;
	z-index:			10;
	background-color:	#FFE0CC;
}

.navigation p {
	font-size: 			1em;
	margin:				0em;
}

.breadcrumbs {
	position:			relative;
	text-align:			justify;
	margin:				0.5em 0em 0.5em 0em;
}

.nextPage {
	position:			relative;
	text-align:			right;
	margin:				0.5em 0em 0.5em 0em;
	clear:				both;
}

.breadcrumbs p, .nextPage p {
	font-size: 			0.8em;
	margin:				0em;
}

.breadcrumbs p, .breadcrumbs a, .nextPage p, .nextPage a {
	color:				#728574;
}

.bodyContent {
	
	position:			relative;
	margin:				0.5em 0em 0.5em 0em;
	min-height:			200px;
	/*border:				1px solid red;*/
}

.bodyContent p {
	font-size: 			0.9em;
	text-align:			justify;
	margin:				0em 0em 0.9em 0em;
	
}

.bodyFooter, .pageHeading {
	position:			relative;
	margin:				0.5em 0em 0.5em 0em;
	clear:				both;
}

.bodyFooter p, .pageHeading p {
	font-size: 			0.9em;
	text-align:			left;
}

.divider {
	position:			relative;
	width: 				100%;
	height:				1px;
	background-color:	#E98300;
	clear:				both;
}


.back {
	position:			relative;
	margin:				0em 0em 0.5em 0em;
	width: 				100%;
	text-align:			right;
	z-index:			50;
}


.copyrightText, .finalQuote, .styleChangeText {
	font-size: 			0.7em;
	text-align:			center;
	/*border:				1px solid blue;*/
}


.picturesContainer {
	float:				left;
	margin:				0px 10px 0px 0px;
	/*border:				1px solid black;*/
}

.pictureHolder {
	position:			relative;
	width:				100px;
	height:				100px;
	margin:				0px 0px 10px 0px;
}

.picture {
	position:			relative;
	top:				0px;
	left:				0px;
	width:				90px;
	height:				90px;
	z-index:			10;
}

.picture img {
	border:				1px solid #213327;
}

.picture a:hover img {
	border:				1px solid #E98300;
}

.pictureShadow {
	position:			absolute;
	top:				10px;
	left:				10px;
	width:				90px;
	height:				90px;
	background-color: 	#B1B6B0;
	z-index:			1;
}


/* DIV positions */


#divVideoHolder {
	position:			relative;
	color:				#FFFFFF;
	background-color:	#213327;
	
	border:				2px solid #213327;
	
}

#divVideoHolder p {
	font-weight:		bold;
	margin:				5px;
}

#divWholeContent {
	position:			relative;
	top:				0px;
	left:				0px;
	width: 				100%;
	height:				100%;
}

#divContentFrame {
	position:			relative;
	top:				0px;
	left:				0px;
	width: 				700px;
	height:				100%;
	text-align:			left;
	margin:				0em auto 0em auto;
	z-index:			10;
	
	/*border: 1px solid black;*/
}


#divTopFrame {
	position:			relative;
	top:				0px;
	left:				0px;
	width: 				100%;
	height:				200px;
	text-align:			center;
	padding:			0px;
	margin:				0px;
	color: 				#FFFFFF;
	background-color:	#83A02A;
	background-image: 	url(../images/site/webpage_top_background.jpg);
	background-repeat: 	no-repeat;
	background-position:center top;
	z-index:			10;
}

#divLogoContainer {
	position:			relative;
	top:				0px;
	left:				0px;
	width: 				700px;
	height:				100%;
	margin:				0em auto 0em auto;
}

#imgTopLogo {
	position:			absolute;
	top:				141px;
	left:				457px;
	width: 				243px;
	height:				59px;
}

#divAjaxContent {
	position:			relative;
	width: 				100%;
	height:				100%;
}

#W3CButtons {
	text-align:			center;
}

#W3CButtons img {
	border:				0px;
	padding:			1em 0em 0em 0em;
}