/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com - 
     addapted + added to by db.
*/

* { margin: 0; padding: 2; }
body {color: #FFFFFF; 
background-color: #FFFFFF; 
font-size: 12pt; 
font-family: Verdana, Arial, Helvetica;}
#header a:link { color: #0A52A4; text-decoration: none  }
#header a:active, #footer a:visited { color: #043F83; text-decoration: none  }
#header a:hover { color: #4682C5; text-decoration: none  }

#main-content a:link { color: #0A52A4; text-decoration: none  }
#main-content a:active, #footer a:visited { color: #043F83; text-decoration: none  }
#main-content a:hover { color: #4682C5; text-decoration: none  }

#secondary-one a:link { color: #0A52A4; text-decoration: none  }
#secondary-one a:active, #footer a:visited { color: #043F83; text-decoration: none  }
#secondary-one a:hover { color: #4682C5; text-decoration: none  }

#secondary-two a:link { color: #0A52A4; text-decoration: none  }
#secondary-two a:active, #footer a:visited { color: #043F83; text-decoration: none  }
#secondary-two a:hover { color: #4682C5; text-decoration: none  }


#page-wrap { margin: 20px auto; color: black; }
#page-wrap > div { border: 1px solid #FFFFFF; ; padding: 20px; margin-bottom: 5px; color: #000080; }
#header { background: #FFFFFF;  }
#main-content { background: #FFFFFF;  }
#secondary-one { background: #FFFFFF;   }
#secondary-two { background: #FFFFFF;   }

/*#logomask {
	width: 100px; 
	height: 85px; 
	float: left; 
	clear: left;
	position: relative;
	margin: 0;
	display: block;
}*/


/*
http://shailan.com/2713/create-a-dropdown-menu-using-css3-transitions/
*/
#mainnav ul, #mainnav li { list-style:none; padding:0; margin:0; line-height:1.5; font-size: 10pt; display:inline;}
#mainnav ul ul li { 
	border: #ccc 1px solid;
}
#mainnav ul li{ float:left; position:relative; width: inherit }
#mainnav ul li a{ 
	display:block; 
	padding:2px 2px;
	font-size: 1em;
	font-weight: bold; 
	white-space:nowrap; 
}
#mainnav ul ul{ 
	position:absolute; 
	top:-99999px; 
	left:0;
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	z-index:497; 
	background:#eee;
}
#mainnav ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0; 
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
}
#mainnav ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }
#mainnav ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background:#eee; }

#mainnav a{
display:block;
padding:0px 5px;
color:#000080;
font-weight:bold;
text-decoration:none;
}
#mainnav ul a:hover {
	background-color: #fff;
	color:#4682C5
}


#mainnav ul ul a:hover {
	background-color: #fff
}

#title {
	color: #8E8E8E; 
	background-color: #F5F5F5; 
	font-size: 14pt; 
	font-family: Verdana, Arial, Helvetica;
	border-top: #CCCCCC 1px solid; 
	border-bottom: #CCCCCC 1px solid;
	position: relative;
	padding:2px 0 2px 0px;
	z-index: 0;
}

#breadcrumbs {
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0099FF;
}

#breadcrumbs a:link { color: #0A52A4; text-decoration: none  }
#breadcrumbs a:active, #breadcrumbs a:visited { color: #043F83; text-decoration: none  }
#breadcrumbs a:hover { color: #4682C5; text-decoration:underline  }