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;
	vertical-align: baseline;
}
/* 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: "" "";
}
/* end reset code */

/*** Page Structure ***/

body {
	font-family:tahoma, verdana, arial, sans-serif;
  	font-size:100%;	
  	text-align:center;
}

p {
	line-height:1.5em;
}

#navskip {
	position:absolute;
	left:-9999px;	
}

#container {
	font-size:12px;
	width:100%;
	background:url(images/pagebg.jpg) center repeat-y;
	/*width:960px;
	margin:0 auto;
	text-align:left;*/
}

#pagecontent ul {
	list-style-type:disc;
}

#pagecontent ul li {
	margin-left:15px;	
	line-height:1.6em;
}

h1, h2, h3, h4, h5, h6{
	font-size:15px;
	font-weight:900;
	line-height:2.4em;	
}

#header {
	background:#fff;
	position:relative;
	height:132px;	
	border-bottom:2px solid #424242;
}

.breadcrumbs {
	z-index:10;
	position:relative;
	top:5px;
	font-size:14px;
	padding:8px;
	padding-left:17px;
	margin:9px;
}

.breadcrumbs a {
  text-decoration:none;
  border-bottom:1px solid #888;	
}

.breadcrumbs a:hover {
	text-decoration:none;
	border-bottom:1px solid #fff;	
	color:#aaa;
}

#header h1, #header h2 {
	display:none;	
}

#header .content {
	position:relative;
	width:960px;
	margin:0 auto;
	text-align:left;	
}

#header .logo {
	position:absolute;
	width:358px;
	height:128px;
	
	background:url(images/logo.jpg);
}

#header .tagline {
	position:absolute;
	width:518px;
	height:43px;
	right:0px;
	top:47px;
	background:url(images/tagline.jpg);
}

#pagebody {
	width:960px;
	margin:0 auto;
	text-align:left;	
	overflow-y:hidden;
}

#sidebar {
	position:relative;
	/*overflow:hidden;*/
	width:190px;
	float:left;	
}


#pagebody #topbar {
	height:50px;
	overflow:hidden;
}

#pagebody #topbar .overlay {
	position:absolute;
	z-index:5;
	height:50px;
	width:960px;
	background:url(images/topbar.png);
	
}

#pagebody .inner {
	position:relative;
	overflow-y:hidden;
	float:right;
	width:726px;
	left:-10px;
	padding:10px 0;
}

#pagebody .inner p {
	margin-bottom:10px;	
	
}

blockquote {
	padding:10px;
	font-style:italic;	
}

#footer {
	clear:both;
	height:140px;
	background:url(images/footerbg.gif) repeat-x;	
}

#footer .inner {
	width:960px;
	margin:0 auto;
	text-align:left;	
}

#footer .box {
	line-height:1.5em;
	padding:12px;
	font-size:14px;
	float:left;
	width:286px;
	height:86px;
	margin:25px;
	background:url(images/footerbox.gif) no-repeat;
}

#footer .box dt { position:absolute; clear:left; }
#footer .box dd { position:relative; left:50px; }

/** Sidebar Menu **/

#sidebar a {
 	display:block;
 	/*padding:9px 10px;*/
 	height:32px;
 	margin:3px 0;
 	width:180px;
 	text-decoration:none;
 	color:#fff;
 	font-size:19px;
 	line-height:1.5em;
 	padding-left:10px;
}

#sidebar a.a { background:#A34600; }
#sidebar a.b { background:#6D0840; }
#sidebar a.c { background:#EFB400; }
#sidebar a.d { background:#F30302; }
#sidebar a.e { background:#4F8F2C; }
#sidebar a.f { background:#F55D8E; }
#sidebar a.g { background:#07953E; }
#sidebar a.h { background:#09329E; }

#sidebar ul {
	position:relative;
	left:12px;	
}

#sidebar ul ul {
	left:0px;	
}

#sidebar ul ul a { font-size:12px; color:black; margin:0; margin-left:10px; padding-left:10px; width:170px; line-height:1.5em; height:22px; background-color:#fff; }
#sidebar ul ul li.on a { background:#aaa; }
#sidebar ul ul ul li.on a { background:#ccc; }
#sidebar ul ul ul a { margin-left:20px; padding-left:10px; width:160px; font-size:11px; height:19px; background-color:#fff; }

#sidebar a:hover { background:white; color:black; }
#sidebar ul ul a:hover { background-color:#aaa; }
#sidebar ul ul ul a:hover { background-color:#ccc; }

#sidebar #contactlink, #sidebar #sitemaplink {
	float:left; 
	display:block;
	color:white;
	font-size:13px;
	font-weight:900;
	text-align:left;	
	line-height:1.9em;
	position:relative;
	left:10px;
	width:80px;
	background:#888;
	height:27px;
	margin:0px 2px;
}

#sidebar #sitemaplink {
 left:14px;	
}


#sidebar #contactlink:hover, #sidebar #sitemaplink:hover {
	background:#fff;	
	color:#000;
}

#sidebar #logos {
	padding:30px 0;	
}

#sidebar #logos a, #sidebar #logos a:hover {
	height:80px;
	border:0;
	background:none;
	margin:17px 22px;
}

/* page context colour display */

.pageContext { color:#fff; }
#body_{$pageAlias} .pageContext { background-color:#444 }
#body_{$pageAlias} .pageContext a { color:#000; }
.pageContext a { color:#fff; }
#sidebarContextSelect { position:absolute; height:32px; width:8px; left:-8px; }
#sidebarContextSelect span {
	position:absolute;
	left:-2px;
	top:8px;
	width:18px;
	height:18px;
	background:url(images/dot.png);
}
#body_page1 .pageContext, #body_page1 #sidebarContextSelect { background-color:#A34600 }
#body_page2 .pageContext, #body_page2 #sidebarContextSelect { background-color:#6D0840 }
#body_page3 .pageContext, #body_page3 #sidebarContextSelect { background-color:#EFB400; color:#000; }
#body_page3 .pageContext a { color:#000 }
#body_page4 .pageContext, #body_page4 #sidebarContextSelect { background-color:#F30302 }
#body_page5 .pageContext, #body_page5 #sidebarContextSelect { background-color:#4F8F2C }
#body_page6 .pageContext, #body_page6 #sidebarContextSelect { background-color:#F55D8E }
#body_page7 .pageContext, #body_page7 #sidebarContextSelect { background-color:#07953E }
#body_page8 .pageContext, #body_page8 #sidebarContextSelect { background-color:#09329E }

#sidebarContext { position:absolute; width:8px; height:5000px; float:left; }

/* dots */

#dot1 {
	z-index:99999;
	position:absolute;
	left:-5px;
	top:-15px;
	width:18px;
	height:18px;
	background:url(images/dot.png);
}

#dot2 {
	position:absolute;
	left:-5px;
	bottom:330px;
	height:18px;
	width:18px;
	background:url(images/dot.png);
}

#ufbTable td.ufbBorder{
	border: thick groove #A36400;
	padding: 10px;
}

/* fix silly ie6 png behaviour */
div, img, span { behavior: url("fileadmin/template/iepngfix.htc") } 


/* page specific css */

.logolist tr td a img {margin:12px;}

/* contact form */

#contactform fieldset { padding:10px; }

#contactform .tx_powermail_pi1_fieldwrap_html { padding:5px; }

#contactform label {float:left; margin-bottom:6px; }
#contactform textarea, #contactform input {display:block; clear:both;}