* {
	margin: 0;
	padding: 0;
}
body{
	z-index: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: justify;
}

/*=== POSITIONING OF DIVS ===*/
#wrapper{
	width: 700px;
	position: relative;
	left: 50%;
	margin-left: -350px;
	background-image: url(img_styles/bg_body.jpg);
	background-repeat: repeat-y;
	z-index: 1;
}

#inner{
	/*width: 600px;
	position: relative;
	left: 50px;*/
	
}
#head{
	background-image: url(img_styles/head.jpg);
	background-repeat: no-repeat;
	background-position: left 6px;
	height: 173px;
	position: relative;
	left: 50px;
	/*border: solid 1px green;*/

}

#head h1{
	position: relative;
	left: 150px;
	top: 20px;
	font-size: 5.6em;
	font-family: Brussels, 'Comic Sans MS', script;	/*conditional style for IE*/
	color:#f5680f;		/* #cc0000;*/
}

#content{
	width: 364px;		/*conditional style for less than IE6*/
	margin-bottom: 10px; /*this margin creates some space at end of content
									which allows the top of the bottom image for "inner"
									to display*/
	/*border: 1px solid blue;*/
}


#navbar{
	float: right;
	/*border: 1px solid pink;*/
	margin-right: 50px;	/*conditional style for less than IE7*/
	margin-bottom: 350px; /*creates a space in which bottom right image displayed*/
}
#foot{
	position: relative;
	width: 100%;
	clear: both;
	margin-left: 2%;
	left: 50px;
}
#foot span{
	position: absolute;
	left: 418px;
	top: -330px;
	width: 300px;
	height: 330px;
	background-image: url(img_styles/foot_flower.jpg);
	background-repeat: no-repeat;
	/*border: 1px solid black;*/
}

/*=== BORDERS - CONTENT ===*/
#inner{
	width: 379px;
	background: url(img_styles/box_lg_btm.jpg) no-repeat bottom;
	position: relative;
	left: 62px;
}
#page_heading{
	position: relative;
	background: url(img_styles/box_lg_top.jpg) no-repeat;
	height: 62px;		/*62px*/
	/*border: solid 1px red;*/
}
#page_heading h2{
	padding-top: 33px;		/* increasing top padding introduces a space below heading in IE6, 5.5*/
	padding-left: 2%;
	/*border: solid 1px blue;*/
}
#content{
	border-left: 1px solid #ff920a;
	border-right: 1px solid #ff920a;
	/*padding-bottom: 23px;*/
}
/*=== BORDERS - NAVBAR ===*/
#navbar{
	position: relative; /*makes bottom border display in IE7, 6, 5*/
	width: 176px;
	background: url(img_styles/box_sm_btm.jpg) no-repeat bottom;
	padding-bottom: 18px;

}

#navbar_heading{
	background: url(img_styles/box_sm_top.jpg) no-repeat;
	height: 52px;
}
#navbar ul{
	position: relative;
	width: 164px;
	/*margin-bottom: 18px;*/		/*extends bottom of box and in FF only, displays bottom border*/
	/*padding-bottom: 18px;			extends bottom of box - no image*/
	 border-left: 1px solid #ff920a;
	border-right: 1px solid #ff920a;
}

/*=== COLOURS, FORMAT ===*/
#page_heading h2{
	font-size: 2.6em;		/*2.8em introduces an unacceptable gap below heading in IE6, 5.5*/
								/*conditional IE*/
	font-family: Brussels 'Comic Sans', script; /*conditional style for IE*/
	color:#f5680f;
}

#content{
	background-color: #ffffff;
}
#content h3{
	margin-left: 2%;
	font-size:1.4em;
}
#content p{
	padding-left: 2%;
	padding-right: 3%;
	padding-top: .2em;
	padding-bottom: .7em;
	font-size: 1.1em;
	line-height: 1.3;
}
#content p.first{
	padding-top: 1em;
}

#navbar ul{
	background-color: #ffffff;
}
#navbar li{
	margin-left: 2em;
	font-size: 1.1em;
	line-height: 1.5;
}
#navbar_heading h3{
	font-size: 2.1em;	/*conditional IE*/
	font-family: Brussels 'Comic Sans', script;
	padding-top: 22px;
	padding-left: 5%;
	color:#f5680f;
}
#foot p{
	padding-bottom: .5em;	/*closes up an unwanted blank space at bottom of page in IE*/
	padding-top: .2em;
}