body {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	background: #eaeaea;
	margin: 15px 0;
}

a 
{
	color: #b37700;
	text-decoration: none;
}

a:hover 
{
	color: #fa0;
	text-decoration: underline;
}

.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
}

#logo {
	float: left;
}

#header h1 {
	margin: 0 180px;
	padding: 30px 0 0;
	text-align: center;
	color: #333;
}

#pagecontainer {
	background: #fff;
	width: 776px;
	margin: 0 auto;
	border: 3px solid #666;
	padding: 10px;
}

#badges {
	clear: both;
	text-align: center ;
	padding: 8px 4px;
}

#navbox {
	background: #ccc;
	border: 1px solid #999;
	float: right;
	padding: 10px;
	text-align: right;
}

#navbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navbox a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#navbox a:hover {
	color: #888;
	text-decoration: none;
}

#pagedescription {
	clear: both;
	padding: 8px 5px;
}

#contentcontainer {
	clear: both;
	border: 1px solid #eee;
	padding: 4px 4px 3px;
}

#rightcolumn {
	float: right;
	width: 170px;
}

#rightcolumn h2 {
	background: #ccc;
	border: 1px solid #999;
	padding: 6px 10px;
	font-size: 1.2em;
	color: #555;
	margin: 0;
}

#rightcolumn .boxcontent {
	border: 1px solid #eee;
}

#rightcolumn .boxcontent ul {
	list-style: none;
	margin: 0;
	padding: 0 10px;
}

#rightcolumn .boxcontent li {
	margin: 6px 0;
}

#leftcolumn {
	margin-right: 180px;
}

#leftcolumn h2 {
	background: #b37700;
	border: 1px solid #666;
	font-size: 1.4em;
	color: #fff;
	padding: 6px 10px;
	margin: 0 0 10px;
}

.contentitem img {
	float:right;
	padding: 10px ;
}

.contentitem hr {
	border: 0 ;
	border-top: 1px solid #ccc;
	margin: 2px 0 4px 0;
}

/* display the header inline so that we can have the projectview on the same line */
.contentitem h3, .contentform h3 {
	font-weight: bold;
	font-size: 1.2em ;
	display: inline ;
	margin: 0 ;
	padding: 0 ;
	text-align: left ;
}

.projectview {
	margin-left: 20px;
}

/* search stuff */

.searchcontainer {
	background: #e0ecfa;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	padding: 5px;
}

#txtsearch {
	font-size: 9px;
	width: 90%;
}

#imggoogle {
	float: left;
}

#btnsearch {
	font-size: 0.7em;
	margin: 6px;
}

input {
	font-size: 1em;
}



#footernav {
	clear: both;
	text-align: center ;
	padding: 8px 4px;
}


.instruction
{
	background-color: White;
	padding: 2px 2px 20px 20px;
	text-align: left;
	width: 95%;
}

.instruction h1 
{
	color: Orange;
	font-family: Century Gothic, Trebuchet MS, Verdana, Serif;
	font-size: 28pt;
	letter-spacing: 150%;
	font-weight: normal;
}


.messages 
{
	color: Red;
}

#breadcrumbbar 
{
	clear: both;
	padding: 20px 0;
}

.IconContainer {
	background: #fff;
	border: 1px solid #ddd;
}


.contentform
{
	margin: 20px ;
	border: black 1px solid; 
	width: 400px; 
	background-color: #eee;
}

.contentform h3
{
	font-weight: bold;
	font-size: 0.85em ;
	display: inline ;
	margin: 0 ;
	padding: 0 ;
	text-align: left ;
}


.multiselectbox {
	border: 1px solid #eee;
	padding: 4px 4px 3px;
	width: 500px;
}

.multiselectboxitemright {
	float: right; padding: 2px; width: 200px; height: 120px; font-size: 0.95em;
}

.multiselectboxitemcenter {
	float: right; padding: 2px; width: 60px; height: 120px;
}

.multiselectboxitemleft {
	float: left; padding: 2px; width: 200px; height: 120px; font-size: 0.95em;
}


.clear { font-size: 1px; line-height: 1px; clear: both; }