/* Default style */
* {
}

/* Main structural styles */
#pagewrapper {
	width:960px;
	margin:auto;
	text-align:left;
	color:#000;
}
#banner {
	text-align:center;
	/*background:url(/common/images/banner.png) no-repeat bottom center;*/
	/*background:url(/common/images/banner_full.png) no-repeat bottom center;*/
	height:100px;
}
#banner h1 {
	font-family:georgia,times new roman,serif;
	font-size:3.5em;
	color:#000;
	font-variant:small-caps;
}
#banner a, #banner a:visited, #banner a:active, #banner a:link {
	text-decoration:none;
	color:#000;
}
#banner a:hover {
	color:navy;
}
#banner #cmpologo {
	float:left;
	position:relative;
	left:20px;
	top:10px;
	width:100px;
	height:57px;
}
#banner #esrclogo {
	float:right;
	position:relative;
	left:-20px;
	width:75px;
	height:62px;
}
#nav {
	text-align:center;
}
#nav ul {
	padding:0 0 1px 0;
	border-bottom:1px solid #333;
}
#nav ul li {
	display:inline;
}
#nav ul li a {
	border:1px solid #333;
	/* I've defined the rounded corners 3 times - once for the Mozilla experimental implementation
	once for the Webkit experimental implementation, and once for what will hopefully be the CSS3 standard.
	Internet Explorer visitors get square corners - sorry, its not worth it. */
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	color:black;
	background:#ddd;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:0.1em;
	padding:2px 10px 2px 10px;
}
#nav ul li a.selected {
	background:#fff;
	border-bottom:1px solid #fff;
}
#nav ul li a:hover {
	background:#ffe;
	color:red;
	border-bottom:1px solid #333;
}
#nav ul li a:hover.selected {
	background:#fff;
	color:red;
	border-bottom:1px solid #fff;
}

#content {
	padding:0 10px 0 10px;
}
#footer {
	font-size:75%;
	clear:both;
	padding-top:5px;
	text-align:center;
	border-top:1px solid #333;
}
/* Styles for a very basic two-column layout */
#twocol-left {
	width:48%;	
	float:left;
}
#twocol-right {
	width:48%;
	float:right;
}
/* Standard HTML tags - try to keep these to a minimum */
a, a:link {
	color:darkred;
	text-decoration:none;
}

a:visited {
	color:purple;
	text-decoration:none;
}

a:hover {
	color:red;
	text-decoration:underline;
}

body {
	text-align:center;
	background:#fff url(/common/images/main_background.png) repeat-y fixed center center;
	font:normal 100% helvetica,arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	color:#006;
}

h2 {
	border-bottom:1px dotted #006;
	font-size:1.6em;
}

h3 {
	border-bottom:1px solid #006;
	font-size:1.3em;
}

h4 {
	font-weight:bold;
	font-size:1.1em;
}

/* Custom styles */
a img {
	border:none;
}
div#breadcrumbs {
	font-size:0.7em;
	color:#666;
}
div#breadcrumbs a {
	text-decoration:underline;
}
img.graph {
	/* Yes we're double-handling - first two styles for IE (6?), last for proper browsers... */
	display:block;
	text-align:center;
	margin:auto;
	/* Since we know these, might as well play nice and put them in the style */
	width:900px;
	height:450px;
}
table.stats {
	margin:auto;
	border-collapse:collapse;
	border-spacing:0;
}

table.stats th, table.stats td {
	padding:2px 5px 2px 5px;
	border:1px solid #999;
}

table.stats th {
	font-weight:bold;
	text-align:center;
}

table.stats td.value {
	text-align:right;
}
table.stats td.total {
	font-weight:bold;
}
.formula {
	font-family:serif;
	font-style:italic;
}
hr.inline-divide {
	width:50%;
	text-align:center;
}
img.inline-formula {
	vertical-align:middle;
}
p.warning {
	font-size:0.7em;
	font-variant:small-caps;
	text-align:center;
}
a.graph {
	font-size:0.7em;
}
p.about {
	font-size:0.7em;
}
p.jumplink {
	font-size:0.7em;
	text-align:right;
}