/* CSS Document */
#wrapper {
	margin: 0px auto 10px;
	padding: 0px;
	width: 750px;
	position: relative;
}

#nav {
	width:740px;
	margin: 0px;
	padding: 10px 0px 14px;
	/* display: none; */ 
}

#dropDowns {
	padding: 0px;
	text-align: left;
	/* display: none;*/ 
}

/* main box styles*/

#titleBox {
	width: 740px;
	text-align: left;
	font: Arial, Helvetica, sans-serif;
	padding: 18px 0px 12px;
	margin: 0px;
	display: block;
/*	Issue with IE for Mac: Using the float property with this div will allow the pull-down to draw properly, but will break the page layout. The use of 'float' on any given element will necessitate its use for any other elements that the pull-downs draw over. 
	float: left;*/
}
#titleBox h1 {
	font: bold 28px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}
#titleBox h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-bottom: 4px;
	margin: 0px;
	letter-spacing: .4em;
}

#leftCol {
	width: 380px;
	text-align: left;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px 20px 20px 0px;
		color: #666666;
	font: 12px Arial, Helvetica, sans-serif;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:360px;
}
#leftCol p, #rightCol p {
	padding: 0px 0px 12px;
	margin: 0px;
}
#leftCol h1, #rightCol h1 {
	padding: 0px 0px 4px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
}
#rightCol {
	text-align: left;
	width: 360px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	float: left;
		color: #666666;
	font: 12px Arial, Helvetica, sans-serif;
}
#rightCol h2 {
	padding: 0px 0px 2px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
}

#pageBottom {
	width: 740px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#leftColBot {
	width: 380px;
	height: 100px;
	text-align: left;
	float: left;
	padding: 0px;
	margin: 0px 20px 10px 0px;
	background: #E5E7E8 url(images/grey_left_bot.gif) no-repeat bottom;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:360px;
}
#leftColBot h1, #rightColBot h1 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 34px 4px 34px;
}
#leftColBot p, #rightColBot p {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0px 34px 0px 34px;
	margin: 0px;
	color: #FFFFFF;
}

#leftColBot img, #rightColBot img {
	display: block;
}

#rightColBot {
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
	width: 360px;
	height: 100px;
	padding: 0px;
	margin: 0px 0px 10px;
	float: left;
	background: #E5E7E8 url(images/grey_right_bot.gif) no-repeat bottom;
}

#footer {
	margin: 0px 0px 0px 372px;
	padding: 0px;
	clear: both;
	text-align: left;
}
#footer a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #7F8182;
	padding: 8px 4px;
	display: block;
}
#footer a:hover {
	color: #FF7E00;
}
.attribution {
	color: #7F8182;
	font: 10px Arial, Helvetica, sans-serif;
	padding: 10px 0px 0px;
	margin: 0px;
	clear: both;
	float: left;
}

/* styles for rollover effects*/

#navigation_01 a:hover {
background: url(images/navigation_01_over.gif) repeat;
display: block;
}

#navigation_02 a:hover {
background: url(images/navigation_02_over.gif) repeat;
display: block;
}

#navigation_03 a:hover {
background: url(images/navigation_03_over.gif) repeat;
display: block;
}

#navigation_04 a:hover {
background: url(images/navigation_04_over.gif) repeat;
display: block;
}

#navigation_05 a:hover {
background: url(images/navigation_05_over.gif) repeat;
display: block;
}

/* drop menu styles */

.menuLinks a {
	font: 11px/normal Arial, Helvetica, sans-serif;
	text-align: left;
	color: #FFFFFF;
	background: #9FA4A7;
	display: block;
	float: left;
	text-decoration: none;
	padding: 3px 6px;
	margin: 0px;
	border:  0px;
	width: 200px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px;
}
	
.menuLinks a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #7F8182;
}

/* stat table styles */
.data td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
}