/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/*  Layout  */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

body {
	font-family: Arial; 
	font-size: 12px; 
	color: #2a72b8;
	margin: 0;
	padding: 0;
	background-color:  #f0f2ff;
	width: 100%;
	
	}
	
table {margin: 0 auto;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */	
/*  Typography */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
	
h1 {
	color: #f3a126;
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 130%;
	text-decoration: underline;
	}
	
	h2, h3, h4, h5, h6 {
	color: #f3a126;
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 100%; 
	}

ul {
	margin-top: -5px;
	}

li {
	padding-bottom:3px;
	list-style-type: square;
	}

#footer p {
	padding:5px;
	color: #fff;
	}


#searchform p {
	color: #fff;
	}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/*  Link Styles */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

a {
    text-decoration:none;
	color: #f3a126;
	background: transparent; 
    }

a:hover {
    text-decoration: none;
	color: #fff;
	background-color: #2a72b8;
    }

#footer a {	
	text-decoration:none;
	padding:2px;
	color: #fff;
	}

#footer a:hover {	
	text-decoration:none;
	padding:2px;
	background-color: #fcb243;
	color: #fff;
	}

a.sitecredit {
	font-size: 80%;
	text-decoration: none; 
	color: #666666 ;
	background-color: transparent;
	text-align:center;
}


.sitecredit:hover  {
	background-color: #b36f7d;
	color: white; 
	text-align:center;
}


/*---------------------------------------*/
/*----------- Drop menu -----------------*/
/*---------------------------------------*/
#navigation {
	width: 534px;
	padding: 0 118px;
	background: #019EE1;
	font-weight: bold;
	float: left;
	text-align: left;
	font-size: 11px;
}

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 100%;
}

#navigation li {
float: left;
margin: 0;
padding: 0;
list-style: none;
}

#navigation li:hover {position: relative;}

#navigation ul ul {
position: absolute;
z-index: 500;
width: 13em;
}

#navigation li li {
width: 100%;
}

#navigation ul ul ul {
position: absolute;
top: 3px;
left: 95%;
}


#navigation a {
display: block;
border-width: 1px 0;
border-style: solid;
border-color: #019EE1;
margin: 0;
padding: 3px 10px;
color: #fff;
background: #019EE1;
text-decoration: none;
}

#navigation a:hover, #navigation li:hover a  {
color: #f3a126;
background: #019EE1;
border-color: #019EE1;
}

#navigation li:hover li a {
color: #fff;
background: #019EE1;
border-color: #fff;
}


#navigation ul li li li a:hover, /* this rule is needed to for FF for the third level list */ 
#navigation li li a:hover, 
#navigation li li:hover a {
color: #f3a126;
background: #019EE1;
}

#navigation li:hover li li a {
color: white;
}


/* #navigation li li a {height: 1%;} */ 
/* this is not needed in here as it is only for IE and is already in the IE stylesheet */

div#navigation ul ul,
div#navigation ul li:hover ul ul,
div#navigation ul ul li:hover ul ul
{display: none;}

div#navigation ul li:hover ul,
div#navigation ul ul li:hover ul,
div#navigation ul ul ul li:hover ul
{display: block;}