/* ========================================================================== */
/* Current style sheet for southshieldsshopmobility.org.uk @ 18th August 2009 */
/* Created by: David Shirley of angelKat Entertainment http://angelk.at/      */
/* ========================================================================== */




/* ========================================================================== */
/* Overall settings/style details: */
/* ========================================================================== */

div.wrapper
{ /* 	This is the wrapper for the entire site- DON'T alter these settings- current
	standard monitor width is ~800px to 900px so its a safe bet to stick with 800px width. */

	width: 800px;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px
}

body
{ /* General format settings for the main body of the site. */
	font-family: "Arial", Sans-serif;
	font-size: 18px;
}




/* ========================================================================== */
/* Settings and formatting for page sections/areas: */
/* ========================================================================== */

div.header
{ /* This is the section of the site reserved for the header image. (DON'T TOUCH THE POSITION DETAILS) */
	position:relative; top: 0px; left: 0px; width: 800px; height: 150px;
	text-align:center;
}

div.sidebar
{/* This is the position settings for the sidebar menu. (DON'T TOUCH THE POSITION DETAILS)*/
	position:relative; top: 10px; left: 0px; width: 225px; height: 420px;
	vertical-align: text-top;
}
	/* Below are settings for the menu including formatting and mouse over effects. */
	.menu
	{
		z-index:150;
	}
	.menu ul
	{
		padding: 0;
		margin:0;
		list-style-type:none;
	}
	.menu li
	{
		position:relative;
		background: #AAFFAF;
		height: 26px;
	}
	.menu a, .menu a:visited
	{
		display:block;
		text-decoration:none;
		height: 25px;
		line-height: 25px;
		color: #000;
		border: 1px solid #000;
		border-width: 0 1px 1px 0;
	}
	.menu :hover > a
	{
		color: #FFF;
		background: #AAFFAF;
	}

div.content
{ /* Positioning information and general formatting of the content area. (DON'T TOUCH THE POSITION DETAILS)*/
	position:relative; top: -400px; left: 235px; width: 570px; height: 460px;
	vertical-align: text-top;
	font-size: 24px;
}

	div.indent
	{ /* A little hacky but an effective indentation for text used in the content area. */
		position:relative; left: 150px;
	}

div.affiliates
{ /* Positioning information and general formatting of the affiliates/funders area. (DON'T TOUCH THE POSITION DETAILS) */
	position:relative; top: -450px; left: -15px; width: 225px; height: 170px;
	text-align: center;
	vertical-align: text-top;
}

div.footer
{ /* Positioning information and general formatting of the footer area. (DON'T TOUCH THE POSITION DETAILS) */
	position:relative; left: 235px; bottom: -35px; width: 570px; height: 130px;
	background-color: #AAFFAF;
}




/* ========================================================================== */
/* General items: */
/* ========================================================================== */

select
{ /* Formatting for the drop down box (currently used on the Newsletter page.*/
	font-size:18px;
	width: 428px;
}

h3
{/* General formatting for headings/titles text. H3 is currently used for page headings. */
	text-decoration: underline;
	text-align:center;
}
h4
{/* General formatting for headings/titles text. H4 is currently used for page sub-headings. */
	text-decoration: underline;
}