html, body {
	margin: 0px;
	padding: 0px;
	
	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
	font-size: 9pt;
	color: #32404D;
	
	/* IE centering bug */
	text-align: center;
}

#logo {
	float: left;
	
	margin-left: -110px;
	margin-top: 16px;
}

#container {
	width: 735px;
	
	margin-left: auto;
	margin-right: auto;
	
	/* IE centering bug */
	text-align: left;
}

#header {
	margin-bottom: 0px;
	
	width: 100%;
	height: 50px;
	
	background: #A43F77;
	
	color: #FFFFFF;
}

#header img {
	margin-left: 16px;
	margin-right: 16px;
	
	border: 0px;
}

#header_img {
	margin: 0px;
	
	/* Funny bug in FF2: leaves some gray above image (between flash and image) */
	margin-bottom: -5px;
}

#subnav {
	padding: 6px 0px 6px 16px;
	
	background: #FFFFFF;
}

#subnav ul {
	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
}

#subnav ul li {
	display: inline;
	
	margin-right: 16px;
	
	font-weight: bold;
	color: #32404D;
}

#subnav ul li a {
	text-decoration: none;
	color: #32404D;
}

#body_wrapper {
	margin-top: 0px;	
	background-color: #eaeaea;
}

#headline {
	padding: 24px 32px 24px 32px;
	
	font-size: 120%;
	font-weight: bold;
}

/* content_table */
#content_table {
	margin-left: 16px;
	margin-right: 16px;
}

#content {
	/* Do not define width: content will fit room left by sidebar (sidebar is normally 200px wide) */
	margin-left: 20px;
	
	padding: 16px 12px 12px 12px;
	
	text-align: left;
	line-height: 160%;
	
	background-color: #ffffff;
	
	vertical-align: top;
}

#content form input.text {
	width: 200px;
}

#sidebar {
	width: 200px;
	padding: 18px 12px 12px 12px;
	
	background-color: #ffffff;
	
	vertical-align: top;
}

#spacer {
	padding: 2px;
	width: 20px;
}

/* headers */
#content h1, #content h2, #content h3, #sidebar h1 {
	margin: 0px 0px 12px 0px;
	font-weight: bold;
}

#content h1 { 
	font-size: 130%;
	color: #B02A63;
}

#content h2 { 
	font-size: 120%;
}

#content h3, #sidebar h1 { 
	font-size: 110%;
}

#content a {
	color: #B02A63;

	}
#footer a {
	color: #B02A63;

	}
#sidebar a {
	color: #B02A63;

	}

#footer {
	clear: both;
	
	padding: 8px 32px 8px 32px;
	
	background-color: #eaeaea;
}

.mousetip { 
	position:relative;
} 
.mousetip span { 
position:absolute;
left:-999em; 
} 
.mousetip:hover span, .mousetip:focus span {
left:1px;
color:#333;
padding:5px 10px;  
border:2px solid #000;
background:#EAEAEA;
}
