html,body {
	padding: 0;
	margin: 0;
	//font-family: Georgia, Palatino, Times, serif;	
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif;
	font-size: small;
	background: #ffffff;
}

#top {
	width: 100%;
	background: #7c8ca4;
	padding-top: 5em;
	margin-bottom: 1em;
	color: #ffffff;
	float: left;
}

#top img {
	margin-top: -5em;
}

#login {
	float: right;
	margin-top: -5em;
	margin-right: 1em;
	width: 30em;
	padding: 0;
	background: #3e4652;
	font: 0.95em sans-serif;
}

#login a {
	color: #ffffff;
	text-decoration: none;
}

#login h3, #login form {
	margin: 0;
	padding: 0;
}

#login h3 {
	font: 120% sans-serif;
	font-weight: bold;
}

#login_holder, #logout_holder {
	padding: 0.4em;
	margin: 0;
}

#login input {
	font: 0.95em sans-serif;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	background: #fff8e5;
	color: #858585;
}

#login button {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid white;
	border-left: 1px solid white;
	padding: 0.2em;
	margin-left: 0.1em;
	margin-right: 0.1em;
	font: 0.95em sans-serif;
	background: #858585;
	color: #000000;
}

#login_message {
	padding: 0;
	margin: 0.5em;
	margin-top: 0em;
	font-weight: bold;
	font-style: normal;
	color: #c31b1b
}

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

#menu {
	margin: 0;
	padding: 0;
	margin-left: 17em;
	width: 40em;
}

#menu ul, #menu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu li {
	float: left;
	padding: 0;
	margin: 0;
	margin-right: 0.5em;
	text-align: center;
}

#menu a, #menu a:hover, #menu a.active {
	float: left;
	width: 5em;
	padding: 0.2em 0;
	background: #ffffff;
	color: #000000;
	text-decoration: none;
}

#menu a:hover {
	background: #3e4652;
	color: #ffffff;
}

#menu a.active {
	font-weight: bold;
}

#left {
	position: relative;
	float: left;
	width: 20%;
	margin: 0;
	padding: 0 1em 0 1em; 
	background: #ffffff;
	color: #000000;
}

#left em {
	font-weight: bold;
	font-style: normal;
}

#left .sub {
	margin-bottom: 1.5em;
}

#left .sub img {
	margin: 0.1em;
}

#left a, #body a {
	text-decoration: none;
	color: #6f876d;
	color: #313740;
}

#body {
	float: right;
	margin: 0;
	padding: 0;
	padding-right: 1em;
	margin-bottom: 1em;
	width: 75%;
}

#body h3, #body h1, #left h3, .popup h3 {
	padding: 0;
	margin: 0;
	margin-top: 0.2em;
	margin-left: 0.2em;
	font-size: 150%;
	color: #313740;
	//font: 1.8em Georgia, Times, serif;
	font: 1.8em 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif;
}
#body h3 a, #body h1 a {
	color: #313740;
	text-decoration: none;
}

#body h4, .tooltip h4, #left h4, .popup h4 {
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding: 0;
	margin-left: 1.0em;
	color: #858585;
}
#left h4 {
	margin-left: 0em;
}
#body h4 a, .tooltip h4, #left h4 {
	color: #858585;
}

#body h4 em {
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #cf8888;
}

#body dt, #left dt { 
	font-weight: bold;
}

#body dd, #left dd {
	margin-left: 1em;  
	margin-bottom: 0.5em;
}   

#imgholder {
	width: auto;
	margin: 0;
	padding: 0;
	margin: 0.5em;
}

#imgholder a {
	color: #858585;
	text-decoration: none;
}

.ihfoot {
	font-weight: bold;
	margin-right:1em;
}

.ihfoot a {
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	color: #858585;
}

.imgframe, .imgframe_private {
	padding: 0.5em;
	margin: 0 0.5em 0.5em 0.5em;
	border: 1px solid black;
}

.imgframe_private {
	border: 2px solid #dc3838; 
}

.imgframe_small {
	padding: 0.1em;
	margin: 0;
	border: 1px solid black;
}

#loader {
	margin: 0.5em;
	font: 1em sans-serif;
	vertical-align: middle;
}
#loader img {
	vertical-align: bottom;
	border: 0;
}

#ratings {
	margin-top: 1em;
	padding: 0.1em;
	font: 1em sans-serif;
	vertical-align: middle;
	width: 20em;
}
#rating {
	margin-top: 0.1em;
	margin-left: 2em;
}
#rating img {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	border: 0;
}

#rating span {
	margin-left: 0.4em;
}

#comments, #description {
	background: #fff8e5;
	border-top: 1px solid #858585; 
	border-bottom: 1px solid #858585; 
	margin-top: 2em;
}

#description p {
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	margin-right: 2em;
	font-family: sans-serif;
	font-style: normal;
}

#comments em.subject {
	font-weight: bold;
	font-style: normal;
}

#comments em.author {
	margin-left: 0.5em;
	font-weight: normal;
	font-style: italic;
	color: #858585;
}

#comments dl {
    margin: 0;
    padding: 0;
    margin-left: 1.0em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

#comments dt, #comments dd {
	margin: 0;
	margin-bottom: 0.5em;
}
#comments dd {
	font-family: sans-serif;
	font-style: normal;
}

.toggle_expand, .toggle_subtract {
	float: right;
	margin: 0.2em;
}

.collections {
	background: #fff8e5;
	padding: 0;
	margin-top: 0;
	margin-bottom: 1em;
}

.collections_wrapper {
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 0.5em;
}

.collection {
	background: #ffffff;
	padding: 0.5em;
	margin: 0;
	border-top: 1px solid #858585; 
	border-bottom: 1px solid #858585; 
}

.collection img {
}

.progress {
	margin: 0.5em;
	font: 1em sans-serif;
	vertical-align: middle;
}
.progress img {
	margin: 0;
	padding: 0;
	margin-right: 0.3em;
	vertical-align: bottom;
	border: 0;
}

.tooltip {
	background: #fff8e5;
	padding: 0.5em;
	border-top: 1px solid #f1e9d5;
	border-left: 1px solid #f1e9d5;
	border-right: 1px solid #eaddba;
	border-bottom: 1px solid #eaddba;
}

.tooltip h5 {
	padding: 0;
	margin: 0;
	margin-top: 0.1em;
	margin-left: 0.5em;
	color: #313740;
	//font: 1.5em Georgia, Times, serif;
	font: 1.5em 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif;
}
.tooltip img {
	border: 1px solid black;
	margin: 0.5em 1em 0 0em;
	float: left;
}

.tooltip p {
	margin: 0;
	padding: 1em 0 0 0.5em;
}

.noborder img {
	border: 0;
	margin: 0;
	padding: 0;
}

.related {
	border-bottom: 1px solid #858585; 
	margin-bottom: 0.5em;
	padding: 0.2em;
}

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

.related h6 {
	margin: 0;
	padding: 0;
	//font: 1.1em Georgia, Times, serif;
	font: 1.1em 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif;
}

#calendar em {
	font-weight: bold;
	font-size: 100%;
	background: #c0c0c0;
	display: block;
}

.resultcontainer img {
	border: 1px solid black;	
	padding: 0.3em;
}

.resultcontainer td {
	vertical-align: top;
	padding-right: 0.5em;
}

.resultcontainer {
	padding-left: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #858585; 
}

#body input, #body textarea, .popup input, .popup textarea {
	font: 1.1em sans-serif;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	background: #fff8e5;
	color: #000000;
}

button, #body input[type="submit"] {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	margin-left: 0.1em;
	margin-right: 0.2em;
	color: #000000;
	background: #c0c0c0;
}

#body th {
	font-weight: bold;
	text-align: left;
	padding-top: 0.2em;
}
#body td {
	margin: 0;
	padding: 0.2em;
}
#body tr {
	margin: 0;
	padding: 0;
}

.trusted {
	background: #d3fdc4;
}

.untrusted {
	background: #fbcfcf; 
}

ul {
	margin: 0;
	padding: 1em;
	padding-left: 2em;
}
li {
	margin: 0;
	padding: 0;
}

.error {
	font-weight: bold;
	color: #ff0000;
}

.spacer {
	clear: both;
}

.blog {
	float: left;
}

.blog p {
	text-align: right;
	margin: 0; 
	padding: 0 0.5em 0.2em 0;
}

.timeline_head {
	margin: 0.5em 2em 0.5em 2em;
	display: block;
}

.timeline_head td {
	text-align: center;
	margin: 0.5em;
}

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

.timeline_selected {
	background: #ada89b;
}

.bloglist th {
	border-top: 1px dotted #858585; 
}

.bloglist tr {
}

.bloglist td {
	vertical-align: top;
}