/*HTML styles */

body {
	background-color: #B6C6CC ;
	background-image: url(/images/background.jpg);
	background-attachment: fixed; 
	background-position: bottom ;
	background-repeat: repeat-x ;
	
	margin: 10px 0px 10px 0px ;
	
	font-family: arial, sans-serif ;
	font-size: 12px ;
	color: #000 ;
}

/* TinyMCE specific rules */

body.mceContentBody {
   background: #FFF;
}

input, select, textarea, button {
	font-family: arial, sans-serif ;
	font-size: 12px ;
}

table {
	border-collapse: collapse ;
}

form {
	margin: 0px ;
	padding: 0px ;
}

td {
	font-size: 12px ;
	vertical-align: middle ;
}

h1 {
	font-size: 24px ;
	font-weight: bold ;
	color: #003366 ;
	letter-spacing: -1px; 
	
	margin-top: 0px ;
	margin-bottom: 5px; 
	border-bottom: 0px solid #999 ;
	padding: 2px ;
}

h2 {
	font-size: 17px ;
	font-weight: bold ;
	margin-bottom: 5px; 
}

h3 {
	font-size: 16px ; 
	font-weight: bold ;
	text-align: center; 
	margin-bottom: 0px; 
}

h4 {
	font-weight: bold;
	font-style: italic;
	margin: 0px; 
	text-align: center;
	font-size: 14px; 
	color: #145163;
}

h6 {
	padding: 0px; 
	margin: 0px;
	
	font-family: arial, sans-serif ;
	font-size: 12px ;
	font-weight: bold; 
	color: #000 ;
}

a, a:link, a:active, a:visited, a:hover {
	color: #003366 ;
}

.mceContentBody a {
	color: #003366 !important; /* Should match standard anchors; FF requires a important here for mceContentBody */
}

a:active, a:visited {
	color: #003366 ;
}

a:hover {
	color: #003366 ;
}

a:link img, a:active img, a:visited img, a:hover img {
	border-color: #003366;
}

a:hover img {
	border-color: #c00;
}

/*Template Styles*/

.container {
	width: 756px;
	margin: auto;
	border: solid 3px #145163;
}

.sub_container {
	background-color: #768184;
	padding: 5px; 
}

.page_top {
	height: 150px; 
	background-color: #145163;
	border: solid 1px #ccc;
}

.info_bar {
	background-color: #768184;
	border: solid 0px #ccc;
	padding: 10px;
	text-align: center;
	
	font-size: 16px;
	
	font-weight: bold;
	color: #fff;
}

.navigation_bar {
	background-color: #768184;
	border: solid 0px #ccc;
}

.page_body_div {
	border: solid 1px #ccc;
}

.page_body_table {
	width: 100%;
}

.nav_cell {
	background-color: #145163;
	width: 250px;
	border: solid 0px #ccc;
	vertical-align: top;
}

.content_cell {
	background-color: #fff;
	border: solid 0px #ccc;
	vertical-align: top;
}

.content {
	padding: 10px ;
}

.foot, a.foot:link, a.foot:active, a.foot:visited, a.foot:hover {
	color: #2D6D81; 
}

.img_float {
	float: right; 
	margin: 0px 0px 10px 10px; 
	border: solid 1px #145163;
}

/* Nav Styles */

a.button, a.button:link, a.button:active, a.button:visited, a.button:hover {
	font-size: 16px ;
	font-weight: bold ;
	text-decoration: none ;
	color: #ddd ;
	
	display: block; 
	background-color: #768184 ;
	background-image: url(/images/button.png);
	background-position: center left; 
	margin: 3px 3px ;
	border: 1px solid #ccc ;
	padding: 5px 10px ;
}

a.button:hover {
	background-color: #768184 ;
	background-image: url(/images/button_up.png);
	/*text-decoration: underline ;*/
}

/*Misc Standard Styles*/

.required {
	text-align: center;
	color: #711028;
}

.even_row, .row_0 {
	background-color: #eee;
}

.odd_row, .row_1 {
	background-color: #fff;
}

.good, .status1 {
	color: #456314;
}

.bad, .status0 {
	color: #711028;
}

/*Module Styles */


table.projects {
	width: 100%; 
	margin: 15px 0px; 
}

table.projects td {
	text-align: center; 
	font-size: 12px; 
}

td.projects.head {
	font-weight: bold;
}

td.projects.sub_heading {
	padding-top: 10px; 
	font-weight: bold;
	font-size: 13px; 
	color: #768184;
}