/*--------------------------------------------------

BASE CSS

This contains globally used, default styling for 
the basic HTML components; this acts like a reset 
stylesheet. It also contains externally required 
CSS such as SIFR.

--------------------------------------------------*/

/* Palette - common Hex values
--------------------------------------------------
	Text: #000
	Link: #000
*/

/* z-index
--------------------------------------------------
	#header #logo		z-index: 1;
*/
	
/* Includes
--------------------------------------------------*/
@import url(layout.css);
@import url(components.css);
@import url(content.css);

/* Elements
--------------------------------------------------*/
html {
	border: 0; /* WIE6 : Removes 2 pixel border ie WIE standards mode */
	height: 100%;
	min-height: 100%; /* Safari - Header + Body + Footer */
	background: url(../media/images/canvas/context/textured.gif);
}
body {
	background: url(../media/images/canvas/context/skirting.gif) repeat-x bottom left;
	color: #55565A;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 62.5%; 
	margin: 0; 
	overflow: -moz-scrollbars-vertical !important; /* FF : Prevent page jumping between non/scrolling pages */
	padding: 0; 
	text-align: center;
	/* This is to make the page 100% in non-IE browsers */
	height: 100%;
	min-height: 100%;
	width: 100%;
	display: table;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom; /*@ WIE : stops images aligning to baseline, so they line with bottom of parent element */
	border: none; 
	margin: 0; /*@ WIE : image margin reset bug */
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #55565A;
}
p input,
li input, li select, li textarea,
dd input, dd select, dd textarea {
	font-size: 1em;
}
a:link {
	color: #55565A;
	text-decoration: none;
}
a:visited {
	color: #55565A;
	text-decoration: none;
}
a:hover {
	color: #55565A;
	text-decoration: underline;
}
a:active {
	color: #55565A;
	text-decoration: none;
}
ul, ol {				
	margin: 0 0 1.1em 2.2em; 
	padding: 0;
}
li {
	font-size: 1.1em; 
	padding: 0;
	margin: 0;
}
li h2,
li h3, 
li h4,
li h5,
li h6,
li li,
li p,
li dl,
dd p,
dd li,
p label,
dl label,
dl input,
ul label,
ul input {
	font-size: 1em; 
}
p, dl {
	margin: 0 0 1.1em;
	padding: 0;
	font-size: 1.1em;
}	
dd, dt, form, fieldset {
	border:0;
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1.1em;
}
th, td {
	padding: 0;
	text-align: left;
}
label {
	font-size: 1.1em;
}


/* Accessibility
--------------------------------------------------*/
.longdesc,
.access,
caption,
legend { /* Place selectors here as required to hide something for accessibility reasons */
	position: absolute;
	left: -999em;
	/* These are for older browsers */
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	overflow: hidden;
}

ul#access-nav, 
ul#access-nav li {
	padding: 0; 
	margin:0; 
	list-style: none;
	display:inline;
}
#access-nav a:link, 
#access-nav a:visited {
	width: 0; 
	height: 0;
	float: left; 
	overflow: hidden; 
}
#access-nav a:active, 
#access-nav a:focus {
	width: auto; 
	height: auto;
	position:absolute; 
	left: 0;
	top: 0;
	z-index:10000; 
	overflow: visible; 
	background-color: #FFF;
	padding: 5px;
}


/* Helper
--------------------------------------------------*/
#page:after,
.clear:after { /* Do NOT use this class, add a selector here */
	visibility: hidden;
	font-size: 0.1em;
	display: block;
	line-height: 0;
	height: 0.1px;
    content: " ";
	clear: both;
}
html[xmlns] .clear {
	display: table;
}
* html .clear {
	height: 1%;
}