/* common.css */

	/********* Basic elements across the site **********/
	/***************************************************/

body {
	margin:0;
	background-color:#E5E9F5;
	font-family:Lucidasans, Helvetica, Verdana, sans-serif;
	font-size:medium;
	color:#000;
}
h1 {
	font-size:x-large;
}
h2 {
	text-align:left;
	color:#FFFF64;
	font-size:large;
	background-color:#3878CD;
	margin-top:60px;
	margin-bottom:15px;
	padding:2px;
	padding-left:5px;
}
h3 {
	font-size:medium;
}
h5 {
	font-size:small;
	text-align:right;
	display:inline;
}
* html h5 {
	padding-right:4px;
}
h6 {
	font-size:small;
	text-align:right;
	text-align:right;
}
h6 a {
	margin-right:3px;
}
table.real thead { 
        background-color: #E5E9F5;
}
table.real th,
table.real td {
        border: 1px solid #3878CD;
        padding: 2px;
}
table.real { 
        border: 2px solid #3878CD;
        background-color: #F5F8FF;
}
a:link:hover {
	color:#CC0033;
	background-color:#FFFF64;
}
ol li {
	margin-bottom:12px;
}
blockquote {				
	margin:35px;			
	padding:15px; 			
	border-left:2px groove #CCC;
	border-top:2px groove #CCC;
}
img {
	border:0;
}
.punch {  			/*creates a bold typeface */
	font-weight:bold;
}

	/********************* header styles *******************************/
	/******************************************************************/
#banner {
	position:absolute;
	top:0;
	left:0;
	height:90px;
	width:100%;
	padding-top:4px;
	background-color:#FFFF64;
}
.logout {
	text-align:right;

}
.logout form {
	display:inline;
}
.stripe {
	position:absolute;
	top:40px;
	left:0;
	height:55px;
	width:100%;
	background-color:#3878CD;
	border-top:2px solid #575756;
	border-bottom:2px solid #575756;
}
.slogan {
	position:absolute;
	left:187px;
	z-index:1;
}
html>body .slogan { 	/**** Opera needs its own rule *********/
	top:100px;
}
:root .slogan {		/**** Undo the Opera rule for all other browsers ****/
	top:80px;
}
* html .slogan {	/** Then, give IE 5/6 its own rule ****** */
	top:100px;
}

		/******** PNG logo with transparency across browsers  */
		/******************************************************/
#logo>.logo_hack {
	background-image:url(/images/logo.png);
	background-position:center;
	background-repeat:no-repeat;
}
.logo_hack {
	position:absolute;
	top:25px;
	left:0;
	width:250px;
	height:119px;
	padding:0;
	margin:0;
}
.logo_hack a:hover {
	background:transparent;
}

		/******** Main nav menu styles ****************/
		/**********************************************/
.nav {
	position:absolute;
	top:152px;
	left:20px;
	width:180px;
	background-color:#F5F8FF;
	border:2px groove #3878CD;
	padding:0;
	padding-bottom:5px;
	margin:0;
	z-index:1;
}
.nav ul {
	list-style-type:none;
	text-align:center;
	padding:0;
	margin:0;
}
.nav a,
.nav a:link,
.nav a:visited {
	display:block;
	height:20px;
	font-size:small;
	color:#2B5C9F;
}
.nav a:hover {
	color:#FFF;
	background-color:#3878CD;
}
.nav a:active {
	color:#FFFF64;
	background-color:#3878CD;
	font-size:14px;
}
.nav img {
	padding:0;
	margin:0;
	width:180px;
	height:30px;
}
.colophon {
	margin-left:20px;
}