html * {
	margin: 0;
	padding: 0;
}

body {
	background: #e6e8ed url(../images/bg.gif) repeat-x;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

img {
	border: none;
}

hr {margin: 10px 0;}
hr.hrlgrey{ border-top: 1px solid #e5e5e5; }
hr.hrmgrey{ border-top: 1px solid #b6b6b6; }

#wrapper {
	text-align: left;
	width: 100%;
	margin: 0 auto;
	max-width: 875px;
	min-width: 770px;
}

#outerWrapper {
	background: #ffffff url(../images/bdr_left.gif) repeat-y left;
	float: left;
	width: 100%;	
}

#innerWrapper {
	background: url(../images/bdr_right.gif) repeat-y right;
	width: 100%;
	float: left;
}

#header {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	min-height: 90px; height: auto!important; height: 90px;
}

#logo {position: absolute; right: 15px; top: 15px;}

#topLinks {position: absolute; top: 12px; left: 8px; right: 15px; font-size: 62.5%;}

#topLinks ul {list-style-type: none; float: left; margin-top: 2px;}

#topLinks li {
	float: left;
	border-right: 1px solid #666;
	padding-right: .5em;
	padding-left: .5em;
	font-size: 1.2em;
	line-height: 1.2em;
}

#topLinks li.last {
	border: none;
}

#topLinks li a {
	color: #666;
	text-decoration: none;
}

#topLinks li a:hover {
	text-decoration: underline;
}

#searchWrapper {
	float: left;
	padding-left: 10px;
	text-align: right;
}

#searchBox input {vertical-align: middle;}

#search {width: 7.5em; font-family: arial,sans-serif; font-size: 1.2em; border: 1px solid #969696; padding: 1px 0; }

#searchBox label {
	position: absolute;
	left: -9999px;
}

#topNav {
	padding: 0 3px;
}

#topNav ul {
	width: 100%;
	clear: left;
	border-top: 1px solid #ccc;
	float: left;
	background: #e5e7ed url(../images/bg_topnav.gif) repeat-x bottom;
	margin-bottom: 1em;
	margin-left: 0;
}

#topNav li {
	list-style: none;
	float: left;
	line-height: 3.5em;
}

#topNav li a {
	font-weight: 800;
	color: #333;
	text-decoration: none;
	font-size: 1.1em;
	padding: 0 13px;
}

#topNav li a:hover {
	background: #ffffff;
	padding: .7em 13px 1.2em 13px;
}

#topNav li a:hover.pink {
	color: #fe019a;
} 

#topNav li a:hover.blue {
	color: #003398;
}

#topNav li a:hover.purple {
	color: #340065;
}

#topNav li a:hover.red {
	color: #970100;
}

#topNav li a:hover.green {
	color: #659a32;
}

#topNav li a:hover.yellow {
	color: #ff6600;
}

#topNav li a:hover.DGreen {
	color: #009999;
}

#topNav li a:hover.DBlue {
	color: #00659b;
}

#topNav .pinka {
	background: white;
	padding: .7em 13px 1.2em 13px;
	color: #fe019a;
}

#topNav .bluea {
	background: white;
	padding: .7em 13px 1.2em 13px;
	color: #003398;
}

#topNav .purplea {
	background: white;
	padding: .7em 13px 1.2em 13px;
	color: #340065;
}

#topNav .reda {
	background: white;
	padding: .7em 13px 1.2em 13px;
	color: #970100;
}

#topNav .greena {
	background: white;
	padding: .7em 13px 1.2em 13px;
	color: #659a32;
}

#topNav .yellowa {
	background: white;
	padding: .7em 13px 1.2em 13px;
	color: #ff6600;
}

#topNav .DGreena {
	background: white;
	padding: .7em 13px 1.2em 13px;
	color: #009999;
}

#topNav .DBluea {
	background: white;
	padding: .7em 13px 1.2em 13px;
	color: #00659b;
}

#topNav li a.active {
	background: #ffffff;
	padding: .7em 13px 1.2em 13px;
}

#footerContainer {
	clear: both;
	width: 100%;
	float: left;
	background: url(../images/bdr_bottom.gif) repeat-x bottom;
} 

#innerFooterContainer {
	float: left;
	background: url(../images/left_corner.gif) no-repeat left bottom;
	width: 100%;
}

#footerLinks {padding: 0 10px;}

#innerFooterContainer ul {
	background: url(../images/bg-dotted_bdr.gif) repeat-x left bottom;
	padding-bottom: 7px;
	list-style-type: none;
	margin-bottom: 7px;
	float: left;
	width: 100%;
}

#innerFooterContainer li {
	float: left;
	border-right: 1px solid #666;
	padding-right: 4px;
	margin-right: 4px;
}

#innerFooterContainer li a {
	color: #666;
	text-decoration: none;
}

#innerFooterContainer li a:hover {
	text-decoration: underline;
}

#innerFooterContainer li.last {
	border: none;
}

#info {
	color: #666;
	clear: both;
	float: left;
	width: 100%;
}

#info .footerLink 
{
	color: #666;
	text-decoration: none;
}

#info .footerLink:hover {
	text-decoration: underline;
}

#address {
	float: left;
	padding-bottom: 10px;
	padding-left: 10px;
}

#readingroom {
	text-align: right;
	background: url(../images/right_corner.gif) no-repeat right bottom;
	padding-bottom: 10px;
	padding-right: 10px;
}

#readingroom a {color: #00458b; text-decoration: none;}

#readingroom a:hover {text-decoration: underline;}