HTML {
/* PA: We want to force the vertical scrollbar on all the time
       for all browsers that understand this to suppress this centred
       site from jump from side to side between pages that don't have
       a "screens-worth" of content on them. This will be ignore in IE
       as this is the default behaviour.
*/
	overflow-y: scroll;
}

BODY {
	background-image: url(/images/common/background.jpg);
	background-position: top center;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 10pt;
	color: #666666;
/*
	width: 770px;
	width: 790px;
*/
	margin: 0;
	margin-left: 0px;
	margin-top: 0px;
}


IMG	{
	border: 0px;
	display: block;
}


A:link, A:visited, A:hover, A:active {
	text-decoration: none;
	color: #5D87A1;
}
A:hover	{
	 color: #E2B03D;
}

#container	{
	background-color: #FFF;
	background-image: url(/images/navigation/_background.gif);
	background-repeat: repeat-y;
	background-position: 1px 0px;
	width: 790px;
	margin: 0 auto;
}


#banner	{
	float: left;
	background-color: transparent;
	color: #FFFFFF;
	width: 700px;
/*	margin-left: 90px;	*/
}
#banner H1	{
	margin: 0;
}
#banner #title	{
	margin-top: 60px;
	float: left;
}
#banner #logo	{
	float: right;
}
#banner #navbanner, #banner #navbanner_bottom	{
	float: left;
}

#banner	#navbanner	{	}

#banner	UL#subnav, LI{
	list-style:none;
	margin:0;
	padding:0;
}
	
#banner	LI, #banner	LI A	{
	height: 23px;
	background-repeat: no-repeat;
	float: left;
}
#banner	LI A:hover{
	background-position: bottom;
}


#navigation	{
	color: #FFFFFF;
	width: 450px;
	margin-top: 6px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 12px;
	height: 20px;
	float: left;
}
#navigation UL#navlinks	{
	margin: 0;	list-style: none;	height: 0.6em;	padding: 0;	margin-left: 5px;
	padding-top: 39px;
}
#navigation LI	{
	background-image: url(/images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	float: left;	text-indent: 0;	margin: 0;
	margin-right: 20px;
	padding-left: 17px;
	text-transform: lowercase;
	font-size: 12px;
}

#navigation LI A	{
	color: #FFFFFF;
}
#navigation LI A:hover	{
	 color: #2E8D8E;
}

#lhs-bar	{
	float: left;
	width: 90px;
	margin-top: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-bottom: 200px;
}
#lhs-bar #stripes	{
	margin-top: 60px;
}

#lhs-bar #sub-navigation	{}
#lhs-bar #sub-navigation A:link, #lhs-bar #sub-navigation A:visited, #lhs-bar #sub-navigation A:active {
	color: #FFFFFF;	
}

#lhs-bar #sub-navigation A:link, #lhs-bar #sub-navigation	A:visited {}
#lhs-bar #sub-navigation A:hover {
	color: #9ECB64;	
}
#lhs-bar #sub-navigation A:active {}


#lhs-bar UL#lhs-navlinks	{
	margin: 0;
	list-style: none;
	height: 0;
	padding: 0;
}
#lhs-bar LI	{
	float: left;	text-indent: 0;	margin: 0;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 12px;
	width: 90px;
}
#lhs-bar LI:hover, #lhs-bar LI A:hover	{
	background-image: url(/images/navigation/_over.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#lhs-bar LI.currentsection	{
	background-image: url(/images/navigation/_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#lhs-bar LI#welcome		{		}
#lhs-bar LI#working		{	margin-left: 0;	}
#lhs-bar LI#eating		{	margin-left: 0;	}
#lhs-bar LI#sleeping	{	margin-left: 0;	}
#lhs-bar LI#relaxing	{	margin-left: 0;	}
#lhs-bar LI#organising{	margin-left: 0;	}
#lhs-bar LI#pricing		{	margin-left: 0;	}
#lhs-bar LI#contacts	{	margin-left: 0;	}


#lhs-bar .panel	{
	margin-bottom: 1em;
	font-size: 8pt;
}

#lhs-bar .panel	H3	{
	background-color: #96A28A;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 9pt;
	line-height: 2em;
	padding-left: 4px;
	margin-top: 0;
	font-weight: bold;
}
#lhs-bar .panel P {
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: #666666;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#lhs-bar .panel FORM	{
	margin: 0;	padding: 0;
}
#lhs-bar .panel UL	{
	list-style: none;
	padding-left: 0;
	margin-left: 5px;
	margin-right: 5px;
}
#lhs-bar .panel UL LI	{
	margin-bottom: 0.5em;
}

/*
#navPyra {
	margin:0;
	margin-bottom: 1em;
	padding:2px 2px 2px 0px;
}
#navPyra li {
	margin:0;
	padding:0;
	display:block;
	list-style-type:none;
	letter-spacing: -0.05em;
}
#navPyra a:link, #navPyra a:visited {
	font-size:11px;
	font-weight:normal;
	padding:0px 0px 6px 12px;
	text-decoration:none;
	color:#747C7C;
	color:#5B5B52;
}
#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
	color: #B39E9D;
	color: #939393;
	color: #6B7829;
	background:url(/images/arrow1.gif) no-repeat left top;
	background:url(/images/arrow2.gif) no-repeat left top;
	background:url(/images/tab_pyra.gif) no-repeat left top;
}
*/

#content {
	float: left;
	width: 700px;
/*	margin-left: 90px;	*/
}
#content H1 {
	font-size: 14pt;
	color: #333333;
	font-family: Trebuchet, sans-serif;
	margin-top: 0;
}

#content #section	{
	padding: 0px;
	float:left;
	padding-top: 12px;

	width: 500px;
	padding-left: 15px;
	padding-right: 15px;

	width: 470px;
	padding-left: 25px;
	padding-right: 35px;
}

#content #section	IMG{
	display: inline;
}

#content #section H2 {
	margin-top: 0;
}
#content #section H3 {
	color: #5D87A1;
	margin-bottom: 0;
}

#content #section A:link, #content #section A:visited {
/*	color: #6C8257;  */

}
#content #section A:hover {
}
#content #section A:active {
}
#content P, #content #section P	{
	font-size: small;
	margin-top: 0;

}

#content #section P.introduction	{
	color: #5D87A1;
	font-size: 12pt;
	line-height: 16pt;
}

#content #section UL	{
	margin: 1.5em;
	padding: 0em;
}

#content #section UL.links	{
	background-color: #E4EBEF;
	border: 1px solid #D7E1E8;	
	padding: 1em 2em 1em 2em;
	margin-left: 0;
}
#content #section UL LI	P{
	margin-bottom: 0.5em;
}

#content #section TABLE	{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-color: #cccccc;
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-spacing: 0;
	border-collapse: collapse;

}
#content #section TH, #content #section TD {
	margin: 5px;
	padding: 5px;
}
#content #section TD	{
	text-align: left;
	font-size: 10px;
}

#content #section TD P	{
	margin: 0;
}

#content #section TH	{
	text-align: left;
	font-size: 10px;
}

#content #section CAPTION	{
	text-align: left;
	font-size: 10px;
}

#content #section FIELDSET	{
	border: none;
	border-top: 1px solid #859C6D;
	margin-bottom: 2em;
}
#content #section LEGEND	{
	color: #000;
	font-size: 12px;
}

#content #section	HR	{
	background-color: #96A28A;
	color: #96A28A;
	height: 1px;
	width: 90%;
	padding: 0;
}

#content #section DL DD	{
	margin-bottom: 1em;
}

#content #section	FORM	{
}
#content #section	FORM DL DT	{
	width: 175px;
	float: left;
	height: 30px;
	text-align: left;
	margin-right: 1em;
	clear: both;
	margin-bottom: 5px;
}
#content #section	FORM DL DD	{
	width: 200px;
	margin: 0;
	float: left;
	height: 30px;
	margin-bottom: 5px;
}
#content #section	FORM DL INPUT:hover	{
	background-color: #5D87A1;
	background-color: #E4EBEF;
	border: 1px solid #999999;
}

#content #section	.return_to_top	{
	clear: both;
}

#content #rhs-bar	{
	width: 170px;
	float: right;
} 


#footer	{
	float: left;
	width: 650px;
	margin-left: 115px;
	margin-top: 1em;
	margin-bottom: 2em;
	padding-top: 0.5em;
	border-top: 1px solid #CCCCCC;
	font-size: 7pt;
}
#footer #copyright	{
}

#footer	A:link		{	color: #304933; }
#footer	A:visited {	color: #304933; }
#footer	A:hover		{	color: #304933; }
#footer	A:active	{	color: #304933; }
