/* GENERAL STYLES */
/* CSS UTILITIES WHICH SHOULD BE USABLE ON ANY SITE */

/*   --------------------   */
/*   UTILITIES              */
/*   --------------------   */

html, body,  p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, dd {
margin: 0;
padding: 0;
border: 0;
}

html{
font-size: 100.01%;
}

form, input, 
textarea, select{
	font-size:100%;
}

abbr, 
acronym, 
span.abbr {
	cursor: help; 
	border-bottom: 1px dashed #000;
}

ul{
	list-style:none;
}

table{
	border-collapse: collapse;
	font-size:100%;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

img{
	border:0;
}

/* UTILITY - generic classes information only */

.inline{
	display:inline;
}

.remove{
	display:none;
}

.hideLegend legend{
	display:none;
}

.hide, #skipNav

{

	position:absolute;

	top:0;

	left:-200em;

	width:20em; /* stops ie 7 from adding -200em to the page width and scrolling horizontally */

}



#skipNav a:focus, #skipNav a:active {

	position:absolute;

	top:5px;

	left:200.5em;

	border:1px solid #ccc;

	background:#fff;

	padding:2px 4px;

	display:block;

	width:10em;

}



#skipNav a#js:focus, #skipNav a#js:active{

	width:18em;

} 



.fr{
	float:right;
}

.fl{
	float:left;
}

.tar{
	text-align:right;
}

.tac{
	text-align:center;
}

.tal{
	text-align:left;
}

.half{
	width:50%; /*Clearly if using 2 of these - there can be no margin, padding or borders attached */
	padding:0;
	margin:0;
	border:0;
}

.halfish{
	width:48%;
}

/* FULL CLEAR - forces a container to surround all children - regardless of floating */

/*.fc:after, .formRow:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.fc, .formRow{ display: inline-block;}

/* Hides from IE-mac \*/
* html .fc, * html .formRow { height: 1%; }
.fc, .formRow { display: block; }*/