/* $Id$ */

body {
	background: #050505;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}

.float-wrapper {
	height: 1px;
}
.float-wrapper[class] {
	height: auto;
	overflow: hidden;
}

p {
	color: #333333;
	font-size: 14px;
	line-height: 120%;
	margin: 1em 0px;
}

input.btn {
	background: url('/images/btn.gif') no-repeat;
	height: 26px;
	font-size: 14px;
	color: #FFFFFF;
	border: none;
	width: 111px;
	text-align: left;
	padding-left: 4px;
}

#wrapper {
	background: #FFFFFF;
	margin: 0px auto;
	padding: 5px;
	width: 960px;
}
#wrapper[id] {
	width: 950px;
}

#header {
	background: url('/images/header.jpg') no-repeat;
	height: 97px;
}

#banners {
	height: 245px;
	margin: 5px 0px;
	position: relative;
	width: 950px;
}

	.banner {
		height: 245px;
		left: 0px;
		overflow: hidden;
		position: absolute;
		top: 0px;
		visibility: hidden;
		width: 950px;
		z-index: 1;
	}

#nav-top {
	margin: 5px 0px;
	text-align: left;
}

	#nav-top ul {
	}

		#nav-top li {
			background: url('/images/menu-top-divide.gif') no-repeat left top;
			padding-left: 3px;
			display: inline;
			text-align: center;
			width: 125px;
			zoom: 1;
		}
		#nav-top[id] li {
			width: 122px;
		}
		#nav-top ul > /**/ li {
			display: inline-block;
		}

		#nav-top li.home {
			background: none;
			padding-left: 0px;
			width: 200px;
			text-align: left;
		}

			#nav-top li a, #nav-top li div {
				background: url('/images/menu-top-bg.gif') repeat-x;
				display: block;
				font-size: 16px;
				height: 44px;
				padding-top: 13px;
				color: #333333;
				text-decoration: none;
			}
			#nav-top[id] li a, #nav-top[id] li div {
				height: 31px;
			}

			#nav-top li a:hover, #nav-top li.active a, #nav-top li a:active {
				color: #FFFFFF;
				background: url('/images/menu-top-over-bg.gif') repeat-x;
			}

			#nav-top li.home a {
				padding-left: 15px;
			}

#middle {
	background: url('/images/sidepanel-bg.gif') repeat-y;
	margin: 5px 0px;
	text-align: left;
}

	#sidebar {
		float: left;
		width: 200px;
	}

		.sidepanel {
			background: url('/images/sidepanel-bg.gif') repeat-y left bottom;
			padding-bottom: 1px;	/* Collpase margins */
			height: 0.01%;	/* Hack to fix invisible backgrounds/text in ie6 */
		}

			.sidepanel ul {
			}
	
				.sidepanel ul li {
				}
	
					.sidepanel ul li a {
						color: #FFFFFF;
						border-top: #2fa930 1px solid;
						border-bottom: #027202 1px solid;
						display: block;
						font-size: 15px;
						padding: 5px 15px;
						text-decoration: none;
						width: 100%;
					}
					.sidepanel[class] ul li a {
						width: auto;
					}
	
					.sidepanel ul li a:hover, .sidepanel ul li a:active, .sidepanel ul li.open a {
						background: #11ae0e;
						border-bottom: #11ae0e 1px solid;
						color: #FFFFFF;
					}

			.sidepanel h3 {
				background: #FFFFFF url('/images/sidebar-head-bg.gif') repeat-x;
				color: #666666;
				font-size: 15px;
				margin: 10px 0px 0px 0px;
				padding: 7px 10px;
			}

			.sidepanel p {
				margin: 10px;
				color: #FFFFFF;
				font-size: 14px;
			}

			.sidepanel form {
				margin: 10px;
			}

				.sidepanel dt {
					color: #FFFFFF;
					margin-bottom: 3px;
				}

				.sidepanel dd {
					margin-bottom: 3px;
				}

				.sidepanel dd input {
					width: 170px;
				}

				.sidepanel a {
					color: #FFFFFF;
				}

		.howdidido {
			background: #e0e0e0;
			text-align: center;
			padding-bottom: 10px;
		}

			.howdidido h3 {
				text-align: left;
			}

			.howdidido p {
				color: #666666;
				text-align: left;
			}

			.howdidido img {
			}

			.howdidido a {
				color: #660000;
			}


#main {
	float: right;
	width: 740px;
}

	#main h1 {
		color: #336633;
		font-size: 18px;
		margin: 0.5em 0px;
	}

	div.hr {
		background: #972832;
		height: 3px;
		overflow: hidden;
	}

		div.hr hr {
			visibility: hidden;
		}

	.panel-head {
		background: url('/images/panel-bg.gif') repeat-x;
		color: #FFFFFF;
		height: 32px;
		padding: 7px 0px 0px 15px;
	}
	.panel-head[class] {
		height: 25px;
	}

	.panel-grey .panel-head {
		background: url('/images/panel-grey-head.gif') repeat-x;
	}

#EventLogOutput ul {
	margin: 1em 0px;
}

	#EventLogOutput ul li {
		margin: 0.5em 0px;
		border: #999999 2px solid;
		background: #F0F0F0;
		padding: 1em;

	}

	li.alert-warning {
		color: #990000;
	}

#footer {
	background: url('/images/footer-bg.gif') repeat-x;
	height: 44px;
}

	#footer a {
		color: #666666;
	}

	#footer p {
		color: #666666;
		font-size: 11px;
		margin-top: 16px;
		text-align: center;
	}