/* ##### Common Styles ##### */


/* Keep the footer at the bottom of the screen */


html, body, #wrapper {height: 100%; min-height: 100%;} 
html>body, html>body #wrapper { 
	height: auto;
}
#wrapper { 
	position: absolute; 
	top: 0; 
	left: 0
} 
/* */


/*html { font-size: 100%; /* IE hack so font sizes work properly */ 
/* table { font-size: 100%; /* IE hack */ 

body {
	color: inherit;
	background-color: white;						/* ### BODY BACKGROUND COLOUR ## */


/* For background image */
z-index:0; 
position:relative;


	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 73%;  										/* Enables font size scaling in MSIE */
	margin: 0;
	padding: 0;

/*
<!--[if IE]>
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
<![endif]-->
*/
}


/* Background image */
img#background { 
	height: 100%; 
	width: 100%; 
	z-index: -1; 
	position:absolute; 
}


form {
margin: 0;
padding: 0;
}



/* input,textarea, select, td */
input, select, option, textarea, table, form, th, td {
	color: rgb(60,60,60);									/* ### BODY TEXT COLOUR ## */
	background-color: inherit;						/* ### BODY BACKGROUND COLOUR ## */
	font-size: 100%; 										/* IE Hack */
}


.button_wrapped_text {
padding: 0;
width: 150px;		/* Wrap button text or IE uses massive crazy button margins */
max-width: 150px;
}


.error_text {
	color: red;
	background-color: inherit;
/*	text-align: center;		// Doesnt work inside td -> have to <center> before <span class="error_text"> */
	font-weight: bold;
}


textarea { overflow: auto; }

/*
td {
	font-size: 73%;  										/* Enables font size scaling in MSIE */
/* hide from IE5/Mac */ 
/* \*/ 
/*	font-size: 100%;  										/* Enables font size scaling in MSIE */
/* *

}
*/

td.black_border {
	color: inherit;
	background-color: rgb(251,251,251);
	border: 1px solid black;
	padding: 4px;
}



/* This is not visible to IE only FireFox -> dont use
html > body {
	font-size: 9pt;	
}
*/

acronym, .titleTip {
	border-bottom: 1px dotted rgb(168,140,83);
	cursor: help;
	margin: 0;
	padding: 0;
}

.doNotDisplay {
	display: none !important;
}

.selected {
	background-color: inherit;
	color: rgb(170,170,170);								/* #### GLOBAL TEXT LINK SELECTED COLOUR (overwritten by left and right side bar) ## */
}

.smallCaps {
	font-size: 117%;
	font-variant: small-caps;
}

img {
	border:	0;
}

.centerTextAndImages {
	border:	0;
	padding: 0;
	margin: 0;
	text-align: center;
}

/* Dont put any spaces around images that are links */
.centerTextAndImages a { display: block; }


/* ##### Header ##### */

#header {
	color: inherit;
	background-color: white;						/* ### HEADER COLOUR ## */
	background-image: none; 
}

.headerTitle {
	color: gray;									/* ### HEADER TEXT COLOUR (slogan) ## */
	background-color: inherit;
  	margin: 0;
  	font-size: 100%;
  	padding: 0.5em 1mm 0.1em 2mm;
	float: left;
	clear: left;
}

.headerTitle a {
	color: black;
	background-color: inherit;
	text-decoration: none;
	font-size: 110%;  /* For MSIE */
	font-weight: bold;
	font-style: italic;
}

.headerTitle > a {
	font-size: 138%;  /* For fully standards-compliant user agents */
}

.headerTitle span {
	color: white;
	background-color: inherit;
	font-weight: normal;
}


.status {
	color: black;
	background-color: inherit;
	float: right;
	clear: right;
	text-align: right;
	border-left: 1px solid rgb(205,205,205);
	border-bottom: 2px solid rgb(205,205,205);
}


.subHeader {
	margin: 0;
	padding: 0 1ex 0ex 1ex;										/* ### Distance of status bar from top of screen ## */
	border-bottom: 1.7em solid black;					/* ### STATUS BAR COLOUR ## */
	clear:left;
}


.subHeader a {
	color: rgb(175,175,175);
	background-color: inherit;
	text-decoration: none;
	font-weight: bold;
}

.subHeader a:hover {
	color: rgb(70,130,180);
	background-color: inherit;
	text-decoration: none;
}


.subHeader .location {
	color: white;					/* ### LOCATION BAR ARROWS ## */
	background-color: inherit;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0.2em 0.5ex 0.5ex 1ex;
}

.subHeader .location .selected {
	color: rgb(195,217,255);					/* ### LOCATION BAR CURRENT PAGE TEXT ## */
	background-color: inherit;
	font-weight: bold;
}

.subHeader .location a {
	  color: white;				/* ### LOCATION BAR LINK ## */
	  background-color: inherit;
	  text-decoration: none;
}


.subHeader .location a:hover {
	color: white;					/* ### LOCATION BAR LINK HOVER ## */
	background-color: inherit;
	text-decoration: none;
}


.subHeader .update {
	color: white;					/* ### UPDATE TEXT COLOUR ## */
	background-color: inherit;
	font-weight: bold;
	float: right;
	margin: 0 0 0 10ex;
	padding: 0.2em 1ex 0.5ex 1ex;
}


/* ### LANGUAGE ## */

.subHeader .language {
	float: right;
	clear: right;
	margin: 0;

}

.subHeader .language img {
	border: none;
	margin-top: 1.5px;
	margin-bottom: 1px;
	margin-left: 1.5px;
	margin-right: 1px;
}

.subHeader .language img.selected {
	border-top: 1.5px solid #4a4a4a;
	border-left: 1.5px solid #4a4a4a;
	border-right: 1px solid #cecece;
}

.subHeader .language a:hover {
	border: 0px;							/* Needed for IE */
}

.subHeader .language a:hover img {
	margin: 0;
	border-top: 1.5px solid #4a4a4a;
	border-left: 1.5px solid #4a4a4a;
	border-right: 1px solid #cecece;
}

.subHeader .language a:hover img.selected {
	margin-top: 1.5px;
	margin-bottom: 1px;
	margin-left: 1.5px;
	margin-right: 1px;
}





/* ### TABS ## */


#tab_navigation {
background:transparent; 
height:3.3em; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

#tab_navigation .snazzy {background:transparent;}
#tab_navigation .snazzy span {text-align:center; margin:0; font-weight:bold;}

.b1, .b2, .b3, .b4 {
display:block; 
font-size:1px;
color: inherit;
background-color: inherit;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

/* Curves - do not change this */ 
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {color: inherit; border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {color: inherit; margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {color: inherit; height:2px; margin:0 1px}
.boxcontent {display:block; border-left:1px solid #fff; border-right:1px solid #fff; padding-bottom:0.2em;}

.unselectedcol {
	color: white;							/* ### TAB TEXT COLOUR ## */
	background-color: rgb(170,170,170);				/* ### TAB COLOUR ## */
}


.selectedcol {
	color: white;							/* ### SELECTED TAB TEXT COLOUR ## */
	background-color: black;				/* ### SELECTED TAB COLOUR ## */
}

#tab_navigation ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#tab_navigation li {display:inline; float:left; margin:0 1px; padding:0; line-height: 1.75em;}


.pad {
	display:block; height:1em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

a.menu, a.menu:visited {
	display:block; text-decoration:none;  
	width: 8.9em;								/* ### TAB WIDTH: IE NEEDS THIS SET BUT FIREFOX CAN AUTO SIZE ## */
}
a.menu:hover {
	background:transparent; cursor:pointer;
}

a.menu:hover .b2, a.menu:hover .b3, a.menu:hover .b4 {
	color: inherit;
	background-color: black;						/* ### TAB HOVER COLOUR ## */
}


a.menu:hover .boxcontent {
    padding-bottom:1em;										/* ### REMOVE TO STOP MOVING UP ## */
        color: white;									/* ### TAB HOVER TEXT COLOUR ## */
    background-color: black;						/* ### TAB HOVER COLOUR ## */

}

a.menu:hover .pad {
	height:0.2em;
}							/* ### REMOVE TO STOP MOVING UP ## */






/* ##### Gobal Side Bar shared settings ##### */

#sidebars .language_not_availible, #sidebars .updateInfo {
	text-align: center;
	margin-top: 10px;
	border: 1px solid rgb(230,230,230);
}


#sidebars .subSectionTitle, #sidebars .menuDivider {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid rgb(216,210,195);
}


/* ##### Left Side Bar ##### */

.leftSideBar {
	color: inherit;
	background-color: rgb(245,245,245);				/* ## LEFT SIDE BAR BACKGROUND COLOUR ## */
	width: 12.5em;									/* ## LEFT SIDE BAR WIDTH ## */
	float: left;
	clear: left;
	overflow: hidden;  								/* without this IE resizes div for long inputs, but firefox overflows.. why? */
	border-right: 1px solid rgb(216,210,195);
	border-bottom: 1px solid rgb(216,210,195);

	font-size: inherit;

}


.leftSideBar .sideBarTitle, .menuTitle {
	color: rgb(0,0,150);							/* ### LEFT SIDE BAR TITLE TEXT COLOUR ## */
	background-color: rgb(159,192,223);				/* ### LEFT SIDE BAR TITLE COLOUR ## */
	font-weight: bold;
	border: 0;
	margin: 0;
	padding: 1ex 1ex;							/* Top and bottom width of left side bar titles */
}

.leftSideBar ul {									/* ### USED TO GENERATE THE MENU ## */
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.leftSideBar li {
	margin: 0.6ex;
}

.leftSideBar a {
	color: rgb(30,30,170);							/* ### LEFT SIDE BAR LINK TEXT ## */
	font-weight: bold;
	background-color: inherit;
	text-decoration: underline;
}


.leftSideBar .selected {
	color: rgb(0,0,204);										/* ### LEFT SIDE BAR SELECTED LINK TEXT ## */
	background-color: inherit;
}


.leftSideBar a:hover {
	color: rgb(0,0,204);							/* ### LEFT SIDE BAR LINK HOVER TEXT ## */
	font-weight: bold;
	background-color: inherit;
	text-decoration: none;
}

.leftSideBar .sideBarText, .leftSideBar .menuLinks {
	color: gray;							/* ### LEFT SIDE BAR TEXT ## */
	background-color: inherit;						/* ### LEFT SIDE BAR BACKGROUND COLOUR ## */
	line-height: 1.25em;
	display: block;
	padding: 1ex 1ex 2.7ex 1ex;
	font-size: 92%;
}

/*
.leftSideBar .sideBarText {
	font-size: 92%;
}
*/


.leftSideBar input, .leftSideBar select, .leftSideBar option, .leftSideBar textarea, .leftSideBar table, .leftSideBar th, .leftSideBar td {							
	color: gray;
	background-color: rgb(245,245,245);
	font-size: 100%;	/* Fix for IE - Firefox ignores */
}


.leftSideBar .sideBarText .subSectionTitle {
	color: gray;								/* ### LEFT SIDE BAR TITLE TEXT COLOUR ## */
	background-color: inherit;
}


.leftSideBar .sideBarText .selected {
	color: rgb(0,0,204);							/* ### LEFT SIDE BAR SELECTED LINK TEXT COLOUR ## */
	background-color: inherit;				/* ### LEFT SIDE BAR SELECTED LINK TEXT BACKGROUND COLOUR ## */
}



.leftSideBar td {							
	color: inherit;
	background-color: rgb(245,245,245);
}


.leftSideBar .sideBarImage {
	border: none;
	padding: 0.15ex 0.15ex 0.04em 0.15ex;
	font-size: 92%;
	text-align: center;
}




/* ##### Right Side Bar ##### */

.rightSideBar {
	color: inherit;
	background-color: rgb(245,245,245);				/* ### RIGHT SIDE BAR BACKGROUND COLOUR ## */
	width: 15em;
	margin: 1.7ex 1.5ex 1ex 1ex;
	padding: 0;
	float: right;
	clear: right;
	overflow: hidden;  								/* without this IE resizes div for long inputs, but firefox overflows.. why? */
	border: 1px solid gray;				/* ### RIGHT SIDE BOX BORDER COLOUR ## */
	font-size: inherit;
}


[class~="rightSideBar"] {
  margin-right: 1.5ex;
}

.rightSideBar .sideBarTitle, .rightSideBar .menuTitle {
	color: white;						/* ### RIGHT SIDE BOX TITLE TEXT COLOUR ## */
	background-color: black;				/* ### RIGHT SIDE BOX TITLE BACKGROUND COLOUR ## */
	font-weight: bold;
	font-size: 95%;
	margin: 1.25ex 1ex;
	padding: 0.9ex 1ex;
}


.rightSideBar a {
	color: rgb(30,30,170);						/* ### RIGHT SIDE BOX LINK COLOUR ## */
	background-color: inherit;
	text-decoration: underline;
	font-weight: bold;
}

.rightSideBar a:hover {
	color: rgb(0,0,204);					/* ### RIGHT SIDE BOX LINK HOVER COLOUR ## */
	background-color: inherit;
	text-decoration: none;
}

.rightSideBar .sideBarText, .rightSideBar .menuLinks {
	color: black;								/* ### RIGHT SIDE BOX TEXT COLOUR ## */
	background-color: inherit;
	line-height: 1.5em;
	margin: 0 1ex;
	padding: 0 1ex 1em 1ex;
	font-size: 92%;
}

/*
.rightSideBar .sideBarText {
	font-size: 92%;
}
*/

.rightSideBar .sideBarText .subSectionTitle {
	color: gray;								/* ### RIGHT SIDE BAR TITLE TEXT COLOUR ## */
	background-color: inherit;
}

.rightSideBar .sideBarText .thisPage {
	color: rgb(0,0,204);							/* ### RIGHT SIDE BAR SELECTED LINK ## */
	background-color: inherit;
}

.rightSideBar ul {									/* ### USED TO GENERATE THE MENU ## */
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.rightSideBar li {
	margin: 0.25ex;
}

.rightSideBar .more {
	text-decoration: none;
	text-align: right;
	margin: 0;
	padding: 0 2ex 1em 2ex;
	display: block;
}

.rightSideBar .more:hover {
  text-decoration: underline;
}

/*
.rightSideBar table {							
	color: black;
	background-color: rgb(245,245,245);
	font-size: 100%;
}
*/
.rightSideBar input, .rightSideBar select, .rightSideBar option, .rightSideBar textarea, .rightSideBar table, .rightSideBar th, .rightSideBar td {							
	color: black;
	background-color: rgb(245,245,245);
	font-size: 100%;	/* Fix for IE - Firefox ignores */
}


.rightSideBar .sideBarImage {
	border: none;
	padding: 0.15ex 0.15ex 0.04em 0.15ex;
	font-size: 92%;
}




/* ##### Main Copy ##### */

#main-copy {
	color: rgb(60,60,60);								/* ### BODY TEXT COLOUR ## */
	background-color: inherit;					/* ### BODY BACKGROUND COLOUR ## */


/*	text-align: justify; */
	line-height: 1.5em;
	margin: 0em 1.5em 0.5em 12.1em;	/* ### Width of the left hand column is last value ### */
	padding: 0ex 1em 2em 1em;					/* #### PADDING AROUND THE MAIN PAGE ## */
	border-left: 1px solid rgb(216,210,195);
	border-bottom: 1px solid rgb(216,210,195);
	font-size: 9pt;					/* IE needs it here as ignores body > html */

}



/* ### Central Column fix IE 3px jog ### */
/* Hide from IE5-mac. Only IE-win sees this. \*/


* html #main-copy {
	height: 1%;
	margin-right: 16em;
	margin-left: 0;
}


.leftSideBar {
	margin-right: -4px;
}
/* End hide from IE5/mac */



#main-copy h1 {
	color: rgb(75,75,75);								/* ### COLUMN 2 H1 COLOUR ## */
	background-color: inherit;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 175%;
	font-weight: bold;
	text-align: left;
	line-height: 1.5em;
	margin: 0.5em 0.5em 0.75em 0;
	padding: 0 0 0 0;
	border-bottom: 1px solid rgb(216,210,195);
}

#main-copy a {
	color: black;								/* #### BODY TEXT LINK COLOUR ## */
	background-color: inherit;
	text-decoration: underline;
}

#main-copy a:hover {
	color: rgb(0,0,204);								/* #### BODY TEXT LINK HOVER COLOUR ## */
	background-color: inherit;
	text-decoration: none;
}


#main-copy .menuTitle {
	margin: 1em 0.5em 1em 0;
}



/*
#main-copy input, #main-copy select, #main-copy option, #main-copy textarea, #main-copy table, #main-copy th, #main-copy td {							
	color: rgb(60,60,60);
	background-color: inherit;
	font-size: 100%;	/* Fix for IE - Firefox ignores *
}




/* #### Quotes ## */
#main-copy q {
	color: rgb(225,225,225);
	background-color: inherit;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.5em;
/*	text-align: left;	*/
	text-indent: -1ex;
	margin: 0 0 0 1ex;
	padding: 0;
	display: block;
	text-align: center;
}


#main-copy .quotesource {
	color: gray;
	background-color: inherit;
	font-size: 92%;
/*	text-align: left; */
	text-indent: -1ex;
	margin-right: 10ex;
	padding: 0;
	display: block;
	text-align: right;
}


p {
	margin: 1em 0 1.5em 0;
	padding: 0;
}




dt {
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.5ex 0;
}

dd {
	margin: 0 0 1.5em 1.5em;
	padding: 0;
}


#main-copy .language_not_availible, #main-copy .updateInfo {
	text-align: center;
	margin: 20px 15em 10px 0;
	border: 1px solid rgb(230,230,230);

}



/* ### FLOAT IMAGES ON THE LEFT OR RIGHT ## */
.floatLeft {
	text-align: center;
	float: left;
	margin-top: 5px;
	margin-right: 9px;
	margin-bottom: 2px;
	margin-left: 1px;
	border: 1px solid rgb(180,180,180);
	padding: 2px;
}

.floatLeft img { 
display: block;
  margin-left: auto;
  margin-right: auto;
}

.floatRight { 
	text-align: center;
	float: right;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 5px;
	border: 1px solid rgb(180,180,180);
	padding: 2px;
}

.floatRight img { 
display: block; 
  margin-left: auto;
  margin-right: auto;
}



.clearit {clear: both; height:15ex;}


/* ##### Footer ##### */

#footer {
	color: black;							/* ### FOOTER TEXT COLOUR ## */
	background-color: rgb(170,170,170);				/* ### FOOTER BACKGROUND COLOUR ## */
	font-size: 92%;
	text-align: center;
	line-height: 1.25em;
	margin: 0;
	padding: 3px 0 3px 0;
	clear: both;

/* Keep the footer at the bottom of the screen */


position: absolute;
bottom: 0;
width: 100%;
/* */
}

#footer a {
	color: black;
	background-color: inherit;
	text-decoration: underline;
	font-weight: bold;
}


#footer a:hover {
	color: rgb(0,0,204);								/* ### FOOTER LINK HOVER COLOUR ## */
	background-color: inherit;
	text-decoration: none;
}



#footer .sitePoweredByNotice {
	color: inherit;
	background-color: inherit;
	font-size: 85%;
}

#footer .sitePoweredByNotice a {
	color: inherit;
	background-color: inherit;
}


#footer .sitePoweredByNotice a:hover {
	color: inherit;
	background-color: inherit;
}




#footer .w3cbutton {
	margin: 0.35em 0 0 0;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
}

#footer .w3cbutton a {
	background-color: #fc6;
	color: #000;
	text-decoration: none;
}

#footer .w3cbutton a:link, .w3cbutton4 a:visited {
	border-top: 1px solid #cecece;
	border-bottom: 2px solid #4a4a4a;
	border-left: 1px solid #cecece;
	border-right: 2px solid #4a4a4a;
}         

#footer .w3cbutton a:hover {
	border-top: 2px solid #4a4a4a;
	border-bottom: 1px solid #cecece;
	border-left: 2px solid #4a4a4a;
	border-right: 1px solid #cecece;
}

#footer .w3cbutton span.w3c {
	padding: 0 0.4em;
	background-color: #fff;
	color: #0c479d;
}