@charset "UTF-8";
/* CSS Document */
/* Main ENG Stylesheet */

/* ENG colors
Dk green	#526323
Md green	#A8B191
Gold		#C4C15B
Lt tan		#F8F7E4
Orange		#C47133
*/

/*	DO NOT CREATE A CLASS NAMED change
it will interfere with the mangle() function in main.js */



body { 
background-color: #75824F;
font-family:"trebuchet ms", trebuchet, verdana, geneva, sans-serif;
font-size:95%; 
font-weight:100;
color: #000;
margin:0 4em;
padding: 0;
border: 0;
}

h1, h2, h3, h4, h5, h6	{
font-weight: normal;
font-family: georgia, palatino, serif;
margin: 0;
padding: 0;
border: 0;
}

h1 {
	font-size:150%;
	font-weight:normal;
	margin:.5em 0;
}
h2 {
	font-size:120%;
	font-weight:200;
	margin-bottom:0;
	color:#526323;
}
h3 {
	font-size:120%;
	font-weight:bold;
	color:#40709F;
}
h4 { 
	font-family:"trebuchet ms", trebuchet, verdana, geneva, sans-serif;
	font-size:1em; 
	font-weight:600;
	border-bottom:3px solid #ABB06E;
	margin-bottom:2px;
}
h5 { 
	font-family:"trebuchet ms", trebuchet, verdana, geneva, sans-serif;
	font-size:1em; 
	border-left:8px solid #ABB06E; 
	border-bottom:1px solid #ABB06E;
	padding-left:.2em;
	margin-bottom:.2em;
}
/* For bylines and breadcrumbs only*/
h6 { 
	font-family:verdana, geneva, sans-serif;
	color:#666666;
	font-size:10px;
}
dt, dd { 
	font-family:"trebuchet ms", trebuchet, verdana, geneva, sans-serif;
	font-size:0.9em; 
}
dt { 
	font-weight:800;
	border-left:8px solid #E2A30E; 
	border-bottom:1px solid #E2A30E;
	padding-left:.2em;
	margin:.75em 0 .25em 0;
}

p, li, td { 
	color: #000;
	font-family:"trebuchet ms", trebuchet, verdana, geneva, sans-serif;
	font-size:inherit;
}


td { vertical-align:top; }

ul { margin-top:.25em; }

input, select, textarea { color:#003366; }

input, textarea, checkbox, option { color:#003366; }

img { border:none; }

#nav { position:absolute; top:130px; left:relative; padding-left:2em; }
/* Anchors */
a:link, a:visited { color:#526323; }
a:active, a:hover { background-color:#C4C15B; }

a:link, a:visited  { color:#526323; text-decoration: underline; }
a:active, a:hover { background-color:#C4C15B; text-decoration:none; }

a + img { text-decoration: none; background-color:transparent; }

h6 a:link, h6 a:visited  { color:#526323; text-decoration: underline; }
h6 a:active, h6 a:hover { color:#FFFFFF; background-color:#ABB06E; text-decoration:none; }

div.footer a:link, div.footer a:visited { color:#526323; font-family:Verdana, sans-serif; text-decoration:none; }
div.footer a:hover, div.footer a:active { color:#FFFFFF; background-color:#C4C15B; }

#gold a:link, #gold a:visited { color:#40709F; font-family: Verdana, sans-serif; text-decoration:none; }
#gold a:hover, #gold a:active { color:#FFFFFF; text-decoration: none; background-color:#40709F; }

#nav a:link, #nav a:visited { color:#FFFFFF; font-family: Verdana, sans-serif; text-decoration:none; padding:2px .5em; margin:4px .25em; font-size:11px; border:1px solid #F8F7E4; }
#nav a:hover, #nav a:active { color:#000000; text-decoration: none; background-color:#F8F7E4; border:1px solid #000000; }



.imgleft { margin:0 1em 0 0; float:left; border:1px solid #C47133; padding:0.5em; }
.imgright { margin:0 0 0 1em; float:right; border:1px solid #C47133; padding:0.5em; }
.caption { font-size:0.8em; color:#666; }


/* MAIN */
#main {
background-color: #F8F7E4;
margin:1em;
}

/* Footer */
div.footer {
	/* text-transform:uppercase; */
	text-align:center;
	font-size:11px;
	margin:1em;
	/* padding-top:.25em */
}


/* Tables */
table {
	margin-bottom:1em;
	font-size:inherit;
}
tr.odd { background-color:#E8ECF0; }
tr.even { background-color:#FFFFFF; }
th {
	background-color:#51687B;
	color:#FFFFFF;
}

.rule {
	border-bottom:1px solid #6CF;	
}

/* Colors */
.red { color:#B22222; }

/* Other */

blockquote.pull { float:right; padding:2em; margin:1em; background-color:#CCCCFF; width:20% }

.tooltip {
	position:relative; /*this is the key*/
	z-index:99;
	text-decoration:none;
}
a.tooltip:hover{
	z-index:100;
}

.tooltip span {
	display: none; 
}
/* display hover text when hovered */
.tooltip:hover span {
	display: block;
	z-index:99;
    position:absolute; top:1em; left:2em; width:15em;
	/* position: absolute; top: 200px; right: 450px; */
    width: 30em;
	padding: 0.5em; margin:1em; 
	z-index: 100;
	color:#C00; 
	background-color:#FFF;
	font: 10px Verdana, sans-serif; 
	text-align: left;
	border:1px solid #999;
}

div.message {
	background-color:#D2DAE8;	
}

div.announcement {
	background-color:#F8F7E4;
	border-top:2em solid #C47133;
	border-bottom:2px solid #C47133;
	padding:.5em; 
	margin:1em .25em 0 1em;
	font-size:smaller;
}