html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit }

/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { font-family: Arial,Verdana,Helvetica,sans-serif }
strong { font-weight: bold }
p { margin-bottom: 15px }
em { font-style: italic }

#wrapper { width: 760px; margin: 0 auto }
#header { height: 99px; background: url(images/banner.jpg) no-repeat; margin-bottom: 2px }
	#header h1 { font-size: 24px; padding: 7px }
	#header h1 a { display: block; width: 314px; height: 86px; color: #FFF; text-decoration: none; background: url(images/hp_logo.gif) no-repeat }
	#header h1 a span { display: none }
#topnav { position: relative; height: 32px; background: url(images/navbg.jpg) repeat-x; margin-bottom: 15px; }
	#search { position: absolute; right: 10px; top: 5px }
		.searchresult { margin-bottom: 10px }
		.searchexcerpt { font-style: italic }
#breadcrumb { padding: 5px 15px 15px 15px; font-size: 11px; color: #666; }
	#breadcrumb a { color: #666; text-decoration: underline }
#mainleft, #mainbody { float: left; overflow: hidden }
#mainright { float: right; overflow: hidden }
#mainleft, #mainright { width: 160px; padding: 5px 0 }
#mainleft { margin-right: 5px }
	#mainleft h3 { font-size: 12px; font-weight: bold }
		#mainleft h3 a { }
	#sidenav { background: #D6E2FA; padding: 10px; font-size: 11px; margin-bottom: 10px }
		#sidenav li { padding: 5px 0  }
		#sidenav li a.on, #mainleft h3 a.on { color: #3678AF; font-weight: bold }
		#sidenav li a,#mainleft h3 a { color: #000; text-decoration: none  }
		#sidenav li ul { padding-left: 10px }
	#newsblock { padding: 10px; background: #CCC; font-size: 11px; margin-bottom: 10px}
		#newsblock h3 { color: #003D7E; margin-bottom: 10px; }
		#newsblock a { color: #666;}
	.wtblock { border: 1px solid #000; padding: 5px; border-top: none; font-size: 11px; margin-bottom: 10px}
	.greyblock { background: #CCC; padding: 5px; font-size: 11px; margin-bottom: 10px }
		.sideblockhead { height: 51px; padding: 0; margin: 0 }
		.sideblockhead span { display: none }
#mainbody { width: 415px; margin-right: 5px; padding: 5px}
	.bodytext { font-size: 12px; color: #666; line-height: 18px  }
	#mainbody ul { list-style: disc; padding-left: 30px } 
		#mainbody ul li {  }
	#mainbody table { width: 95%; }
		#mainbody table td { vertical-align: top; padding: 5px 0 ; border-bottom: 1px solid #F4F4F4 }
	
	
	#footer { margin: 10px 0; font-size: 11px; text-align: center; color: #999 }
		#footnav { padding: 0; margin-bottom: 10px }
		#footnav li { display: inline; padding: 0 5px; border-left: 1px solid #999 }	
			#footnav li:first-child { border: none  }
			#footnav li a { color: #999 }
			#footnav li ul { display: none }
			
	
/* Forms */
.mainforms { background: #FFF; margin: 0px; padding: 0 }
.mainforms h2, .mainforms h2 { margin: 0 0 10px 0; padding: 0 0 5px 0;  }
.mainforms .req, .mainforms .error { float: none }
.mainforms .error, p.error { color: #900 }
.mainforms ul, #mainforms ul { margin: 0; padding: 0; list-style: none }
.mainforms li { display: block; clear: both; padding: 5px 0; }
.mainforms input.field, .mainforms textarea.field { border:  padding: 3px 0 }
.mainforms label.desc { display: block; margin: 5px 0;font-size: 12px; font-weight: normal;  }
.mainforms li span { float: left; padding: 0 5px 0 0 }
.mainforms span label, .mainforms div label { clear: both; display: block; font-size: 12px; line-height: 12px;/* color: #999;*/ padding: 3px 0 }
.mainforms li div { padding: 3px 0 }
.mainforms input.large, .mainforms textarea.large { width: 99% }
.mainforms textarea.large { height: 60px }
.mainforms input.medium { width: 50% }
.mainforms div.left, .mainforms div.right { width: 48%; padding-right: 8px; float: left }		
.errorfield { border: 1px solid #900; background: #F1E5E5 }	

.mainforms .formrow { margin-bottom: 10px;  display: block; clear: both; }
.mainforms .formrow > div { display: block; clear: both;  }
/*.mainforms .formrow > span { display: block; height:26px; width: 200px; float: left; }*/
.mainforms .formrow > div > span { display: block; height:auto; width: 200px; float: left; }
.mainforms .formrow > div > span > input[type=checkbox] { margin-bottom:-2px; }
.mainforms .formrow > div > span > input[type=radio] { margin-bottom:-2px; }
.mainforms .formrow > .submit_container { display: block; clear: both; margin-top: 10px; }
						
			
/* Homepage */
#homebanner { background: url(images/global_reach_banner.jpg) no-repeat; width: 415px; height: 88px; margin-bottom:  10px }			
			
.clear { clear: both; height: 0; line-height: 0; font-size: 0px}

p.error	{ color: #900; }

.contacttable	{}
.contacttable label	{ display:block; }

ul#news-items-list	{ list-style:none; }
ul#news-items-list li	{ list-style:none; margin: 5px 0px; }
ul#news-items-list li span	{ font-weight:bold; display:inline-block; width:75px; height:45px; float:left; }

.update { border: 1px solid #FF9933; backgrou
         nd: #FFFFCC; padding: 10px; text-align: center }
