/* General */
img	{display: block; border: 0;}
body {background: #eee; color: #333; margin: 0; padding: 0; border: 0; 
	padding-bottom: 25px; font-size: 70%;
	font-family: verdana, arial, helvetica, sans-serif;}
#wrapper {background: #fff url(../img/1barbg.gif) repeat-y top left; color: #333; margin: 15px auto; padding: 0; border: 1px solid #000;
	width: 602px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 600px;}
html>#wrapper  {width: 600px; /* for Opera */}
.hide {height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */}
acronym {border-bottom: dashed 1px; cursor: help; text-decoration: none; text-transform: none;}
#maincontent {text-align: left; color: #444; margin-left: 155px; padding: 1.5em 5px 5px 5px; width: auto; clear: both;}
.clearer {clear: both; height: 0; width: 0;}
.padder {clear: both; height: 1px; margin-top: 27em; display: block;}
.short {margin-top: 19em;}

/* Headings */
h1, h2 {clear: both; display: block; font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
h1 {font-size: 170%; margin: 0.5em 0 1em 0; width: 100%;}
h2 {font-size: 140%; margin: 1em 0 1em 0;}

#maincontent p {
	margin: 0 0 1em 0;
	line-height: 1.5em;
	}

#maincontent ul {
list-style-type: disc;
margin: 0;
padding: 0;
margin-bottom: 1em;
}
#maincontent li {
padding-left: 0.5em;
margin-left: 2em;
line-height: 1.5em;
}
strong {
	font-weight: bold;
}

/* Icons */
img.icon {display: inline; padding-top: 2px;}
.pdf {width: 16px; height: 17px;}
.pop {width: 13px; height: 11px; vertical-align: bottom;}
.badge {width: 80px; height: 15px;}
.badgelarge {width: 90px; height: 50px; border: solid 1px #ccc;}

/* Footer */
#footer {border: 0; border-top: 1px solid #000; color: #666; padding: 5px 7px 12px 10px; text-align: left; clear: both; background: #fff url(../img/semibg.gif); margin-top: 10px;}
#footer p {display: inline; margin: 0; padding: 0; font-size: 80%;}
#footer ul {margin: 10px 0 0 0; padding: 0;}
#footer li {display: inline; margin: 0; padding: 0 2px 0 0; text-align: left; border: 0; font-size: 80%;}

/* Links */
a {color: #60c; background: transparent;}
a:visited {color: #c3c; background: transparent;}
a:hover {text-decoration : none;}
a.backtotop {margin: 0; display: block; clear: both; padding: 0; width: 280px; text-align: right;}
a.backtotop:before {content: "^";}
a.close {width: 590px; margin: 1em 5px;}
a#backbutton {text-align: left; margin-top: 1em;}
a#backbutton:before {content: "<";}

/*  Primary nav */
#mainnav {float: left; margin: 0; padding: 0; padding-top: 201px; list-style-type: none; width: 100%; background: #fff url(../img/banners/lawn.jpg) no-repeat top left; border-bottom: solid 1px #ccc;}
#mainnav li {float: left; width: 200px; clear: none; margin: 0; background: #fff url(../img/semibg.gif);}
#mainnav li a {text-decoration: none; color: #333; text-align: center;font-size: 140%; display: block; margin: 4px 0; font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
#mainnav li a:hover, #mainnav li a:visited {color: #333;}
#mainnav li a:hover {text-decoration: underline;}


/* Project profile and popup pages */
#innerwrapper {float: left; width: 280px;}
#innerwrapper img {margin-bottom: 10px; margin-left: auto; margin-right: auto;}
#screenshots, #awards {display: block; float: right; width: 140px; font-size: 90%;}
#awards ul {padding: 0; margin: 0; list-style-type: none;}
#awards ul li {margin-bottom: 5px;}
#screenshots ul {list-style-type: none; padding: 0; margin: 0;}
#screenshots ul li {float: left; padding: 0; margin: 0 5px 10px 0; width: 60px;}
#screenshots > img {width: 60px; height: 40px; margin-bottom: 5px;}
#screenshots a {text-decoration: none;}
#screenshots a img {display: inline; border: solid 1px #ccc;}
#vital {border: dashed 1px #ccc; margin: 0; padding: 5px; margin: 5px 0; list-style-type: none; display: block; line-height: 130%;}
#vital li {margin: 0.75em 0;}
#vital li a {overflow: hidden;}
#vital li a img {vertical-align: top; display: inline; margin: 0; padding: 0; width: 11px; height: 11px;}
#caption {display: block; padding: 0; margin: 0; text-decoration: none; text-align: center; font-weight: normal; 
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:    x-small;}
html>#caption {font-size: x-small; /* for Opera */}
img#screenshot {padding: 0; margin: 0 5px 10px 5px; width: 590px; clear: both;}

/* Browse page */
#noresults, #numresults, #resultrange {display: inline;}
#browsetable {width: 100%; border: solid 1px #ccc; margin: 2em 0 20px 0;}
#browsetable tr td, #browsetable tr th {padding: 5px; margin: 0; border-left: solid 1px #ccc; padding-right: 0;}
#browsetable tr .first {border-left: none;}
#browsetable tr.light {background: transparent;}
#browsetable tr.dark {background: #eee;}
#browsetable tr td {}
#browsetable th {font-weight: bold; border-bottom: solid 1px #ccc;}
.pagenav {margin: 1em 0 0 0;}

/* Search page */
#projectsearch {clear: both; padding: 0; margin: 0; margin-top: 2em; background: transparent url(../img/semibg.gif);}
#projectsearch label {display: block; text-align: right; width: 33%; float: left; padding: 0; margin: 0; margin-right: 0.5em;}
#projectsearch input, #projectsearch select {padding: 0; margin: 0; margin-left: 0.5em; font-size: 100%;}
#projectsearch #searchagency {margin-bottom: 0.5em;}
#projectsearch h2 {display: none;}
#projectsearch fieldset {clear: both; border: none; margin: 0; padding: 0.25em 0;}
#projectsearch #fs_searchkeyword {padding-bottom: 0.5em;}
#projectsearch #fs_searchstartdate {padding-top: 1.5em; border-top: dotted 1px #eee;}
#projectsearch #fs_submit {background-color: #fff; padding-top: 1em;}
#searchresults {float: left; clear: both; margin-bottom: 1.5em; width:100%;}
/* for Mozilla/Safari/Opera */
*>#searchresults {
 padding-top: 27em;
 min-height: 1px;
}
*>#searchresults #searchresultsinner {
 margin-top: -27em;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #searchresults {
 height: 27em;
}
/* end filter */

#searchresults strong {display: block; text-align: center; margin-top: 1em;}
#maincontent dt {font-weight: bold;}
#maincontent dd {margin-bottom: 1em; margin-top: 0.5em;}

/* left hand sidebar*/
#leftbar {display: block; position: absolute; margin: 20px 0 0 0; width: 140px; font-size: 90%; top: 231px; /*left: 0;*/ padding: 5px;}
#leftbar dl {margin: 0 0 1em 0; padding: 0;}
#leftbar dl dt, #leftbar dl dd {margin: 0; padding: 0; white-space: nowrap;}
#leftbar dl dt {display: none;}
#leftbar ul {list-style-type: none; margin: 0; padding: 0;}
#leftbar p {margin: 0 0 0.5em 0;}
#leftbar img.badge, #leftbar img.badgelarge {margin-left: 20px;}
#leftbar dl dd img.badge {margin-left: 0;}