body {
	border: 0px;
	margin: 0px;
	padding: 0px;
	/*background-image: url(wallpaper.jpg);
	background-repeat: no-repeat;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	background-position: center top;
	background-attachment: scroll;
}

/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
/* ======================================================
menu1
========================================================= */
.menu { margin: 0px; height: 100px; font-size: 10px; font-family: Trebuchet ms; }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 12em; }
.menu li { background-color: #ff9900; float: left; }
.menu li.sub { background-color: #ff9900; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border: 1px solid #ffffff; display: block; text-decoration: none; height: 2em; line-height: 2em; width: 12em; color: #000000; padding-left: 1em; font-weight: bold; font-style: normal; font-variant: normal; text-transform: none; }
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 12em; }
* html .menu a:hover { color: #ffffff; background-color: #3300cc; position: relative; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #ffffff; background-color: #000000; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #ffffff; background-color: #3300cc; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -1em; left: 7em; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }

/* ======================================================
menu2
========================================================= */
.menu2 { margin: 0px; height: 100px; font-size: 10px; font-family: trebuchet ms; }
.menu2 ul { margin: 0pt; padding: 0pt; position: relative; z-index: 100; list-style-type: none; width: 12em; }
.menu2 li { background-color: #3300cc; float: left; }
.menu2 li.sub { background-color: #3300cc; }
.menu2 table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu2 a, .menu2 a:visited { border: 1px solid #ffffff; display: block; text-decoration: none; height: 2em; line-height: 2em; width: 12em; color: #ffffff; padding-left: 1em; font-weight: bold; font-style: normal; font-variant: normal; text-transform: none; }
.menu2 b { float: right; margin-right: 5px; }
* html .menu2 a, * html .menu2 a:visited { width: 12em; }
* html .menu2 a:hover { color: #ffffff; background-color: #ff9900; position: relative; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu2 li:hover { position: relative; }
.menu2 a:active, .menu a:focus { color: #ffffff; background-color: #ff9900; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu2 li:hover > a { color: #ffffff; background-color: #ff9900; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu2 li ul { padding: 2em; visibility: hidden; position: absolute; top: -1em; left: 7em; background-color: transparent; }
.menu2 li:hover > ul { visibility: visible; }
.menu2 ul a:hover ul ul { visibility: hidden; }
.menu2 ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu2 ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu2 ul a:hover ul { visibility: visible; }
.menu2 ul a:hover ul a:hover ul { visibility: visible; }
.menu2 ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu2 ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }




div#container {
	border-color: #666666;
	border-style: solid;
	border-width: 0px;
	background-color: #ffffff;
	margin: 0px auto;
	width: 1000px;
	padding: 0px;
	}
	
#left { float: left; 
	width: 200px;
	margin: 0px;
	padding: 0px;
	}

#centre { margin: 0 170px 0 190px;
	padding: 0px;
	}

#right { float: right; 
	width: 130px; 
	margin: 0px;
	padding: 0px;
	} 

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding: 0px;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	padding: 10px;
	border-bottom-color: #8080ff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-collapse: collapse;
	border-top-color: #8080ff;
	border-top-style: solid;
	border-top-width: 1px;


}
main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;

}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 10px 20px 10px 20px;
	background-color: #f0f8ff;
	}
h3 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	margin: 0px 0px 0px 0px;
}

a:link { color:#000000; text-decoration:none}
a:visited { color:#000000; text-decoration:none}
a:hover { color:#000000; text-decoration:underline; cursor:default}
a:active { color:#000000; text-decoration:none}

.header_orange {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	background-color: #FF9900;
	width: 1000px:
}

.footer_orange {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	background-color: #FF9900;
	width: 500px:
}



.productbox_center {
	background-color: ffffff;
	color: #666666;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	padding: 15px 0px 5px 0px;
	text-align: left;
	width: 95%;;
}

.diary {
	background-image: url(diary2.gif);
	padding: 0px;
	margin: 0px:
	height: auto;
	width: 130px;
	text-align: center;
	}

#title {
	width: 1000px;
	padding: 0px;
	}
	
#lefthead { float: left; 
	width: 700px;
	margin: 0px;
	padding: 0px;
	}
	
#righthead { float: right; 
	width: 300px; 
	margin: 0px;
	padding: 0px;
	} 		
	
div#menusupp {
	width: 176px;
	margin-top 20px;
	}
	

.haccordion .header, .haccordion .content{
	float: left;
	height: 200px;
	border: 1px dotted #FFCC00;
	background-color: #ff9900;
	
		}
		
.haccordion .header{
			width: 60px;
			background: #ccc;
			color: #fff;
			cursor: pointer;
		}
		
.haccordion .content{
			display: none;
			width: 0px;
			overflow: hidden;
		}

.haccordion .content p {
	margin: 0;
	padding: 5px;
	width: 380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
		}