h1, h2, h3, h4, h5, h6, p, form, ul, li, dl, dt, dd{
	margin: 0;
	padding: 0;
	list-style: none;
}

body{
	padding: 0;
	margin: 0;
	text-align: center;
	background: url(../images/body.jpg) no-repeat 50% 0;
	font: 80%/1.4em verdana, arial, sans-serif;
	-webkit-background-size: 1920px 2456px;
}

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

span.article_separator{
	display: none;
}

div.wrapper{
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/whitedotsleft.png) no-repeat 0 0;
}
* html div.wrapper{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/paycerpole/images/whitedotsleft.png", sizingMethod="crop");
}

div.header{
	width: 909px;
	float: left;
	position: relative;
}

div.header h1{
	width: 610px;
	height: 66px;
	float: left;
	margin: 47px 0px 20px 210px;
	background: url(../images/h1.png) no-repeat 0 0;
}
* html div.header h1{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/paycerpole/images/h1.png", sizingMethod="crop");
}
div.header h1 span{
	display: none;
}
div.header div#shadowMask{
	width: 941px;
	height: 6px;
	bottom: 2px;
	z-index: 9996;
	position:absolute;
	background: url(../images/shadowmask.png) no-repeat 0 0;
}
div.header ul{
	width: 941px;
	min-height: 35px;
	margin: 40px 0 0 0;
	padding: 0 0 0 38px;
	float: left;
	position: relative;
	z-index: 9999;
	text-align: center;
	background: url(../images/menubg.png) no-repeat 0 0;
}
* html div.header ul{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/paycerpole/images/menubg.png", sizingMethod="crop");
}
div.header li{
	display: block;
	float: left;
	position: relative;
}
div.header a{
	position: relative;
	z-index: 9999;
	float: left;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	cursor: pointer;
	font-weight: bold;
	padding-left: 4px;
}
div.header a span{
	display: block;
	float: left;
	padding: 6px 20px 5px 20px;
}
div.header a:hover{
	background: url(../images/abgleft.png) no-repeat 0 0!important;
}
div.header a span:hover{
	display: block;
	background: url(../images/abgright.png) no-repeat 100% 0!important;
}

div.header li#current a,
div.header li.active a{
	background: url(../images/abgleft.png) no-repeat 0 0!important;	
}
div.header li#current a span,
div.header li.active a span{
	background: url(../images/abgright.png) no-repeat 100% 0!important;
}

/* Brand Nav */

div#navigation li{
	color: #766e6e;
	z-index: 9999;
	position: relative;
	cursor: pointer;
}

div#navigation li li,
div#navigation ul ul,
div#navigation ul ul a{
	z-index: 1!important;
}

/* When not hovering hide sub menu */

div#navigation ul ul{
	display: none;
}
div#navigation ul li ul li a{
	z-index: 1!important;
	font-family: Verdana, Helvetica, sans-serif;
}
div#navigation ul ul ul{
	display: none;
}

div#navigation ul ul li{
	font-size: 0.8em;
	float: none!important;
	padding: 0!important;
}
div#navigation ul ul ul li{
	font-size: 1em!important;
	float: none!important;
}

/* Make it hover */

div#navigation ul li:hover ul,
div#navigation ul li.sfhover ul,
div#navigation ul li.iehover ul{
	width: 200px;
	margin: 24px 0 0 0;
	display: block!important;
	position: absolute;
	top: 0;
	z-index: 1!important;
	left:0;
	padding: 6px 0 13px 0;
	text-align: left;
	background: url(../images/dropdownfoot.png) no-repeat 0 100%;
}
div#navigation ul li:hover ul ul,
div#navigation ul li.sfhover ul ul,
div#navigation ul li.iehover ul ul{
	display: none!important;
}
div#navigation ul li:hover ul li,
div#navigation ul li.sfhover ul li,
div#navigation ul li.iehover ul li{
	padding: 0 15px 0 13px!important;
	background: url(../images/subabg.png) repeat-y 0 0;
}
div#navigation ul li:hover ul a,
div#navigation ul li.sfhover ul a,
div#navigation ul li.iehover ul a{
	width: 170px;
	clear: both;
	text-align: left;
	font-size: 1em;
	font-size: lighter;
	padding: 0!important;
	color: #4a4a4a;
}
div#navigation ul li:hover ul a span,
div#navigation ul li.sfhover ul a span,
div#navigation ul li.iehover ul a span{
	width: 158px;
	display: block;
	padding: 7px 0 7px 12px;
	float: left;
	background: url(../images/abgdot.jpg) no-repeat 0 100%!important;
}

div#navigation ul ul li:hover ul,
div#navigation ul ul li.sfhover ul,
div#navigation ul ul li.iehover ul{
	top: 0;
	left: 200px;
	display: block!important;
}
div#navigation ul li:hover li,
div#navigation ul li.sfhover li,
div#navigation ul li.iehover li{
	clear: both;
	float: left!important;
}

/* Give it some colour */

/* Persistence on parent item */
div#navigation li:hover a,
div#navigation li.sfhover a,
div#navigation li.iehover a{
	background: url(../images/abgleft.png) no-repeat 0 0!important;
}
div#navigation li:hover a span,
div#navigation li.sfhover a span,
div#navigation li.iehover a span{
	background: url(../images/abgright.png) no-repeat 100% 0!important;
}

div#navigation li:hover li{
	background: url(../images/subabg.png) repeat-y 0 0!important;
}
div#navigation li:hover li a,
div#navigation li.sfhover li a,
div#navigation li.iehover li a{
	padding: 5px 0 5px 2px!important;
	background: none!important;
}
div#navigation li:hover li a span,
div#navigation li.sfhover li a span,
div#navigation li.iehover li a span{
	background: url(../images/abgdot.jpg) no-repeat 0 0!important;
}

div#navigation li:hover li a:hover,
div#navigation li.sfhover li a:hover,
div#navigation li.iehover li a:hover,
div#navigation li:hover li a:hover span,
div#navigation li.sfhover li a:hover span,
div#navigation li.iehover li a:hover span{
	background: #FF7315!important;
}

div#navigation li li#current span{
	background: #FF7315!important;
}

/* Colour the first sub item blue when hovered over */
div#navigation li ul li:hover a,
div#navigation li ul li.sfhover a,
div#navigation li ul li.iehover a{
	color: #FFF;
}
div#navigation li ul li:hover a span,
div#navigation li ul li.sfhover a span,
div#navigation li ul li.iehover a span{
	color: #FFF;
	background: #ff7315;
}
/* When the first sub item is hovered over, make sure it's sub items are
still un-effected, since they are childs of the hovered parent, they
will pick up whatever it's colour is. */
div#navigation li ul li:hover li a,
div#navigation li ul li.sfhover li a,
div#navigation li ul li.iehover li a{
	background: #AFAFAF!important;
}
/* Finally, the first sub level item will keep to it's original hover
state since it's still technically being hovered over, but now we can override
the above rule and give the next item down a hover colour once we actually hover
over it. */
div#navigation li ul li ul li:hover a,
div#navigation li ul li ul li.sfhover a,
div#navigation li ul li ul li.iehover a{
	background: #6a6a6a!important;
}

/* ---- */

div.content{
	width: 810px;
	float: left;
	padding: 0 60px 0 60px;
}
div.content h1,
div.content h2{
	font-size: 1.2em;
	padding: 0 0 12px 0;
}
div.content p{
	padding: 0 0 12px 0;
}
/*
div.content table.contentpaneopen tbody tr td table{
	border: none;
	background: #2a2a2a;
}
div.content table.contentpaneopen tbody tr td table td{
	background: #FFF;
	border: none;
}*/
div.content a.readon{
	padding: 0!important;
}

div#contentWrap{
	float: left;
	padding: 42px 0 0 0;
	background: url(../images/bgtop.png) no-repeat 0 0;
}
div#contentWrap div#head{
	float: left;
	padding: 0 0 42px 0;
	background: url(../images/bgbottom.png) no-repeat 0 100%;
}
div#contentWrap div#center{;
	width: 813px;
	float: left;
	padding: 0 30px 0 30px;
	background: url(../images/bgrp.png) repeat-y 0 0;
}

/*-- div.content strong{
	color: #ff6600;
} --*/

div.footer{
	width: 850px;
	padding: 30px 0 30px 0;
	margin: 0 0 0 70px;
	clear: both;
	font-size: 0.9em;
	background: url(../images/footerdots.png) no-repeat 100% 0;
}
* html div.footer{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/paycerpole/images/footerdots.png", sizingMethod="crop");
}
div.footer ul{
	padding: 0;
	clear: both;
}
div.footer ul ul{
	display: none!important;
}
div.footer li{
	float: left;
}
div.footer a{
	padding: 0 8px 0 0;
	float: left;
	color: #1a1a1a;
}

div.moduletablefooter{
	clear: both;
	padding: 0;
	color: #1a1a1a;
}

div#contentmiddle{
	float: left;
	margin: 0 0 0 4px;
	clear: both;
	float: left;
	background: url(../images/newsbg.png) no-repeat 0 0;
}
div#contentModule{
	float: left;
	width: 880px;
	background: url(../images/middledots.png) no-repeat 418px 8px;
}
div.moduletablenewsflash{
	width: 380px;
	height: 194px;
	float: left;
	margin: 0 0 5px 4px;
	padding: 15px 20px 0 20px;
	position: relative;
}
* html div#contentModule{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/paycerpole/images/newsbg.png", sizingMethod="crop");
}
div.moduletablenewsflash h3{
	width: 200px;
	padding: 0 0 15px 0;
	font-size: 1em;
	text-transform: uppercase;
	color: #000;
}

/* (C) 2007 YOOtheme.com */

div.top{
	height: 209px;
	position: absolute;
	top: 25px;
	left: 0;
}

div.default div.yoo-carousel {
	height: 209px;
	background: none;
}

div.frame{
	padding: 30px 0 0 20px;
	margin: 0 0 0 20px;
}

/* tabs */

div.default{
	padding: 0;
}
div.default div.yoo-carousel div.top ul.tabs {
	height: 40px;
	display: none;
}
div.default div.yoo-carousel div.top ul.tabs li {
	margin: 0px 10px 0px 0px;
}
div.default div.yoo-carousel div.top ul.tabs li.item1 {
	margin: 0px 10px 0px 20px;
}
div.default div.yoo-carousel div.top ul.tabs li a {
	display: none;
}
div.default div.yoo-carousel div.top ul.tabs li.selected a {
	display: none;
	cursor: pointer;
}
div.default div.yoo-carousel div.top ul.tabs li a span {
	display: none;
}
div.default div.yoo-carousel div.top ul.tabs li.selected a span {
	display: none;
}
div.default div.yoo-carousel div.top ul.tabs li a span span {
	height: 40px;
	padding: 0px 20px 0px 20px;
	display: none; no-repeat;
	line-height: 50px;
	font-weight: bold;
	font-size: 125%;
	overflow: hidden;
}

div.default div.yoo-carousel div.top ul.tabs li.selected a span span {
	display: none;
}

div.default div.yoo-carousel li a:link, div.default div.yoo-carousel li a:visited {
	color: #969696;
	text-decoration: none;
}

div.default div.yoo-carousel li a:hover, div.default div.yoo-carousel li.selected a:link, div.default div.yoo-carousel li.selected a:visited {
	color: #646464;
	text-decoration: none;
}

/* buttons */
div.default div.yoo-carousel h3{
	width: 200px;
}
div.default div.yoo-carousel .prev {
	position: absolute;
	top: 0;
	left: 0;
}
div.default div.yoo-carousel .next {
	position: absolute;
	top: 0;
	right: 0;
}
div.default div.yoo-carousel .prev span {
	width: 24px;
	height: 147px;
	display: block;
	background: url(../images/scrollleft.gif) 100% 50% no-repeat;
}

div.default div.yoo-carousel .next span {
	width: 24px;
	height: 147px;
	display: block;
	background: url(../images/scrollright.gif) 100% 50% no-repeat;
}

div.default div.yoo-carousel .prev a, div.default div.yoo-carousel .next a {
	cursor: pointer;
}

/* scroller */
div.default div.yoo-carousel .panel-container {
	margin: 0 0 0 12px;
	background:none;
}

div.default div.yoo-carousel .panel-container-bl {
	background:none;
}

div.default div.yoo-carousel .panel-container-br {
	background:none;
}

div.panel{
	width: 310px!important;
}

div.slide{
	width: 310px!important;
}

/* article */
div.default div.yoo-carousel .article {
	padding: 0px 10px 10px 10px;
	font-size: 95%;
	line-height: 125%;
}
div.default div.yoo-carousel .article h2{
	font-size: 1.1em!important;
}
div.default div.yoo-carousel .article h3 {
	padding-bottom: 0px;
	margin-bottom: 5px;
	line-height: 100%;
	font-size: 120%;
	font-weight: bold;
	color: #323232;
}