/* <!-- */
    /* General styles */

body {
				padding:50px 150px;
        margin-bottom: 0;
        padding-bottom:0;
        background:#d11956 url(i/tracing_board.jpg) no-repeat top;
	font-size:90%;
    }

#header h1 {
	text-align: center;
}
    
/*---------------*/
/* Footer styles */
#footer {

        width:100%;
	border-top:1px solid #d11956;
	text-align: center;	
}
#footer p {
	padding: 0px;
	margin: .8em;
}
   
.WebURL {
	font-style: italic;	
	font-size: 1em;
	color: #333333;
}
.FooterTag {
	font-style: italic;	
	font-size: 0.8em;
	color: #666666;
	white-space:pre;
}


.hide, .displaynone   {
   position: absolute;
   left: -9999px;
   top: -9999px;
}

#Content { 
	padding:0;
	margin:0;
	font-family:Verdana, Geneva, sans-serif; 
	font-size: 1.05em;
	line-height: 1.3em;
	height: 100%;
	word-spacing:0.2em;
	letter-spacing: .02em;
	margin-right:2.5em;
	text-align: justify;	
	min-height:90%;
}
H1, 
H2 { 
	font-family: "Old English Text MT",Georgia, serif;
	padding: .1em;
	margin-top:0.5em;
	padding-bottom: 0;
	color:#C00;

}

#container {
	border:1px solid #000 ;
	padding: 30px;
	padding-bottom: 10px;
	background: #ffcccc;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;	

}
#pastPrincipalsTable td {width:20%; vertical-align: top; text-align: left; font-size: 80% }
#pastPrincipalsTable pre { 	font-family:Verdana, Geneva, sans-serif; 
	font-size: 1.05em;
	line-height: 1.4em;
}



.menu {
			position: absolute;
		top: 60px;
	background: url("i/menu-mid.png") repeat-x;	
	height: 77px;	
	float: left;
	margin-left:-28px;
}

#menuWrap H3 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

.menu {font-family: arial, sans-serif; font-size:13px; z-index:100; padding-left: 1px; font-weight: bold;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:105px; height:20px; text-align:center; color:#966; border-right:1px dotted #F33; border-bottom:1px dotted #F33; line-height:1.5em; font-size:13px; padding: 6px 0px 4px 0px;}
.menu ul > li:last-child a { }
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;	}
.menu ul li ul {display: none; }
.menu ul li a.active {background: #fee; color:#A00}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#C00; }
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:10px; }
.menu ul li:hover ul li a.hide {background:#395ba9; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#395ba9; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#bfc9e3; color:#000;border-bottom: 1px #f33 dotted; border-right: 1px #f33 dotted; border-left: 1px #F33 dotted;width:131px; height: auto;}
.menu ul li:hover ul li a.x {background:#bfc9e3 url(i/ico-arrow.png) no-repeat center right; }
.menu ul li:hover ul li a:hover {background:#395ba9; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:130px; top:5px; z-index: 15;}
.menu ul li:hover ul li:hover ul  li ul {display: none;}
.menu ul li:hover ul li:hover ul  li a { border-left: 1px #F33 solid; width: 160px;}
.menu ul li:hover ul li:hover ul li:hover ul {display:block; left:160px; }
.menu ul li:hover ul li:hover ul li:hover ul li a {width: 220px;}