/****
(c)Digitized 1999
http://www.digitized.nl
mail@digitized.nl
****/


html {

	height: 100%;
	font:normal 62.5%/150% arial;
	
	margin-bottom: 1px;


}



body {

	height: 100%;

	margin: 0;

	padding: 0;

	text-align: center;

	font-size:1em; /* 13px now */

	line-height: 170%;

	background: #fff url(../images/bg/header.png) repeat-x top left;

	color: #000;

}

p {

	font: 100 1.4em arial;
}



h1 {   

	clear: both;

	font: 100 2.3em arial;

	color: #3E3232;

}



h2 {

	font: 400 1.7em arial;

	color: #3E3232;

}



h2 a {

	color: #29E3FF;

}



h2 a:hover {

	color: #FFF;

}



h3 {

	font: 400 1.7em arial;

	color: #3E3232;

}

.h2fake {



	font: 400 1.7em arial;

	color: #3E3232;
}

h4 {
	font: 400 1.5em arial;

	color: #3E3232;
}



h5 {

	font: 700 1.1em verdana;

	color: #F17400;

}



h6 {

	font: 700 1em verdana;

	color: #FF4B33;

}





h1, h2, h3, h4, h5, h6, p, dl {

	margin: 0;

	padding-bottom: 10px;

}



/* Done so the leftmost column aligns properly with the header.

   If the leftmost column has class gradient applied to it, 

   this class isn't required. */

.leftColumn h1,

.leftColumn h2, 

.leftColumn h3,

.leftColumn h4,

.leftColumn h5,

.leftColumn h6,

.leftColumn p,

.leftColumn dl {

	padding-left: 0;

}


.leftColumn p {
	font-size: 1.3em;
	color: #4D4234;
	padding-left: 10px;

}




a:link,
a:visited {
	color: #000;
	text-decoration: none;
	
	

}



/* 

a:visited {

  text-decoration: line-through;

} 
*/



a:hover {

	color: #FF0000;

}



b {

	color: #000;

}



ol, ul {

	margin: 0px;

	padding: 0px;
	 list-style-type:none;
	 font: 100 1.4em arial;


}



ol {

	color: #FC0;

}



ol span {

	color: #EEE;

}



del {

	color: #AAA;

}



code {

	margin: 10px 15px;

	padding: 10px;

	display: block;

	overflow: auto;

	font: 400 1em courier, monospace;

	line-height: 120%;

	white-space: pre;

	background: #444;

}



.leftColumn code {

	margin-left: 0;

}



acronym {

	cursor: help;

	border-bottom: 1px solid #777;

}



dt {

	font-weight: bold;

	color: #FFB323;

}



dd {

	margin-left: 0;

	padding-left: 45px; 

}







/**************************************************************

   Form Elements

 **************************************************************/



label {

	display: block;
	width: 20%;
	margin-top: 0px;
	font-size: 1.3em;
	float: left;

}

textarea {
	width: 100%;
	height: 10em;
}


input,

textarea,

select {

	padding: 2px;

	color: #000;

	background: #fff;

	border: 1px solid #999;

}



input:focus,

input:hover,

textarea:focus,

textarea:hover,

select:focus,

select:hover {

	color: #FF0000;

	background: #fff;

	border: 1px solid #FF0000;  

}


input.submit {
	padding-left: 20%;
}


input.button {

	padding: 2px 5px;

	font: 400 1.1em  arial;

	color: #555;

	background: #9FF3FF;

	border-width: 1px;

	border-style: solid;

	border-color: #FFF #00DFFF #00DFFF #FFF;

}



fieldset {
	border: none;
	border-top: 1px solid #796161;
	
	
	
}



legend {
	font-size: 1.5em;
}



/**************************************************************

   Blockquote and included icons

 **************************************************************/



blockquote {

	margin: 0px;

	padding: 5px;
	font: 100 0.9em  arial;

	background-color: #fff;  

	border: 0px solid #3E3232;

}



blockquote.exclamation {

	background-color: red;
	color: #fff;

}



blockquote.stop {

	background-image: url(../images/icons/stop.gif);

}



blockquote.go {

	background-color: green;
	color: #fff;
}











/**************************************************************

   Images

 **************************************************************/



img.floatRight {

	margin: 5px 0px 10px 15px;  

}



img.floatLeft {

	margin: 5px 15px 10px 0px;

}



a img {  

	border: 0px solid #ccc;

}



a:hover img {  

  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */

  /*border: 0px solid #FFF !important;

  border: 0px solid #8BE6FA;

	*/
}