body {
	background:#607c60;
	margin:0;
	padding:0;
	font-size: .9em;
}

.center {
	text-align:center;
}

img.bordblk {
	border:1px solid black;
}

#wrapper {
	width:784px;
	background:#ffffff;
}

#header {
	width:770px;
	height:199px;
}

#header h1 {
	font-size:1px;
	color:##352226;
	margin:0;
	padding:0;
}

#main {
	width:770px;
	height: 100%;
	margin:0;
	padding:0;
	background:#FFFFFF;
}

#sidebar {
	margin:0;
	padding:0;
}

#sidebar p {
	color: #607c60;
}

#sb_inner {
	width:194px;
	margin:0 11px 0 12px;
	padding:0;
}

#sb_inner h4 {
	margin:3px 0;
	padding:0;
	font-size:100%;
	font-style:normal;
	font-weight:bold;
	color:#607c60;
}

#content_outer {
/*	width:550px; */
}

#corner_date {
	line-height:1.8em;
	font-size:.9em;
	color:#BBBBBB;
	text-align:right;
	margin:5px 15px 0 0;
	padding:0;
}

#content {
	margin: 20px 30px 0 40px;
}

#content_left {
	margin: 20px 30px 0 40px;
	text-align: left;
}

#content_left h2 {
	color:#607c60;
	font-weight:normal;
	font-size:125%;
	margin:0 0 10px 0;
	padding:0;
}

#content_left td.label {
	text-align:right;
	font-weight:bold;
}

#content h2 {
	color:#607c60;
	font-weight:normal;
	font-size:125%;
	margin:0 0 10px 0;
	padding:0;
}

#content td.label {
	text-align:right;
	font-weight:bold;
}

#content_project_details {
	color:#607c60;
	font-weight:bold;
	font-size:89%;
	margin-top:10px;
	padding:0;
}

/* ### FOOTER ### */

#footer {
	width:770px;
	height:76px;
	margin:0;
	padding:0;
	padding-top:18px;
	text-align:center;
}

#addy_outer {
	margin-top:5px;
	padding:0;
	height:29px;
	text-align:center;
	color:#B2AFA5;
	font-size:77%;
}

#cp_outer {
	text-align:center;
	width:500px;
	height:19px;
	margin-top:2px;
	padding:0;
}

#copyright, #poweredby {
	text-align:center;
	font-size:77%;
	color:#cacaca;
	margin:0;
	padding:0;
}

#copyright p, #poweredby p {
	margin:0;
	padding:0;
}

#copyright a {
	color:#BFBEB9;
	text-decoration: none;
}

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

#copyright {
	float:right;
	width:500px;
	text-align:center;
}

#poweredby {
	width:217px;
	height:20px;
	margin:0;
	margin-top:4px;
}

#poweredby, #poweredby a {
	color:#999999;
	text-decoration:none;
}

a:link {
	color: #00007e;
	text-decoration: underline;
}
a:visited {
	color: #00007e;
}
a:hover {
	color: #82d082;
}
a:active {
	color: #607c60;
}

#underline {
	text-decoration: underline;
}

a.underline {
	text-decoration: none;
}

a.underline:hover {
	text-decoration: underline;
}

/*

	Define padding for the link and the hover pseudo class to match or be larger on the sides that you want the hover to control background and or font color changes.
	Acceptable in IE for small areas.  Works great in NS, Firefox
	For IE, you must override the link color if previously defined by css (ie: a:link{}) as below.  I've done so in the file layMain.php for the menu links with the array $vMenuLinkColor.
	
*/

.main_menu_selected {
	color: #ffffff;
	background-color: #607c60;
	text-align: center;
	vertical-align: top;
	margin-bottom: 5px;	
	padding: 1px 1px 5px 1px;
}

a.main_menu_selected{
	color: #ffffff;
	font-size: .9em;
	font-weight: 500;
	text-decoration: none;
	padding: 1px 2px 7px 2px;	
}

a.main_menu_selected:hover {
	color: #ffffff;
	background-color: #607c60;
	font-size: .9em;
	font-weight: 500;
	text-decoration: none;
	padding: 1px 2px 7px 2px;	
}

.main_menu {
	color: #00007e;
	background-color: #ffffff;
	text-align: center;
	margin-bottom: 5px;
	vertical-align: top;
	padding: 1px 1px 5px 1px;
}

a.main_menu {
	color: #00007e;
	font-size: .9em;
	padding: 1px 2px 7px 2px;
	margin-bottom: 15px;
	font-weight: 500;
	text-decoration: none;
}

a.main_menu:hover {
	color: #ffffff;
	background-color: #607c60;
	font-size: .9em;
	padding: 1px 2px 7px 2px;
	margin-bottom: 15px;	
	font-weight: 500;
	text-decoration: none;
}
