/*
 *	sesstyles.css	Stylesheet for Armadale SES website.
 *	DBS		22-Sep-2009
 */

body {	margin: 0px 0px 0px 0px; border: 0px; padding: 0px 0px 0px 0px;
	color: #000000; background-color: #FFEBD0; }

h1 {	color: blue; background-color: #FFCC66;
	font-family: "Arial", sans-serif; font-style: italic;
	font-weight: bold; text-align: left; text-transform: capitalize; }

h2, h3, h4, h5, h6 { color: blue; background-color: #FFCC66; clear: both;
	padding-left: 1em; font-family: "Arial", sans-serif;
	font-weight: bold; text-align: left; text-transform: capitalize; }

table { margin-left: auto; margin-right: auto; }

img {	border: 0px; }

div.menu { position: absolute; top: 0px; left: 0px; width: 20%; height: auto;
	padding-bottom: 25em; color: #000000; background-color: #FFEBD0;
	margin: 0px 0px 0px 0px; border: 0px; padding: 30px 0px 100px 0px;
	text-align: center; }

a.menu { color: blue; background-color: orange; border: 4px ridge blue;
	padding: 2px 5px 2px 5px; font-family: "Arial", sans-serif;
	font-weight: bold; text-align: center; text-decoration: none;
	text-transform: capitalize; }

a.menu:hover { color: orange; background-color: blue;
	border: 4px ridge orange; }

span.menu { color: orange; background-color: blue;
	border: 4px ridge orange; padding: 2px 5px 2px 5px;
	font-family: "Arial", sans-serif; font-weight: bold;
	text-align: center; text-decoration: none;
	text-transform: capitalize; }

span.menuhdr { color: blue; background-color: orange; border: 4px ridge blue;
	padding: 5px 8px 5px 8px; font-family: "Arial", sans-serif;
	font-weight: bold; text-align: center; text-decoration: none;
	text-transform: capitalize; }

div.header { position: relative; top: auto; left: 20%; width: 70%;
	height: auto; color: #000000; background-color: #FFEBD0;
	margin: 0px 0px 0px 0px; border: 0px; padding: 35px 5% 25px 5%;
	text-align: center; }

span.header { color: blue; background-color: orange; border: 6px ridge blue;
	padding: 10px 20px 10px 20px; font-family: "Arial", sans-serif;
	font-size: 200%; font-weight: bold; text-align: center; }

div.main { position: relative; top: auto; left: 20%; width: 70%;
	height: auto; color: #000000; background-color: #FFEBD0;
	margin: 0px 0px 0px 0px; border: 0px; padding: 0px 5% 0px 5%;
	font-family: "Arial", sans-serif; text-align: justify; }

div.slides { position: relative; top: auto; left: 12%; width: 76%;
	height: auto; color: #000000; background-color: #FFEBD0;
	margin: 0px 0px 0px 0px; border: 0px; padding: 0px 5% 0px 5%;
	font-family: "Arial", sans-serif; text-align: center; }

div.left { float: left; position: relative;
	color: #000000; background-color: #FFEBD0;
	margin: 0px 0px 0px 0px; border: 0px; padding: 0px 2% 0px 1%;
	left: 0%; width: 47%; }

div.right { float: right; position: relative;
	color: #000000; background-color: #FFEBD0;
	margin: 0px 0px 0px 0px; border: 0px; padding: 0px 1% 0px 2%;
	width: 47%; }

span.advice { font-size: 90%; font-style: italic; }

span.blue { color: blue; }

span.red { color: red; }

div.footer { clear: both; position: relative;
	color: #000000; background-color: #FFEBD0;
	margin: 0px 0px 0px 0px; border: 0px; padding: 0px 5% 20px 5%;
	top: auto; left: 20%; width: 70%; height: auto;
	font-family: "Arial", sans-serif; text-align: center; }

address.footer { font-size: 80%; font-style: italic; text-align: center; }