/* page formatting */
html, body		{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px;
	text-align: center;
}
.background {
	background-color: #FFFFFF;
}
/* whole page wrap */
.page {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	border: 2px solid #CC0033;
	padding: 0px;
	text-align: left;
}
/* navigation and footer */
.whitebar {
	clear : both;
	background-image: url("/images/navback.gif");
	padding: 0px;
   height: 40px;
	margin: 0px;
	border-bottom: 1px solid #CC0033;
}
.whitebar p {
		color: #000066;
		margin: 0px;
}
/* header */
.header1 {
	background-image: url("/images/header_logo.jpg");
	background-repeat: no-repeat;
	height: 70px;
	text-align: right;
}
.headlinks {
	text-align: left;
   margin: 0px 0px 0px 548px;
   padding: 15px 0px 0px 0px;
	line-height: 20px;
}
a.headlink {
   font-size: 11px;
	font-weight: bold;
	color: #000066;
}
a.headlink:hover {
   font-size: 11px;
	font-weight: bold;
	color: #CC0033;
	text-decoration: underline;
}
.header {
	background-image: url("/images/header.jpg");
	background-repeat: no-repeat;
	height: 91px;
	text-align: right;
	border-bottom: 1px solid #CC0033;
	border-top: 1px solid #CC0033;
}

/* wrap for main content area */
.container {
	padding: 0px;
	margin: 0px;
}


p, td, li	{
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	line-height: 150%;
}
h1 {
	color: #000066;
	font-size: 16px;
	margin: 0px;
	line-height: 200%;
}
h2 {
	color: #000066;
	font-size: 15px;
	margin: 0px;
	line-height: 180%;
}
h3 {
	color: #000066;
	font-size: 14px;
	margin: 0px;
	line-height: 160%;
}
form		{ margin: 0}
.error		{ color: #FF0000; font-size: 11px; font-weight: bold;}
.comment 	{ font-size: 9px; color: #666666;}
.whitetext	{ color: #FFFFFF; }
.whitebar .whitetext	{ font-size: 11px; }
.padding {padding: 20px; }

.100percentwidth { width: 100%; }

/* Links */
a { color: #000066; text-decoration: none;}
a:hover { color: #CC0033; text-decoration: underline;}
a.nav       { color: #000066;
					display: block;
					width: 154px;
					height: 40px;
              text-decoration: none;
              margin: 0px;
				  padding: 0px;
				  line-height: 18px;
				  font-size: 12px;
				  font-weight: bold;
}
a.nav:hover { color: #FFFFFF;
              text-decoration: none;
				  background: url("/images/navbackroll.gif");
              background-color: #CC0033;
}
a.menu { color: #3D00B5; text-decoration: none;}
a.menu:hover { color: #FFFFFF; text-decoration: underline;}

/* CSS drop down menus */
/* blank ul tag needed as the one below doesnt work in netscape/firefox without it */
ul {	
}
.whitebar ul {
	/* all lists */	
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
}
.whitebar li {
	/* all list items */
	display: block;
   float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
}
.whitebar li ul {
	/* second-level lists */
	display: none;
	width: 145px;
	position: absolute;	
	top: 40px;
	left: -1px;
	padding: 4px;
	margin: 0px;
	background-color: #FFFFFF;
	border: 1px solid #CC0033;
	text-align: left;
}
.whitebar li ul li {
	float: none;
}
.whitebar li.>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
.whitebar li:hover ul, .whitebar li.over ul {
	/* lists nested under hovered list items */
	display: block;
}

.leftbox .subheading {
	width: 100%;
	clear: both;
	color: #000066;
	font-size: 12px;
	margin: 0 0 6px 0;
	padding: 8px 0 0 0;
	font-weight: bold;
}
.leftbox ul {
	/* left nav list */
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.leftbox li {

	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
}

/* layout bits */

.rightmain {
	float: right;
	width: 596px;
	margin: 0px;
	padding: 10px 10px 4px 10px;
   border-left: 2px solid #CC0033;
}
.rightmainhome {
	float: right;
	width: 748px;
	margin: 0px;
	padding: 10px 10px 4px 10px;
}
.rightmain img {
	border: 1px solid #CC0033;
   
}
.caption {
	border-bottom: 1px solid #CC0033;
/* border-left: 1px solid #CC0033;
	border-right: 1px solid #CC0033; */
   font-size: 10px;
}
.righttext {
	text-align: left;

}

.leftbox {
	float: left;
	width: 140px;
	padding: 10px 2px 10px 2px;
	margin: 2px;
	text-align: left;
}


.thumbnail {
	float: left;
	margin-right: 10px;
}

hr {
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
}
.skiplink {display:none}

.footer {
	clear: both;
}
.footer1 {
	clear : both;
	padding-top: 4px;
	height: 15px;	
	margin: 0px;
}
.footer1 p {
		color: #000066;
		margin: 0px;
}
a.footer1 { color: #FFFFFF; text-decoration: none;}
a.footer1:hover { color: #CC0033; text-decoration: underline;}

/* change whitebar to redbar and make height shorter! */

.redbar .redtext	{ font-size: 11px; }

.redbar {
	clear : both;
	background-image: url("/images/navback1.gif");
	padding: 0px;
   height: 30px;
	margin: 0px;
	border-bottom: 1px solid #CC0033;
}
.redbar p {
		color: #000066;
		margin: 0px;
}
a.rednav   { 	color: #FFFFFF;
					display: block;
					width: 154px;
					height: 30px;
              text-decoration: none;
              margin: 0px;
				  padding: 0px;
				  line-height: 18px;
				  font-size: 12px;
				  font-weight: bold;
}
a.rednav:hover { color: #000066;
              text-decoration: none;
				  background: url("/images/navbackroll1.gif");
              background-color: #CC0033;
}
.redbar ul {
	/* all lists */	
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
}
.redbar li {
	/* all list items */
	display: block;
   float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
}
.redbar li ul {
	/* second-level lists */
	display: none;
	width: 145px;
	position: absolute;	
	top: 30px;
	left: -1px;
	padding: 4px;
	margin: 0px;
	background-color: #FFFFFF;
	border: 1px solid #CC0033;
	text-align: left;
}
.redbar li ul li {
	float: none;
}
.redbar li.>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
.redbar li:hover ul, .redbar li.over ul {
	/* lists nested under hovered list items */
	display: block;
}