body {
	text-align: center;

		/* custom */
		background: #1370b9 url(../images/gradbak.gif) repeat-x;
		margin:0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
	clear:both;
	color: #666;
	background-color: #666;
	height: 1px;
}

#c1 {
	margin: 0 auto;
	width: 952px;
	text-align: left;

		/* custom */
		background: #ffffff url(../images/gradmid.gif);
		margin-top: 0;

}

#c2 {
		/* custom */
		padding-top:43px;
		background:  url(../images/gradtop.jpg) no-repeat;
}

#c3 {
		margin: 0 auto;

		padding-top:20px;
		width: 900px;
		/* background:url(/images/wiggletop.gif) no-repeat; */
		background:url(/images/nowiggletop.gif) no-repeat;

}


#topbar {


		/* custom */

}

#topbar #peplogo {
		padding-top:32px;
		padding-left:48px;
		outline: none;
		border:none;
}

#menu {
	/* most menu options found in css/menucss.asp */

		/* custom */


}

#content {

		/* custom */
		margin-left: 32px;
		padding-top:36px;
		padding-bottom:12px;
}

#content img[align=right] {
		margin-bottom: 5px;
		margin-left: 10px;
		float:right;
}

#content img[align=left] {
		margin-bottom: 5px;
		margin-right: 10px;
		float:left;
}

#lhs {
		/* custom - set width of lhs */
		width: 580px;
		padding-top: 40px;
}

#lhs .inner {
		padding:16px;
}


#rhs {
		/* custom - set width of rhs */
		width: 230px;
}

#righttd {
		background: #9eb60a url(/images/rightcol-wood.jpg) bottom left no-repeat;
}

.rhsbox {
		padding-bottom:22px;
		padding-top:22px;
		border-bottom:1px solid #9db609;
		margin: 0 auto;
		margin-bottom:18px;
		width: 200px;
}

.rhsbox h3 {
		color: #ffffff;
		font-size: 14px;
		margin-top:0;
		margin-bottom: 8px;
}

#signup {
		color: #ffffff;
		font-weight:bold;

}

#signup label {
		width:5em;
		display:block;
		float:left;
		clear:both;
		margin-bottom:5px;
}

#signup input {
		border: 1px solid #888888;
		margin-bottom:5px;
}

#signup #submit {
		font-weight:bold;
}


#bottmenu {
		background:#9db609 url(/images/nowigglebot.gif) no-repeat;
		height:90px;
		color: white;
		font-weight:bold;
		font-size:.7em;
		text-align:right;
		line-height:2em;
		padding-right:20px;
}


#facebook {
	display:inline;
	float:left;
	width:37px;
	height:37px;
	background:url(/images/facebook.gif);
	overflow:hidden;
	line-height:100px;
	margin:40px 0 0 100px;
	opacity:.8;
}

#twitter {
	display:inline;
	float:left;
	width:50px;
	height:37px;
	background:url(/images/twitter.gif);
	overflow:hidden;
	line-height:100px;
	margin:40px 0 0 20px;
	opacity:.6;
}

#facebook:hover, #twitter:hover {
	opacity: 1;
}

#footer {
	margin: 0 auto;
	width: 952px;

		/* custom */
		padding-top: 10px;
		padding-bottom: 25px;
		background:  url(../images/gradfoot.gif) no-repeat;
		text-align: center;
		font-size: .675em;
		color: #ffffbb;
		margin-bottom:20px;
}

#footer a {

		color: #ffffbb;
}



#projectinfo {

}

#projectinfo span {
color:#0870B7;
font-weight:bold;
}

.loginlink {
background:#E0ED9E;
float:right;
width:90px;
text-align:center;
padding:2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#projectcontent {

}

.comment {
margin-top:12px;
padding:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.comment textarea {
margin-bottom:5px;
}

.comment0 {
background:#E0ED9E;
}

.comment1 {
background:#E8E8E8;
}

.unpublished {
background:pink;
}

.owner {
background:#C9DC69;
}

.commentinfo {
font-style:italic;
}

#projectssearch {
float:left;
width:45%;
background:#E0ED9E;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding:10px;
}

#projectscats {
float:right;
width:45%;
background:#E8E8E8;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding:10px;
}

#projectscats a {
display:block;
}

#projectsresults {
background:#E0ED9E;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding:10px;
}







#map_canvas :
line-height:1.2em;
}







.clear {
	clear: both;
}

#sitemap li {
margin-left: 15px;
padding-left: 5px;
list-style-type: disc;
}

#sitemap li li {
list-style-type: square;
}

#sitemap li li li {
list-style-type: circle;
}

.clear {
clear:both;
}




#case_study h3 {
	clear:both;
}

#case_study_table {
	border:1px solid #9db609;
	margin:8px 0;
	width:100%;
	background:#fff;
}

#case_study_table tr.row1 th {
	background:#93ab09;
	color:white;
	padding:3px 10px;
}

#case_study_table tr.row0 th {
	background:#9db609;
	color:white;
	padding:3px 10px;
}

#case_study_table tr.row1 td {
	background:#eee;
	padding:3px 10px;
}

#case_study_table tr.row0 td {
	background:#fff;
	padding:3px 10px;
}



/* ============================================== */
/* Styles for TOOLTIPS */
/* ============================================== */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#fff;
    background-color: #4444ff;
    font-weight: bold;
    text-decoration:none;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    left: 5px;
    cursor: help;}

a.info:hover{z-index:25; background-color:#7777ff;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:2em; width:15em;
    border:1px solid #ddddbb;
    background-color:#ffffe0; color:#000;
    text-align: center;
    font-weight: normal;
    padding: 5px;}