/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
html>body #siteWrapper
{
	height: auto;

} /*for mozilla as IE treats height as min-height anyway*/

body {
	background: #FFFFFF top left repeat-x fixed url(../media/bg-page.jpg);
	overflow-y: scroll;
	text-align: center;
	margin: 0;
	padding: 0;
	}

#siteWrapper {
	text-align: left;
	width: 710px;
	padding: 0 20px !important;

	/* Footer Clearing Code */

	margin: 0 auto;	
	height: auto;
	height: 100%;
	min-height: 100%;
	margin-bottom: -20px;
	
	background: #fff center repeat-y url(../media/bg-main.jpg);
	}

	#header {
		position: relative; display: block;
		height: 155px; width: 710px;
		background-color: #FFFFFF;
		margin-bottom: 10px;
		}
	
		#header .logo {
			position: absolute;
			width: 450px; height: 155px;
			}
			
		#header .menu {
			float: right;
			width: 245px;
			clear: none;
			margin: 12px 0 0 0;
			padding: 0;
		}
		
		#header div {
			height: 24px;
			width: 220px;
			}
			
		#header div a {
			position: relative; display: block;
			height: 24px;
			width: 220px;
			background-color: transparent;
			background-position: left top;
			background-repeat: no-repeat;
			}
			
		#header div a:hover {
			background-position: left -24px;
			}

		#header div a.selected {
			background-position: left -48px !important;
			cursor: default;
			}			
			
		#menu01 {
			background-image: url(../media/menu/menu_01.jpg);
			}	

		#menu02 {
			background-image: url(../media/menu/menu_02.jpg);
			}	

		#menu03 {
			background-image: url(../media/menu/menu_03.jpg);
			}	

		#menu04 {
			background-image: url(../media/menu/menu_04.jpg);
			}	

		#menu05 {
			background-image: url(../media/menu/menu_05.jpg);
			}	


	#pages-centre {
		position: relative; display: block; overflow: auto;
		width: 710px; margin-top: 10px;
		background-color: #FFFFFF;
		}
				
		.content-left {
			float: left;
			width: 460px;
			background-color: #FFFFFF;
			overflow: visible;
			position: relative;
			}

			#picture-main {
				height: 180px;
				width: 710px;
				background-color: #FFFFFF;
				background-image: url(../media/picture-main.jpg);
				background-repeat: no-repeat;
				background-position: center top;
				clear: both;
				margin: 0 0 10px 0;
				}
			
			#picture-left {
				display: none;
				height: 100px;
				width: 454px;
				border: 1px solid #999999;
				background: #FFFFFF top left no-repeat url(../media/picture-left.jpg);
				overflow: hidden;
				}							

		.content-right {
			float: right;
			width: 240px;
			background-color: #FFFFFF;
			}
						
#footer {
	display: block; position: relative;
	width: 750px; height: 20px; line-height: 0px;
	margin: 0 auto;
	background: transparent center top no-repeat url(../media/bg-footer.jpg);
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
		
* html #siteFooter {/*only ie gets this style*/
	\height:20px;/* for ie5 */
	he\ight:20px;/* for ie6 */
}

#clearBottom {
	clear: both;
	height: 20px;
}/*needed to make room for footer*/

* > html #clearBottom {float:left; width: 100%;}/* ie mac styles */