/* 
	Title: Cascading Style-Sheet
	Author: John Lilley
	Created Date: 26/03/2007
	Updated Date: 26/03/2007
	Updated By:John Lilley

	Comments:
		- Main Style Sheet
		
		- Site Width: 760px;
		- Site Height: 559px
		- Site Colour: #ECB03F;
*/

body
{
	font-size: 11px;
	font-family: Helvetica, Sans-Serif, Verdana, Arial, SunSans-Regular;
	margin: 20px 30px 20px 30px;
	align: center;
	/*margin: 0px 0px 0px 0px;*/
	padding: 0px 0px 0px 0px;
	position: relative;
	background: #E7DAC7;
}

/*************** Font Styles ***************/

.mysite
{
	position: relative;
	width: 100%;
	height: 99%;
	padding: 0px 0px 0px 0px;
	/*margin: 20px 20px 20px 20px;*/
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;
	border: 1px solid #5D4828;
}

.layer_header
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 176px;
	border-bottom: 1px solid #5D4828;
}

.layer_slogan
{
	position: relative;
	float: left;
	width: 373px;
	height: 86px;
	margin: 90px 0px 0px 0px;
	border: 0px solid #000000;
	vertical-align: bottom;
}

.layer_site_logo
{
	position: relative;
	width: 100%;
	height: 176px;
	border: 0px solid #000000;
	text-align: right
}

.layer_middle
{
	position: relative;
	overflow: hidden;
	width: 100%;
	/*height: 375px;*/
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #FFFFFF;
}


.layer_left
{
	position: relative;
	overflow: visible;
	width: 170px;
	height: 375px;
	margin: 0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	background: #ECB03F;
	vertical-align: top;
	z-index: 2;
}

.layer_centre
{
	position: relative;
	overflow: hidden;
	/*width: 90%;*/
	width: 100%;
	/*height: 343px;*/
	height: 100%;
	margin: 0px 0px 0px 0px;
	/*padding: 19px 28px 19px 28px;*/
	padding: 0px 0px 0px 1px;
	border: 0px solid #000000;
	z-index: 1;
	vertical-align: top;
}

.column_centre
{
	width: 100%;
	overflow: hidden;
	padding: 19px 28px 19px 28px;
	vertical-align: top;
}

/*************** Font Styles ***************/

p
{
	font-weight: normal;
	font-size: 11px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 15px;
	text-align: left;
}

p.bold
{
	font-weight: bold;
}

h1
{
	font-size: 17px;
	font-weight: bold;
	color: #CD7214;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h2
{
	font-size: 20px;
	font-weight: normal;
	color: #5D4828;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

}

h3
{
	color: #CD7214;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

h4
{
	font-size: 11px;
        color: #CD7214;
	margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;

}

h5
{
	width: 890px;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	color: #CD7214;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;

}

/*************** Link Styles ***************/

a
{
	color: #CD7214;
	text-decoration:none;
}

a:hover
{
	color: #5D4828;
	text-decoration: none;
}

/*************** List Styles ***************/

ul
{
	font-size: 11px;
	/*padding-bottom: 10px;*/
	padding: 1px 0px 1px 15px;
	margin: 0px 0px 0px 0px;
}

li
{
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
}

.sitemap ul li
{
	margin: 5px 5px 5px 20px;
}
/*************** Image Styles ***************/

img
{
	border: 0px solid #000000;
	float: right;
}

img.left
{
	float: left;
}

img.right
{
	float: right;
}

img.centre
{
	float: none;
	text-align: center;
}

/*************** Table Styles ***************/

table.plain
{
	width: 95%;
	border: 0px solid #000000;
	text-align: left;
}

table.listing
{
	width: 99%;
	border: 0px solid #000000;
	text-align: center;
}

table.grid
{
	width: 95%;
	border: 1px solid #5D4828;
	text-align: left;
}

table.data
{
	width: 95%;
	border: 0px solid #5D4828;
	text-align: right;
}

/* ######################  Level 1 ###################### */


/* The following classes contronl the look of level 1 links for the main navigator */

div.navigation div.group_title
{
	display: block;
}

div.navigation div.group_title a 
{
	display: block;
	vertical-align: middle;
	color: #FFFFFF;
	padding: 7px 25px 7px 25px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	width: 120px;
}

div.navigation div.group_title a:hover
{
	color: #000000;
}

div.navigation div.group_title_ar
{
	display: block;
}

div.navigation div.group_title_ar a 
{
	display: block;
	vertical-align: middle;
	color: #000000;
	text-decoration: none;
	width: 168px;
}

div.navigation div.group_title_ar a:hover
{
	color: #000000;
}


/* ######################  Level 2 (flyout) ###################### */

/* This item affects the spacing of the li tags */

/* This item controls flyouts box */
.navigation ul.group_items 
{
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	display: none;
	width: 120px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 2000;
	background: #ECB03F;
	border: #5D4828 1px solid;
	vertical-align: top;
} 

.navigation ul.group_items a
{
	display: block;
	height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.navigation ul.group_items li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.navigation ul.group_items a:hover
{
	display: block;
	height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.group_items_selected
{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
 	background: #5D4828;
}

blockquote
{
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 0px 15px;
}

/*************** Input Styles ***************/

.input_box1, .input_box2, .input_box3, .textarea_box1, .textarea_box2, .myselect, .submit_button
{
	font-size: 11px;
	width: 300px;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
}

.textarea_box1, .textarea_box2
{
	font-family: Helvetica, Sans-Serif, Verdana, Arial, SunSans-Regular;
}

.input_box1, .textarea_box1
{
	width: 300px;
}

.textarea_box1
{
	height: 150px;
}

.input_box2
{
	width: 250px;
}

.input_box3, .myselect
{
	width: 150px;
}

.textarea_box2
{
	width: 200px;
	height: 50px;
}

.submit_button
{
	width: 80px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}