<!-- system wide -->

img		{
	border: 0;
	display: block;
	}

body	{
	margin: 0;
	padding: 0;
	border: 0;
	color: #1c1c1c;
	font: 15px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	background: url(../images/bg.jpg) top center repeat-x;
	}

div.spacer
{
	height:0;
	clear: both;
}

<!-- system wide  end-->

<!-- banner -->
#headercontainer	{
	width: auto;
	height: 90px;
	padding: 0;
	border: 0;
	margin: 0;
	display:block;
	}

#banner	{
	margin-left:auto;margin-right:auto;
	border: 0;
	padding: 0;
	/*padding-top: 65px;*/
	/*height: 0px !important; /* for most browsers */
	/*height :65px; /* for pre 6.0 IE Win */
	width:820px;height:91px;
	position:relative;
}
#homelogo a
{
	background: url(../images/8mins_to_Oxted_2_100px.jpg) no-repeat;
	float:left;
	height:67px;
	margin:0;
	margin-top:2px;
	margin-left:5px;
	padding:0;
	padding-top:0;
	width:100px;
	display:block;
	/*padding-top: 65px;*/
	/*height: 0px !important; /* for most browsers */
	/*height :65px; /* for pre 6.0 IE Win */
}
#homeicon a {width:60px;height:60px;position:absolute;background-image:url(../images/home.gif);background-repeat:no-repeat;padding:0 5px 0 0;margin:25px 0 0 730px;top:0;right:0;left:0;overflow:hidden;}
#homeicon a:hover {background-image:url(../images/home-over.gif);}

#emailicon a {width:60px;height:60px;position:absolute;background-image:url(../images/email.gif);background-repeat:no-repeat;padding:0 5px 0 0;margin:30px 0 0 780px;top:0;right:0;left:0;}
#emailicon a:hover {background-image:url(../images/email-over.gif);}

#wiki {position:absolute;margin-left:660px;width:160px;margin-top:72px;font-size:12px;font-weight:700;color:#6a6a6a;top:0;right:0;left:0;}
#forum {position:absolute;margin-left:20px;width:360px;margin-top:72px;font-size:12px;font-weight:700;color:#6a6a6a;top:0;right:0;left:0;}
#maillist {position:absolute;margin-left:180px;width:260px;margin-top:72px;font-size:12px;font-weight:700;color:#6a6a6a;top:0;right:0;left:0;}
#blog {position:absolute;margin-left:480px;width:60px;margin-top:72px;font-size:12px;font-weight:700;color:#6a6a6a;top:0;right:0;left:0;}
#forum a,#wiki a,#blog a, #maillist a {color:#438836;text-decoration:none;}
#forum a:hover,#wiki a:hover, #blog a:hover, #maillist a:hover {color:#d90d04;}

#fontsizeselector h6 {font-size:9px;position:absolute;padding:0 0 0 0;margin:0 0 0 700px;top:0;right:0;left:0;color:#ccc;}
#fontsizeselector a {color:#ccc;text-decoration:none;}
#fontsizeselector a.stylesel {color:#013f5c;text-decoration:none;}
#fontsizeselector a:hover {color:#fff;}

<!-- banner end-->

<!-- top navigation-->
#menuholder {width:100%;background-color:#fff;height:150px;display:block;}
/*IE6 hack to get widths displaying same for the menuholder*/
html>body #menuholder {padding:2px 0 2px 0;}
/*#topmenu {margin:0px 0px 0px 148px;padding-bottom:0;}*/
#topmenu {width:840px;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:0;}
html>body #topmenu {width:860px;}
/* two lines above need to correct IE6 misbehaving with padding/margins */

#topmenu li
{
	list-style:none;
	float:left;
	margin-left:0;
	padding-top:107px;padding-bottom:1px;padding-left:0;
	font-size:10px;
	white-space:nowrap;
	line-height:51px;
	width:164px;
	background:url(../images/PicBtnBar_01.jpg) no-repeat;
	display:block;
}

#topmenu a {display:block;float:left;
			font-weight:bold;text-decoration:none;
			font-size:18px;
			text-align:right;
			color:#FFA86E;
			padding-left:5px;padding-right:10px;
			width:149px;
			cursor:pointer;
			}
			/*width:0.1em is an IE6 hack to make sure the whole 'box' including padding is a link and reacts accordingly*/
			html>body #topmenu a {width:auto;} /*this fixes the IE6 hack as IE6 does not understand child selectors and reverts the width to auto.*/
/* Commented backslash hack hides rule from IE5-Mac \*/
#topmenu a {float:none;}	/*end of hack*/
#topmenu a:hover {background-color:#000;}

#topmenu #current a {color:#fff;background-color:#000;}
/*#topmenu #inactive a {color:#aaa;}*/

#topmenu a.one {background-color:#366e2b;}
#topmenu a.two {background-color:#428635;}
#topmenu a.three {background-color:#4b973b;}
#topmenu a.four {background-color:#51a541;}
#topmenu a.five {background-color:#59b447;}
#topmenu li.one {background-image:url(../images/news.jpg); }
#topmenu li.two {background-image:url(../images/weblinks.jpg); }
#topmenu li.three {background-image:url(../images/clients.jpg);}
#topmenu li.four {background-image:url(../images/documents.jpg); }
#topmenu li.five {background-image:url(../images/login.gif); }
#topmenu li.dzone {background-image:url(../images/login.gif);}
#topmenu li.dztwo {background-image:url(../images/browse.gif); }
#topmenu li.dzthree {background-image:url(../images/drop.gif);}
#topmenu li.dzfour {background-image:url(../images/get.gif); }
#topmenu li.dzfive {background-image:url(../images/delete.gif);}
html>body #topmenu a.one:hover {background-color:#000;}
html>body #topmenu a.two:hover {background-color:#000;}
html>body #topmenu a.three:hover {background-color:#000;}
html>body #topmenu a.four:hover {background-color:#000;}
html>body #topmenu a.five:hover {background-color:#000;}

*.hilight {color:#366e2b;font-weight:700;}
*.hilight-small {color:#366e2b;font-weight:800;font-size:small;}

/*
#outerleftpanel {
	width:246px;
	float:left;
	display:block;
	margin-bottom:25px;
}

#leftpanel {
	width:102px;
	margin-left:0px;
	margin-right:0px;
	padding-top:2px;
margin-bottom:25px;
}
*/
#container
{
	width:820px;
	margin-left:auto;margin-right:auto;
	margin-top:1px;
	background-color:#a2f;
	/*border-right:thin solid #fff;
	border-left:thin solid #69b5d2;*/
	border-bottom:thin solid #fff;
	/*clear:both;*/
	background:url(../images/leftbackgreen.gif) left repeat-y;
	padding-top:1px;
}

#leftpanel {
	width:246px;
	min-width:246px;
	/*background-image:url(../images/leftmenubackground.png);background-repeat:repeat-y;*/
	float:left;
	/*border: 1px dashed #e41;*/
	padding-top:4px;
	/*background-color:#fff;*/
}

#leftpanel h3
{
	margin:40px 0px 0px 0px;
	padding: 0px 5px 0px 10px;
	background-color:#dea145;color:#fff;
	width:246px;
	min-height:25px;
	font-size:11px;
}
/*html>body #leftpanel h3 {width:150px;}*/
*.leftmenu {margin:0;margin-left:0;padding-left:0;width:151px;}
*.leftmenu li {list-style:none;float:left;margin:0;line-height:20px;width:151px;
	/*border: 1px dashed #1f1;*/
}

*.leftmenu a {display:block;
			font-weight:600;text-decoration:none;
			font-size:14px;
			border-bottom:1px solid #eeeeee;
			background:#FFA86E;
			color:#FFA86E;
			padding-left:20px;padding-right:5px;
			padding-top:5px;padding-bottom:5px;
			background-image:url(../images/leftbutton.gif);background-repeat:repeat-y;
			width:219px;
			float:left;
			}
			/*width:0.1em is an IE6 hack to make sure the whole 'box' including padding is a link and reacts accordingly*/
			html>body #leftmenu a {width:auto;} /*this fixes the IE6 hack as IE6 does not understand child selectors and reverts the width to auto.*/
/* Commented backslash hack hides rule from IE5-Mac \*/
*.leftmenu a {float:none;}	/*end of hack*/
*.leftmenu a:hover {background-color:#000; color:#ffa86e;border-color:#0097d0 #dbdbdb #dbdbdb #0097d0;background-image:none;}
*.leftmenu a.menuselected {background-color:#000;color:#fff;background-image:none;}
*.leftmenu a.subselected {color:#fff;border-color:#dea145;font-weight:bold;border-bottom:2px solid #000;}

#randomquote
{
	font-family: verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	padding:10px;
	padding-top:20px;
	text-align:center;
	font-size:20px;
	color:#fff;
	font-style:italic;
	font-weight:800;
	clear:left;
}

*.pressquote
{
	font-family: "Times New Roman", Times, serif;
	color:#444;
	font-style:italic;
	font-weight:800;

}

#page
{
	margin-left:245px;
	margin-bottom:25px;
	margin-right:0px;
	/*border: 1px dotted #3d1;*/
}

#page p{
	margin: 0px 40px 0px 40px; padding: 10px 5px 0px 0px;
	color:#6a6a6a;
	/*border-left:solid;border-left-color:#ffc266;border-left-width:thin;
	border-right:solid;border-right-color:#ffc266;border-right-width:thin;*/
	/*border:1px solid #f36;*/
}

#pagetitle
{
	width:500px;
	margin: 10px 0px 0px 12px;
	float:left;
	color:#d90d04;
	padding:25px 0px 5px 25px;
	font-size: 19px;
	font-weight:700;

}
#page q
{
	color:#016390;font-style:italic;
}
#page *.footnote
{
	font-size:xx-small;
	color:#aaa;
}

#subTitle
{
	width:500px;
	margin: 10px 0px 0px 12px;
	float:left;
	color:#A70B03;
	padding:25px 0px 5px 25px;
	font-size: 15px;
	font-weight:600;
/*
	margin: 10px 0px 0px 12px;
	color:#69b5d2;
	padding:5px 0px 0px 25px;
	font-size:19px;
	font-weight:600;
	/*border:1px solid #f36;/
	clear:both;*/
}

#knockoutleft
{
	/*margin: 10px 1em 1em 0;
	padding:0.25em;*/
	width:180px;
	float:left;
	margin: 15px 10px 15px 20px; padding:0.25em;
	border:1px solid;
	font-size:small;
	background-color:#eee;
}
html>body #page #knockoutleft {margin-left:40px;margin-bottom:5px;}
#knockoutleft q
{
	color:#000;font-style:italic;
}
#knockoutright
{
	/*margin: 10px 1em 1em 0;
	padding:0.25em;*/
	width:180px;
	float:right;
	margin: 15px 20px 15px 40px; padding:0.25em;
	border:1px solid;
	font-size:small;
	background-color:#eee;
}
html>body #page #knockoutright {margin-right:40px;margin-bottom:5px;}
#knockoutright q
{
	color:#000;font-style:italic;
}

#knockoutleft p
{
	padding:1px;
	margin: 10px 5px 5px 0px;
}
html>body #page #knockoutleft p {margin: 10px 20px 5px 0px;}

#knockoutright p
{
	padding:1px;
	margin: 10px 5px 5px 0px;
}
html>body #page #knockoutright p {margin: 10px 5px 5px 10px;}


#subKTitle
{
	margin: 5px 5px 5px 5px;
	color:#dea145;
	width:auto;
	padding:5px 5px 5px 5px;
	border-bottom:2px solid #dea145;
	font-weight:bolder;
	/*border:1px solid #f36;*/
}


*.leftmenu
{
	list-style-type:none;
	/*float:left;*/
}


*.list-normal, *.8minbullet {list-style-type:none;
				/*float:left;
				margin: 0px 40px 0px 40px;
				padding: 10px 0px 0px 0px 0px;*/
}
*.8minbullet
{
	list-style-image:url(/images/8minbullet.gif);
	list-style-type:disc;
	margin-left:60px;padding-left:0;
	color:#6a6a6a;
}

*.list-numbered
{
	margin-left:60px;padding-left:10px;
	color:#6a6a6a;
}

#page a {color:#016390;}


*.list-links
{
	list-style-image:url(../images/daabullet.gif);
	list-style-type:disc;
	margin-left:60px;padding-left:0;
	color:#6a6a6a;
}

*.noborder
{
	text-decoration:none;border-style:none;
}

#piclogo
{
	margin-top:0px;
	float:left;
	display:block;
	padding-right:2px;
}

#picleft
{
	top:10px;
	float:left;
	display:block;
	padding:10px;
	margin:5px;
	border:1px solid;
}
#picrightnoborder
{
	top:10px;
	float:right;
	display:block;
	padding:10px;
	margin:5px;
}
#picright
{
	top:10px;
	float:right;
	display:block;
	padding:10px;
	margin:5px;
	border:1px solid;
}
#subTitle
{
	clear:both;
}


#username, #password,#dropfile,#droprecipient,#dropdescription,#dropcompList,#submit
{
	margin-left:12px;
	padding-left:40px;
	margin-top:5px;
}
html>body #username, #password,#dropfile,#droprecipient,#dropdescription,#dropcompList,#submit
{
	margin-left:12px;
	padding-left:25px;
	margin-top:5px;
}


#loginform p
{
	margin-left:12px;
	padding-left:37px;
}
html>body #loginform p
{
	margin-left:12px;
	padding-left:25px;
}
#row-odd, #row-even
{
	width:554px;
	padding-left:10px;
	margin-left:1px;
}
#row-odd
{
	background-color:#eee;
}
#row-even
{
	background-color:#fff;
}

#row-odd ,#row-even  {text-decoration:none;
			display:block;float:left;
			cursor:pointer;
			}
			/*width:0.1em is an IE6 hack to make sure the whole 'box' including padding is a link and reacts accordingly*/
			html>body #row-odd,#row-even a {width:auto;text-decoration:none;} /*this fixes the IE6 hack as IE6 does not understand child selectors and reverts the width to auto.*/
/* Commented backslash hack hides rule from IE5-Mac \*/
#row-odd,#row-even  {float:none;}	/*end of hack*/
#row-odd:hover,#row-even:hover {background-color:#69b5d2;border:none;}


#label
{
	font-size:small;
	color:grey;
}

#label p
{
margin-left:5px;
display:inline;
font-size:x-small;
}

#label p.brwFilename
{
	font-size:small;
	color:#086123;
	display:inline;
}


#footercontainer
{
	width:820px;
	margin-left:auto;margin-right:auto;
	float:left;
	background-color:#445a40;
	padding:0 0 0 0;
	color:#fff;
	font-weight:900;
	/*margin-left:auto;margin-right:auto;width:750px;*/
	/*border:1px solid #f36;*/
	display:inline;
}

#fcontainer
{
	float:left;width:742px;margin-left:-200px;
	padding:10px;
}
#fleft
{
	float:left;
	width:300px;
	margin-left:100px;
	font-size:xx-small;
	text-align:left;

}
/*IE6 hack to get margin postion correct for IE6*/
html>body #fleft {margin-left:200px;}
#fmiddle
{
	margin-left:400px;
	font-size:xx-small;
	font-weight:700;
	text-align:center;
	/*border:1px solid #661;*/
}
#fmiddle a {color:#fff;}

#fright
{

	margin-left:-200px;
	font-size:xx-small;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:750px;
	/*border:1px solid #61a;*/
}

#fright a {color:#ffc266;text-decoration:none;}


*.subTitle, *.subTitleNC
{
	width:500px;
	margin: 5px 0px 0px 12px;
	float:left;
	color:#A70B03;
	padding:5px 0px 5px 25px;
	font-size: 15px;
	font-weight:600;}

*.list-normal-8minbullet
{
	float:left;
	list-style-image:url(/images/8minbullet.gif);
	list-style-type:disc;
	margin-left:60px;padding-left:0;
	color:#6a6a6a;
}
*.list-normal-8minbullet li
{
	margin-bottom:10px;
}
*.list-normal-8minbullet li a
{
	text-decoration:none;
	border-style:none;
	font-weight:800;
	color:#0F992B;
}


*.list-normal-audio
{
	float:left;
	list-style-image:url(/images/8minbullet.gif);
	list-style-type:disc;
	margin-left:60px;padding-left:0;
	color:#6a6a6a;
}
*.list-normal-audio li
{
	margin-bottom:10px;
	font-size:x-small;
}
*.list-normal-audio li a
{
	text-decoration:none;
	border-style:none;
	font-weight:800;
	color:#0F992B;
}


*.narrowtext
{
	width:15%;
	display:inline;
}

*.fullwidthtext
{
	
	margin-right:10px;
	margin-top:10px;
	width:60%;
}

label.formlabel {color:#990000;width:25%;margin-left:5px;float:left;display:inline;text-align:right;margin-right:5px;line-height:12px;margin-top:10px;}
label.mediumlabel {color:#990000;width:65%;margin-left:5px;float:left;display:inline;text-align:right;margin-right:5px;line-height:12px;margin-top:10px;}
label.narrowlabel {color:#990000;margin-left:5px;display:inline;text-align:right;margin-right:5px;line-height:12px;margin-top:10px;}
label.blocklabel {color:#990000;width:70%;margin-left:40px;float:left;display:block;text-align:center;margin-right:10px;line-height:12px;margin-top:10px;}
label.bigformlabel {color:#990000;width:99%;margin-left:5px;float:left;display:inline;text-align:left;margin-right:5px;line-height:12px;margin-top:10px;}

*.inline
{
	display:inline;
}

input:focus, textarea:focus
{
	background-color:#990000;
	color:#ffeeff;
}

*.line
{
	width:100%;float:left;display:block;
}

fieldset
{
	margin-left:40px;
	margin-right:20px;
}

*.error
{
	color:#000;
	font-weight:800;
	margin-left:40px;
}
*.error2
{
	color:#D90137;
	font-weight:800;
	margin-left:40px;
}

#adverts
{
	margin:0;
	
}

#adverts li
{
	list-style:none;
	float:left;
	margin:0;
}


#advertholder {width:100%;background-color:#fff;}
/*IE6 hack to get widths displaying same for the menuholder*/
html>body #advertholder {padding:2px 0 2px 0;}
/*#topmenu {margin:0px 0px 0px 148px;padding-bottom:0;}*/
#adverts {width:840px;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:0;background-color:#fff;}
html>body #adverts {width:860px;margin-left:-40px;}
/* two lines above need to correct IE6 misbehaving with padding/margins */


#adverts li
{
	list-style:none;
	float:left;
	margin-left:0px;
	padding-top:107px;padding-bottom:1px;padding-left:0px;
	font-size:10px;
	white-space:nowrap;
	line-height:18px;
	width:161px;
	background:url(../images/PicBtnBar_01.jpg) no-repeat;
	border:1px solid;
}

#adverts a {
	float:left;
	font-weight:bold;text-decoration:none;
	font-size:12px;
	text-align:center;
	color:#636363;
	padding-left:5px;padding-right:10px;
	width:148px;
	cursor:pointer;
}
/*width:0.1em is an IE6 hack to make sure the whole 'box' including padding is a link and reacts accordingly*/
html>body #adverts a {width:auto;display:block;} /*this fixes the IE6 hack as IE6 does not understand child selectors and reverts the width to auto.*/
/* Commented backslash hack hides rule from IE5-Mac \*/
#adverts a {float:none;}	/*end of hack*/
#adverts a:hover {background-color:#000;}

*.ad
{
	font-family: verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	padding:2px;
	padding-top:2px;
	font-size:10px;
	color:#636363;
	font-style:normal;
	width:141px;
}
#adpanel
{
	width:151px;
	height:65px;
	text-align:left;
	margin: 1px; padding:0;
	white-space:normal;
	line-height:normal;
	background-color:#fff;
}


#pushleft, #gallery
{
	margin:45px;
}


div.holder, div.thumbs, div.widethumb
{
	float:left;
	width:140px;
	margin-left:5px;margin-top:5px;background:#eee;
	border:1px solid;border-color:#ff7800;
	margin-bottom:5px;
}

div.holder img,div.thumbs img, div.widethumb img
{
	border:2px inset; border-color:#444 #aaa #444 #aaa;
	width:125px;
	margin-left:5px;margin-top:5px;margin-bottom:2px;
	background-color:#eee;
}


div.holder h6, div.thumbs h6, div.widethumb h6
{
	font-size:small;
	font-weight:700;
	font-style:italic;
	color:#ff7800;
	background-color:#eee;
	height:20px;
	margin-top:10px;
	margin-left:5px;
}
html>body *.holder h6 {margin-top:1px;}
html>body *.thumbs h6 {margin-top:1px;}
html>body *.widethumb h6 {margin-top:1px;}

div.widethumb
{
	width:420px;
}
div.widethumb img
{
	width:405px;
}


div.picholder 
{
	float:left;
	width:500px;
	margin:5px;
	background:#eee;
	border:1px solid;
	border-color:#ff7800;
	
}

div.picholder img
{
	border:2px inset; border-color:#444 #aaa #444 #aaa;
	width:480px;
	margin:5px;
	background-color:#eee;
}

div.picholder h6
{
	font-size:xx-large;
	font-weight:700;
	font-style:italic;
	color:#ff7800;
	background-color:#eee;
	height:0px;
	margin-top:0px;
	margin-left:15px;
}

*.standardchk
{
	display:inline;
}