/* Styling in the XHTML 1.1 Document Type  - http://www.w3.org/TR/xhtml11/doctype.html#s_doctype*/
/* structure (body, head, html, title) */
html {}
body {
	font-family : Verdana, Arial, Sans-Serif;
	font-size : 16px;
	color : #727171;
	background-color : #DAE1EC;
	margin : 0em 0em 0em 0em;
	padding : 2em 2em 2em 2em;
}
html>body {
	font-size : 0.9em;
}
	/* text (abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var) */
	h1 {
		font-size :	120%;
		margin : 0px 0px 2em 0px;
	}
	h2 {
		font-size :	110%;
		color : #A40505;
		margin : 0px 0px 20px 0px;
	}
	h3 {
		font-size :	100%;
		margin : 0px 0px 0px 0px;
	}
	p {
		margin : 0px 0px 0px 0px;
		padding : 0px 0px 1em 0px;
		clear : both;
	}
	pre, code {}
	/* hypertext (a) */
	a:link, a:visited, a:hover, a:active {
		color : #A40505;
	}
	a:link, 
	a:visited {
		text-decoration : none;
	}
	a:hover, 
	a:active {
		text-decoration : underline;
	}
	/* list (dl, dt, dd, ol, ul, li) */
	ul, ol, dl {
		margin : 0px 0px 0px 0px;
		padding : 0px 0px 1em 2em;
	}
		li, dd {}
		dt {
			font-weight : bold;
		}
	/* object (object, param) */
	object {}
	/* presentation (b, big, hr, i, small, sub, sup, tt) */
	hr {
		border : none;
		width : 100%;
		height : 1px;
		color : #BF5050;
		background-color : #BF5050;
		clear : both;	
	}
	/* forms (button, fieldset, form, input, label, legend, select, optgroup, option, textarea) */
	form {
		margin-top : 0px;
		margin-bottom : 1em;
	}
		input, textarea, select {
			width : 12em;
			border : solid 1px #B5B5B5;
			font-family : Verdana, Arial, Sans-Serif;
			font-size : 100%;
			vertical-align : middle;
		}
		input.radio, .radio input {
			width : auto;
			border : none;
		}
		input.image {
			width : auto;
			border : none;
		}
		input.button,
		input.submit {
			width : auto;
			color : #FFFFFF;
			background-color : #B5B5B5;
			border : solid 1px #B5B5B5;
			font-weight : bold;
		}
		label {
			vertical-align : top;
			font-size : 100%;
			font-weight : bold;
		}
		fieldset {
			width : 100%;
			border : solid 2px #B5B5B5;
			padding : 4px 4px 4px 4px;
		}
			legend {
				font-size : 100%;
				font-weight : bold;
			}
	/* table (caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr) */
	table {
		width : 100%;
		font-size : 100%;
		border-collapse : collapse;
		margin : 0px 0px 0px 0px;
	}
		caption {
			font-weight : bold;
			text-align : left;
		}
		tr {
			vertical-align : top;
		}
		th {
			padding : 3px 1em 3px 3px;
			text-align : left;
			font-weight : bold;
		}
		td {
			padding : 3px 1em 3px 3px;	
		}
	/* img */
	img {
		border : none;
	}
	p img.left {
		margin : 4px 1em 0.5em 0px;
	}
	p img.right {
		margin : 4px 0px 0.5em 1em;
	}
/* Generic */
	.textpadding {
		padding : 18px 18px 18px 18px;
	}
	.clearfloat {
		clear : both;
	}
	.smaller {
		font-size : smaller;
	}
	.hidden {
		display : none;
	}
	.left {
		float : left;
	}
	.right {
		float : right;
	}
	.lastupdate {
		font-size : smaller;
	}
	table.form {
		border : none;
	}
		table.form th {
			border : none;
		}
		table.form td {
			border : none;
		}
		
		#shadow_right {
   position: absolute;
   right: 0px;
   top: 0px;
   
   width: 23px;
   background: #000 url(/furniture/images/right_shadow.png) repeat-y right top;
   z-index: 200;
}

/* colour variations */
	body.green {}
		body.green h2 {color : #82B52A;}
		body.green a:link, 
		body.green a:visited, 
		body.green a:hover, 
		body.green a:active {color : #82B52A;}
		body.green hr {color : #BF5050; background-color : #BF5050;}
	body.blue {}
		body.blue h2 {color : #0072BB;}
		body.blue a:link, 
		body.blue a:visited, 
		body.blue a:hover, 
		body.blue a:active {color : #0072BB;}
		body.blue hr {color : #BF5050; background-color : #BF5050;}
	body.lime {}
		body.lime h2 {color : #21B2C3;}
		body.lime a:link, 
		body.lime a:visited, 
		body.lime a:hover, 
		body.lime a:active {color : #21B2C3;}
		body.lime hr {color : #BF5050; background-color : #BF5050;}
	body.purple {}
		body.purple h2 {color : #C6299F;}
		body.purple a:link, 
		body.purple a:visited, 
		body.purple a:hover, 
		body.purple a:active {color : #C6299F;}
		body.purple hr {color : #BF5050; background-color : #BF5050;}
	body.orange {}
		body.orange h2 {color : #EB7200;}
		body.orange a:link, 
		body.orange a:visited, 
		body.orange a:hover, 
		body.orange a:active {color : #EB7200;}
		body.orange hr {color : #BF5050; background-color : #BF5050;}
	body.red {}
		body.red h2 {color : #A40505;}
		body.red a:link, 
		body.red a:visited, 
		body.red a:hover, 
		body.red a:active {color : #A40505;}
		body.red hr {color : #BF5050; background-color : #BF5050;}
	body.yellow {}
		body.yellow h2 {color : #F3B700;}
		body.yellow a:link, 
		body.yellow a:visited, 
		body.yellow a:hover, 
		body.yellow a:active {color : #F3B700;}
		body.yellow hr {color : #BF5050; background-color : #BF5050;}