@charset "utf-8";
/* CSS Document */

body {
	font: .95em Verdana, Arial, Helvetica, sans-serif;
	background: #6666FF url(../images/page_bg.png) repeat;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}
a:link {
	color: #0033CC;
	text-decoration: underline;
}
a:visited {
	color: #660099;
	text-decoration: underline;
}
a:hover {
	color: #CC3300;
	text-decoration: none;
}
#container {
	width: 760px; 
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
}
#header {
	background:url(../images/title_masthead.jpg) center top no-repeat;
	padding: 0;
	margin: 0; 
	width: 760px; 
	height: 290px;
}
#header h1, #header h2 { display: none;}
#mainContent {
	padding: 0 20px 20px;
	background: #FFFFFF;
}
/*--------------------------------------------------------------- */

p {
	margin: .5em auto;
	line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 {font-weight: bold;text-align:center;color: #5576D6;text-align: center;font-family: Trebuchet MS, Arial, Verdana, sans-serif; margin: 1em auto;}
h1, h2 {margin-bottom: 0.5em;}
h3, h5 {color:#666666;}
table#display {font-size: .9em;}
table#display td {	padding: 12px 4px 8px;}
table#display img {	border: 1px solid #333333;}
table#display img.button {border:none;}
tr.ppbutton  td {border-bottom: 1px solid #DDD;}

small {font-size: .8em;}
.item {
	font-size: 120%;
	font-weight: bold;
	color: #660066;
}

.alternate: {background: #E4EFFF;}
.note {
	font-size: 90%;
	color: #666666;
}
.boxR {
	float:right;
	margin: 5px 0px 15px 15px;
}
.boxL {margin: 5px 15px 15px 0;}

#photo {border: 1px solid #333333;}
.photoR {float:right;margin: 5px 0px 15px 15px;}
.photoL {float:left;margin: 5px 15px 15px 0;}

#sidebox {
	padding: 6px;
	background: #E4EFFF;
	color: #000000;
	border: 1px solid #5275D6;
}
#sidebox p {text-align: left;margin:10px 0;}
#sidebox h2, #sidebox h3 {
	text-align: left;
	color: #5275D6;
	margin:0 0 10px;
}
#sidebox a:link {
	color: #0033CC;
	text-decoration: underline;
}
#sidebox a:visited {
	color: #660099;
	text-decoration: underline;
}
#sidebox a:hover {
	color: #CC0000;
	text-decoration: none;
}

.top a:link, .top a:visited, .top a:hover {
	text-decoration: none;
	float: right;
	font-size: 70%;
	border: none;
	margin: 2px 8px 2px 2px;
 }
 /*--------------------------------------------------------------- */

#footer {
	padding: 0 10px;
	background: #dde6ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: 1px solid #999999;
	background-color: #E4EFFF ;
	background-image: url(../images/whistleworks-logo.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
#footer p {
	margin: 0; 
	padding: 10px 0; 
}