/*
================================================================
SITE.CSS
----------------------------------------------------------------
Controls layout of the website, and default values for elements
such as text headings, etc.

AUTHOR:
Steven Woods

COPYRIGHT:
SBSquared Media Ltd

LAST UPDATED:
8th February 2006 22:15, [Steven Woods]

version 1.0 - WARNING <!> NOT YET ENTERED INTO SOURCE CONTROL <!>
=================================================================
CHANGELOG:

v1.00 - 8th Feb 2006
'
'	Added basic layout and default values to CSS
'	No IE box model assistance incorporated
'	No IE PNG assistance incorporated




[!BEGIN - 'CSS TOP']
DO NOT MODIFY BEYOND THIS LINE OR HILARITY MAY ENSUE
*/
body {
	background-color:	#e9e9e7;
	text-align:			center;
	margin:				0;
	padding:			0;
	width:				100%;
	font-family:		Tahoma, Verdana, Arial, Serif;
}


#container {
	/*
	This DIV is the container (surprise!) for everything on the page. 
	By incorporating this DIV, it makes it trivial to alter the layout in the browser
	from a left aligned site, to a centered or right aligned on
	Also, it ensures that nothing can appear outside the dimensions of our original design
	*/

	width:					680px;
	margin:					0 auto;			/* Change to 0 auto; if you want it centered, but remember to alter the text-align: property of the body element to 'center' if you do so. */
	padding:				0;
	background-color:		#ffffff;
	text-align:				left;
}

#sidebarleft {
	width:					120px;
	float:					left;
	background-image:		url(../images/header_cam.jpg);
	background-repeat:		no-repeat;
}

	#sidebarleft ul {
		list-style-type:	none;
		text-align:			right;
		margin:				150px 10px 100px 10px;
		padding:			0;
	}

	#sidebarleft li {
		color:				#999999;
		font-size:			0.8em;
		font-weight:		bold;
		margin:				5px 0 5px 0;
		padding:			0;
		clear:				both;
	}

	#sidebarleft a {
		color:				#999999;
		font-weight:		bolder;
		text-decoration:	none;
	}

	#sidebarleft a:hover {
		text-decoration:	underline;
	}

	#sidebarleft a.currentLink {
		color:				#ff6600;
		font-weight:		bolder;
		text-decoration:	none;
	}

	#sidebarleft a.currentLink:hover {
		color:				#ff6600;
		font-weight:		bolder;
		text-decoration:	none;
	}

	#sidebarleft a.currentLinkTitle {
		font-size:			0.85em;
		color:				#22739e;
		font-weight:		bolder;
		text-decoration:	none;
	}

	#sidebarleft a.currentLinkTitle:hover {
		color:				#22739e;
		font-size:			0.85em;
		font-weight:		bolder;
		text-decoration:	none;
	}

	
	#sidebarleft img {
		float:				right;
		border:				0;
	}

#contentMain {
	width:					453px;
	float:					left;
}

	#contentMain h1 {
		color:				#666666;
		font-size:			1.2em;
		padding:			20px 10px 10px 20px;
		margin:				0;
	}

	#contentMain p {
		color:				#333333;
		font-size:			0.8em;
		padding:			10px 10px 10px 20px;
		margin:				0;
	}

	#headertop {
		width:				453px;
		text-align:			right;
		background-color:	#046091;
	}

	#headertop p {
		padding:			36px 5px 5px 5px;
		margin:				0;
		color:				#FFFFFF;
		font-size:			0.8em;
		font-weight:		bold;
	}

	#largeImage {
		width:				453px;
	}

	#largeImage img {
		margin:				30px 0 0 0;
		border:				0;
	}

	#smallImage {
		width:				453px;
		text-align:			right;
	}

	#smallImage img {
		margin:				10px 0 10px 0;
		border:				0;
	}



#sidebarright {
	width:					107px;
	float:					left;
}
	#logo {
		width:				107px;
	}

	#logo img {
		border:				0;
	}

	#thumbstrip {
		width:				107px;
		text-align:			center;
		margin:				60px 0 0 0;
	}

	#thumbstrip img {
		border:				0;
		margin:				5px 0 0 0;
	}

	#sidebarright h2 {
		color:				#ff6600;
		font-size:			1.1em;
		margin:				0;
		padding:			60px 5px 0 5px;
	}

	#sidebarright p {
		color:				#333333;
		font-size:			0.8em;
		font-weight:		bold;
		margin:				0;
		padding:			10px 5px 0 5px;
	}


#copyright {
	width:					680px;
	background-image:		url(../images/bg_copyright.gif);
	background-repeat:		repeat-x;
}

#copyright p {
	padding:				35px 20px 0 20px;
	margin:					0;
	font-size:				0.7em;
}

#copyright p.leftalign {
	float:					left;
	text-align:				left;
}

#copyright p.rightalign {
	float:					right;
	text-align:				right;
}