/* CSS Document */

/* 	+---------------------------------------------------------------+
	|	Author:		Wayne Eastwood									|
	|																|
	|	Notes:		Please feel free to use all or part of the CSS	|
	|				used in this stylesheet, however, please leave	|
	|				these credits intact on your document			|
	+---------------------------------------------------------------+	*/
	
/* Format the body of the document - set the bgcolor to white */

body {
	background:#FFFFFF;
	margin:0px;
	padding:0px;
}

/* Formatting to center the body on the page and set the background */

div#body {
	background:url(../img-bin/bg_body.jpg) top center repeat-y;
	margin:0px auto 0px auto;
	padding:0px;
	width:760px;
}

/* Formatting to align the header links and set the background */

div#head {
	background:url(../img-bin/bg_head.jpg) top center no-repeat;
	margin:-20px auto 0px auto;
	height:400px;
}

/*	Insert the clever CSS used to generate the 3 design layouts		*/
/*		<div id="body"> - main column spreads across page (760px)	*/
/*		<div id="body" class="ms"> - main then side column layout	*/
/*		<div id="body" class="sm"> - side then main column layout	*/

/* Assign properties of main (for one column layout) */

div#main {
	width:635px;
	padding-top:10px;
	padding-left:25px;
	margin:-275px auto 0px auto;
	text-align:justify;
}

/* Assign properties of main (for either two column layout */

div#body.ms div#main,
div#body.sm div#main {
	width:405px;
	text-align:justify;
	padding-left:10px;
	padding-right:0px;
}

div#body.ms div#main.gallery,
div#body.sm div#main.gallery {
	text-align:center;
}

/* Assign properties of side (for one column layout - note side is hidden) */

div#side {
	display:none;
	width:200px;
	padding:20px;
	padding-top:10px;
	margin-top:-275px;
}

/* Assign properties of side (for either two column layout - note side is visible) */

div#body.sm div#side,
div#body.ms div#side {
	display:block;
	text-align:center;
}

div#body.sm div#side p,
div#body.ms div#side p {
	text-align:justify;
}

div#body.sm div#side ul,
div#body.ms div#side ul {
	text-align:justify;
}

div#body.sm div#side img,
div#body.ms div#side img {
	text-align:center;
	display:block;
}

/* For side/main layout or main/side layout float main or the side (respectively) to the right */

div#body.sm div#main,
div#body.ms div#side {
	float:right;
	padding-right:50px;
}

/* For main/side layout or side/main layout float main or the side (respectively) to the left */

div#body.ms div#main,
div#body.sm div#side {
	float:left;
	padding-left:75px;
}

div#body.sm div#side {
	text-align:justify;
}

/* Formatting to align the page footer and set its background */

div#foot {
	background:url(../img-bin/bg_foot.jpg) bottom center no-repeat;
	margin:0px auto 0px auto;
	padding:0px;
	height:55px;
	clear:both;
}

/* Formatting to set the page element properties e.g. p, h1, h2 etc	*/

p, ul, li, h1, h2, h3, h4, h5, a {
	font-size:12px;
	font-family:Tahoma, Helvetica, Arial;
/*	
	color:#797672;
	color:#5a5c60;
	
*/
	color:#414245;
}

h3, h3 a {
	font-size:11px;
	margin:0px;
	padding:3px;
	padding-left:0px;
}

h4, h4 a {
	font-size:10px;
	margin:0px;
	padding:3px;
	padding-left:5px;
}

ul {
	margin:0px;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
}

li {
	list-style:none;
	padding:0.5em;
}

li p {
	margin:0px;
	margin-left:-1em;
	padding:0px;
}

li h4, li h5 {
	color:#ada9a3;
	padding-bottom:5px;
}

/* Provide specific formatting for the navbar list */

ul.nav, ul.nav li {
	float:left;
	padding:5px;
}

ul.nav {
	padding-left:70px;
	padding-top:20px;
}

/* Provide specific formatting for the admin navbar */

ul.admin li {
	float:left;
	padding:5px;
}

ul.admin {
	float:right;
	padding:5px;
	margin-top:15px;
	margin-right:60px;
}

/* Provide specific formatting for the gallery list */

ul.gallery li {
	padding:0.75em;
}

/* Provide specific foratting for listed address */

ul.address li {
	padding:0px;
}

a, a:link, a:visited {
	color:#ada9a3;
	text-decoration:none;
}

div#main a, div#main a:link, div#main a:visited,
div#side a, div#side a:link, div#side a:visited {
	color:#797672;
}

a:hover {
	text-decoration:underline;
}

div#main a:hover, div#side {
	color:#5a5c60;
}

/* Insert additional styles for special page element */

p.acc_skip, p.acc_skip a {
	visibility:hidden;
	line-height:0.1;
	padding:0px;
	margin:0px;
}

p.acc_top, p.acc_top a {
	margin:0px auto 0px auto;
	padding:0px;
	padding-right:25px;
	width:760px;
	font-size:9px;
	text-align:right;
}

p.copyright {
	float:left;
	margin:0px;
	padding:15px 0px 0px 35px;
	font-size:9px;
}

p.developer, p.developer a {
	float:left;
	margin:0px;
	padding:10px 0px 0px 15px;
	font-size:9px;
	clear:both;
}

.note {
	color:#ada9a3;
	font-size:10px;
}

img {
	border:none;
	padding:0px;
	margin:auto;
}

div#main img {
	float:right;
	clear:both;
}

div#main.gallery img {
	float:none;
	display:block;
}

div#main.gallery {
	text-align:center;
}

span {
	position:relative;
	top:125px;
	padding-left:55px;
	padding-right:55px;
}

/* End of stylesheet */