/*
Nikki 13/06/07:
- removed floats from main divs (or IE cuts the last line of the page in half)
- replaced expression on .setwidth with a % width to prevent IE cutting text off right hand side. Need to use !important or it won't work.

Nikki 18/02/09:
- changed width and min-width of themesleft and themesright to 99% to solve printing problems. 

*/

*{
	margin:0;
	padding:0;
}

body {
	width:98%;
	font-size: 90%;
	font-family: sans-serif;
	position:static;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}

img {
	border: 0;
}

.imgleft {
	position: relative;
	float: left;
	margin: 5px;
	width: auto;
	border: 0;
}

.imgright {
	position: relative;
	float: right;
	margin: 5px;
	width: auto;
	border: 0;
}

a{
	color: #000;
}

.toolbar {
	display:none;
}

img.hcclogo  {
display:none;
}

.toolbarinfo {
display:none;
}

.toolbarmain {
display:none;
}

.hantsweblogo {
display:none;
}

.toolbarmain ul {
	display:none;
}

.toolbarcrumb {
	display:none;
}

.searchform {
	display:none;
}
.masthead {
	display:none;
}

.bannersquare {
	display:none;
}

.setwidth {
	width:98% !important;
	margin: 0;
	padding: 0; 
}

.setwidth p {
	line-height: 1.5;
	margin: 0;
	padding: 0; 
}


.maincontent {
	width: 99%;
	border:0;
	float: none;
}

.pagebodywrapper {
	width:99%;
}

.pagebody {
	width: 99%;

}

.pageinfowrapper {
	width: 99;
	margin: 0;
	padding: 0;

}


.leftcolumnwrapper, .leftcolumnwrapper3col {
	width: 99%;
	float: none;
}

.leftcolumnSS {
	margin: 0;
	padding 0;
	width: 99%;
}

.navigation {
width:0px;
display:none;
}

.pageinfo {
	width: 97%;
	font-size: 90%;
	margin:0;
	padding: 0;
	float: none;
}

//.pageinfo a:link,.pageinfo a:visited,.pageinfo a:hover,.pageinfo a:active { text-decoration: underline; }

// .pageinfo a:visited { color: #990099; }

.pageinfo h1 {
	font-size: 140%;
	margin: 10px 0px 5px 0px;
	color: #000;
}

.pageinfo h2 {
	font-size: 120%;
	margin: 10px 0px 5px 0px;
	color: #000;
}

.pageinfo h3{
	font-size: 110%;
	margin: 10px 0px 5px 0px;
	font-weight:bold;
	color: #000;
}

.pageinfo h4{
	font-size: 100%;
	margin: 10px 0px 5px 0px;
	font-weight:bold;
	color: #000;
}

.pageinfo ul li{
	list-style-image: url('bulletblack.gif');
}

.pageinfo ol{
	margin-left: 35px; /* 18-02-10 itcsni */
}


.pageinfo p{
	margin: 5px 0px 5px 0px;
}

.rightcolumn {
	/*float: right;*/
	float: none;
	line-height: 1.2;
	width: 220px;
	padding: 10px 0px 0px 0px;
	margin: 0px 12px 10px 0px;
	font-size: 85%;
}

.rightcolumn ul {
	margin: 0px 0px 10px 0px;
	padding: 2px 5px 0px 25px;
	list-style-type: none;
}

.rightcolumn li {
	list-style-position: outside;
	padding: 0;
	margin: 0px 0px 5px 0px;
	list-style-image: url('');
}

.rightcolumn img {
	margin-bottom: 5px;
	clear:both;
	border: 0;
}

.rightcolumn a {
	text-decoration: underline;
}

// .rightcolumn a:visited { color: #990099; }

.featurebox {
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.featurebox h2, .news h2,.iwantto h2, .relatedlinks h2{
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 1px;
	color: #000;
}

.featurebox p {
	margin: 5px 0px 8px 10px;
}

.newsfeature {
	width: 95%;
	float: left;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 95%;
}

.newsfeature img {
	border: 0;
   	float:left;
	margin: 0px 5px 0px 0px;
}

.newsfeature p {
	display: inline;
	font-weight: normal;
}

.newsfeature p a{
	font-size: 110%;
}

.themes {
	font-size: 90%;
	width: 99%;
	clear: left;
}
.themes h1 {
	font-size: 120%;
	clear: both;
	padding: 0px 0px 4px 0px;

}
.themes h2 {
	font-size: 110%;
	clear: both;
	padding: 0px 0px 4px 0px;

}
.themes h3 {
	font-size: 100%;
	clear: both;
	padding: 0px;
}

.themes p {
	padding: 0px 0px 10px 0px;
}

.themes ul {
	margin: 2px 3px 10px 0px;
	padding: 0;
}

.themes ul li {
	margin: 0px 3px 8px 0px;
	padding: 0;
	list-style-type:none;
}

.themes a {
	text-decoration: underline;
}

.themesleft {
	min-width: 99%; /*47%*/
	width: 99%; /*47%*/
	float: left;
	margin: 5px 5px 5px 2px;
	border-right: 1px solid #ffffff;
	padding: 0;
}

.themesright {
	min-width: 99%; /*47%*/
	width: 99%; /*47%*/
	float: left;
	margin: 5px;
	padding: 0;
}

.news {
	padding: 10px;
	margin: 0px 0px 10px 0px;

}

.iwantto {
	padding: 10px;
}

.iwantto p {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	padding: 0;
}

.clear, .clearformrow {
	clear: both;
	line-height: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
}

.clearformrow {
	width: 1px;
}

.relatedlinks, .relatedlinksSS {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
	text-align: left;
	clear:both;
	border: 0px solid #eeeeee;
}

.relatedlinks {
	border: 0px solid #eeeeee;
}

.relatedlinks h3, .relatedlinksSS h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

.relatedlinks ul, .relatedlinksSS ul {
	margin: 10px 0px 10px 0px;
	padding: 0;
	list-style-type: none;
}

.relatedlinks ul li, .relatedlinksSS ul li {
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: 90%;
}

.relatedlinks ul li {
	font-size: 90%;
}
.footerlinks{
display:none;
}
.footer {
display:none;
}

.invisible, .noprint {
	display: none;
	background: transparent;
	color: transparent;
}

.floatleft, .leftbodypic {
	float: left;
	padding: 0;
	margin: 2px 8px 5px 0px;
}

.floatright, .rightbodypic {
	float: right;
	padding: 0;
	margin: 2px 0px 5px 8px;
}

.floatleft img, .leftbodypic img {
	border: 0;
}

.floatright img, .rightbodypic img {
	border: 0;
}


/* My Hantsweb */

.pageinfomyhants {
	padding: 0;
	padding-top: 12px;
	width: 100%;
	margin: 0;
	float: none;
}


.leftcol, .leftcolwide {
	width: 28%;
	border: 0;
	float: left;
	margin: 0;
	padding: 0px 10px 0px 10px;
}

.leftcolwide {
	width: 47%;
}

.middlecol {
	width: 28%;
	border: 0;
	float: left;
	margin: 0;
	padding: 0px 10px 0px 10px;
}

.rightcol {
	width: 33%;
	border: 0;
	float: left;
	margin: 0;
	padding: 0px 10px 0px 10px;
}

.box {

	padding: 5px;
	margin: 0px 0px 10px 0px;

	font-size: 95%;
}

.box a:link {
	text-decoration: none;

}

.box a:hover {
	text-decoration: underline;
}

.box h2 {

	padding: 5px 2px 2px 2px;
	font-size: 110%;
	margin: 0;

}

.box ul {
	margin: 5px 0px 10px 5px;
	padding: 0px 0px 0px 15px;
	list-style-type: none;
}

.box li {
	list-style-position: outside;
	margin-bottom: 5px;
	list-style-image: url('sidearrow-white.gif');
}

.box p {
	padding: 0;
	margin: 2px 0px 0px 0px;
	border: 0;
}

.box p.govtype{
	font-weight: bold;
	font-size: 95%;
	padding: 10px 0px 0px 0px;
	margin: 0;
	border: 0;
}

.box p.contactlink {
	text-align: right;
	border: 0;
	padding: 4px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
}

.setprefsbox {

	padding: 5px;
	margin: 0px 0px 10px 0px;

	font-size: 95%;
}

.setprefsbox a:link {
	text-decoration: none;

}

.setprefsbox a:hover {
	text-decoration: underline;
}

.setprefsbox h2 {

	padding: 5px 2px 2px 2px;
	font-size: 110%;
	margin: 0;

}

.setprefsbox ul {
	margin: 5px 0px 10px 5px;
	padding: 0px 0px 0px 15px;
	list-style-type: none;
}

.setprefsbox li {
	list-style-position: outside;
	margin-bottom: 5px;
	list-style-image: url('images/buletdarkblue.gif');
}

.setprefsbox p {
	padding: 0;
	margin: 7px 0px 0px 0px;
}

.mapbox {

	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;

	text-align: center;
}

.mapbox h2 {

	padding: 5px 5px 5px 0px;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	color: #000;
}

.mapbox p.copyright {
	padding: 0;
	font-size: 75%;
	margin: 0;
}


/* Forms */

.pageinfo form {
	padding: 5px;
	margin: 0;
	width:99%;
}

.pageinfo form div.allformfields {

	position:relative;
	float: left;
	margin: 0px 5px 20px 5px;
	padding: 15px;
}

.pageinfo form h2 {
	padding: 5px 2px 2px 0px;
	font-size: 110%;
	margin: 0;

}

.pageinfo form.allformfields input, select {
	padding: 0;
	margin: 0;
}

div.formrow, div.formerrorrow {
	padding: 0;
	margin: 0px 0px 6px 0px;
	position: relative;
	float: left;
	clear: left;
}


div.formerrorrow {
	margin-left: 1em;
	float: left;
	clear: right;
	color: red;
}

div.formlabel, div.formlabelerr {
	padding: 0px 0px 0px 3px;
	margin: 0px 3px 0px 0px;
	width: 6em;

	float: left;

	height: 1.3em;

}


div.formlabelerr {
	color: red;
}

input.formfield, select.formfield, select.xformfield {
	padding: 0px 0px 0px 3px;
	margin: 0;
	width: 14em;

	float: left;
	font-size: 100%;
	height: 1.3em;
}

select.formfield, select.xformfield {
	height: auto;
}

select.xformfield {
	width: auto;
}

input.submitbutton {
	padding: 2px 2px 2px 0px;
	margin: 12px 0px 0px 0px;
	border: 1px solid #999999;
	clear: left;
	float: left;
	background-color: #cccccc;

	font-weight: normal;
	font-size: 100%;
}

/* Really needed?
.pageinfo a:link {
	text-decoration: underline;
}
*/


/* A to Z */

ul.a2zJumpMenu {
	list-style:none;
}

ul.a2zJumpMenu li {
	display:inline;
	font-weight:bold;
	font-size:1.1em;
}

ul.a2zJumpMenu li a {
	padding:0 .4em 0 .4em;

}


*html ul.a2zJumpMenu li {
	margin:0 .3em 0 0;
}

dl.atoz dt {
	font-weight:bold;
	font-size:1.3em;
	border-bottom:1px dashed #ccc;
}

dl.atoz dd {
	line-height:1.5;
}


/* Floating Boxes */

.sitleft{
	position: relative;
	float: left;
	margin: 5px 5px 5px 0px;
	width: 220px;
}
.sitright{
	position: relative;
	float: right;
	margin: 5px 5px 5px 10px;
	width: 220px;
}
.sitright img{
float: right;
margin:5px;
position:relative;
}
.sitleft img{
float: left;
margin:5px;
position:relative;
}
div.articlemiscs {
  	background: #FFFFFF;
  	position:relative;

	padding: 10px;
}

/* Tables */

table{
	margin-left:auto;
	margin-right:auto;
}

.simpletable th{

	text-align:left;
}
.simpletable .even{

	text-align:left;
	vertical-align:top;
}
.simpletable .odd{
	text-align:left;
	vertical-align:top;
}
.simplebordertable{
	border-collapse:collapse;
}

.simplebordertable tr{
	padding:0px;
	margin:0px;
	
}
.simplebordertable th{

	color:#000000;
	text-align:left;
	padding:5px;
}
.simplebordertable td{

	color:#000000;
	text-align:left;
	vertical-align:top;
	padding:5px;
}
/* Table with horizontal borders only - for financial data. Added 11/10/06 by NG */

table.horizontalonlytable {

	padding: 0;
	border-collapse: collapse;

}

table.horizontalonlytable tr {
	margin: 0;
	padding: 0;
}

table.horizontalonlytable td.normalcell {

	text-align: right;
	margin: 0;
	padding:  3px 5px 3px 5px;
}

table.horizontalonlytable td.firstcell {

	text-align: left;
	margin: 0;
	padding:  3px 5px 3px 5px;
}

table.horizontalonlytable td.lastrowfirstcell {

	text-align: left;
	margin: 0;
	padding:  3px 5px 3px 5px;
}

table.horizontalonlytable td.lastrownormalcell {
	text-align: right;
	margin: 0;
	padding:  3px 5px 3px 5px;
}