@charset "utf-8";
/* CSS Document */
html, body, #container {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #ffffe8 url(i/body_bkgd.gif) repeat-y;
}

#container {
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
	background: transparent url(i/container_bkgd.gif) 100% 0 repeat-y;
}
	
	#header {
		height: 133px;
		background: #fdc773 url(i/header_bkgd.gif) repeat-x;
		position: relative;
		overflow: hidden;
	}
	
		#header .logo {
			float: left;
			width: 184px;
		}
		
		#header .companyName {
			float: right;
			width: 280px;
		}
		
		#header .content {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 70%;
			position: absolute;
			left: 185px;
			bottom: 36px;
		}
			
			#header .content p {
				margin: 0;
			}
	
	#nav {
		float: left;
		width: 185px;
	}
	
		#nav ul {
			margin: 0 16px 0 26px;
			padding: 0;
			list-style: none;			
		}
		
			#nav ul li {
				background: url(i/nav_li_bkgd.gif) 0 100% repeat-x;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 80%;
			}
			
				#nav ul li a {
					text-decoration: none;
					color: #000;
					display: block;
					padding: 3px 12px 4px 12px;
				}
				
					#nav ul li a:hover {
						color: #EF5A2C;
					}
	
	#main {
		margin-left: 185px;
		margin-right: 37px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 80%;
		padding-bottom: 50px;
	}
	
		#main .breadcrumbs {
			background: url(i/breadcrumbs_bkgd.gif) 0 100% repeat-x;
			padding: 8px 0 9px 0;
			margin-bottom: 23px;
			font-size: 95%;
		}
		
		#main #content {
			padding: 5px;
		}
		
			#main #content h1 {
				font-size: 125%;
				margin: 0 0 20px 0;
			}
			
			#main #content h2 {
			
			}
			
			#main #content form {
				margin: 0;
				padding: 0;
				float: left;
			}
			
				#main #content form fieldset {
					border:1px solid #999;
					padding:10px;
					width:340px;
				}
				
				#main #content form legend {
					text-transform:uppercase;
					font-family:Arial, Helvetica, sans-serif;
					font-weight:bold;
					color:#666;
					font-size:85%;
					letter-spacing:1px;
				}
			
				#main #content form label {
					float: left;
					width: 80px;
					clear: left;
					padding-top:2px;
					margin-bottom: 10px;
				}
				
				#main #content form input, #main #content form textarea {
					clear: right;
					width: 200px;
					margin-bottom: 10px;
					float: right;
					border: 1px solid #ccc;
				}
								
					#main #content form .submit {
						clear:both;
						text-align:right;
					}
					
						#main #content form .submit input {
							float:none;
							margin:0;
							width: auto;
							padding: 3px;
							font-weight:bold;
							color:#666;
							font-size:90%;
							font-family:Arial, Helvetica, sans-serif;
						}
											
					#main #content form input.formcheck {
						display: none;
					}
					
				#main #content form textarea {
					height:100px; 
				}

			
			#main #content ul.error {
				margin: 0;
				padding: 0 0 20px 20px;
				color: red;
			}
	
	#footer {
		background: transparent url(i/footer_bkgd.gif) repeat-x;
		height: 38px;
		clear: both;
		width: 100%;
		position:absolute;
		bottom:0 !important;
		bottom:-1px;
		left:0px;
	}
	
		#footer .left {
			float: left;
			width: 184px;
			height: 100%;
			background: transparent url(i/footer_left_bkgd.gif) 0 100% no-repeat;
		}

		#footer .right {
			float: right;
			width: 40px;
			height: 100%;
			background: transparent url(i/footer_right_bkgd.gif) 100% 100% no-repeat;
		}
			
a img {
	border: 0;
}

.ac {
	text-align: center;
}

.cb {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

.mceEditor {
	width: 100%;
}

#main #content .login form {
	margin-right:20px;
}

table.bottle.grid {
	width:100%;
	border-collapse:collapse;
	border:1px solid #999;
	font-size:85%;
}

table.bottle.grid th,
table.bottle.grid td {
	border:1px solid #999;
}

table.bottle.grid th {
	font-weight:bold;
	vertical-align:top;
}

.graph h2,
.sites h2 {
	font-size:1em;
}

#graphs, #downloads {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #ddd;
}

a {
	text-decoration: none;
}