/* main css -- to be imported by main.php,
where color variables are defined */
body {
	background-color: white;
	color: black;
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}
#header {
	position: fixed;
	width: 100%;
	height: 50%;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #965212;
	background-image: url(../images/wood_grain_bg.jpg);
	background-position: top left;
}
#page {
	position: absolute !important;
	top: 50px;
	min-height: 800px;
	/* margin: 0px; */
	padding: 0px;
	/*  overflow: auto; */
	z-index: 5;
}
#inner-header {
	height: 250px;
	margin: 0px;
	padding: 0px;
	background-color: #09364b;
	background-image: none;
}
#header-links {
	width: 100%;
	text-align: center;
	padding-top: 25px;
}
#header-links a {
	margin: 0px 10px;
	color: #bb9739;
	text-decoration: none;
	font-weight: bold;
}
#header-links a:hover {
	color: #772009;
}
#main {
	min-height: 800px;
	margin: 0px;
	padding: 0px;
	background-color: white;
	background-image: url(../images/main_top_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
}

/* other divs */
#logo {
	position: fixed;
	top: 0px;
	margin-left: 10px;
	z-index: 10;
}
#braces {
	position: fixed !important;
	top: 5px;
	z-index: 10;
}
#left-brace {
	position: absolute;
	left: -110px;
}
#right-brace {
	position: absolute;
	left: 970px;
}
#left-gutter {
	position: absolute;
	top: 0px;
	left: -26px;
	width: 26px;
	height: 100%;
	background-image: url(../images/left_page_edge_bg.png);
}
#right-gutter {
	position: absolute;
	top: 0px;
	right: -8px;
	width: 8px;
	height: 100%;
	background-image: url(../images/right_page_edge_bg.png);
}
#dragonfly {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 20;
}

/* classes */
.stripe {
	position: absolute;
	width: 100%;
	height: 20px;
	line-height: 20px;
}
.teal-bg {
	background-color: #09364b;
}
.tan-bg {
	background-color: #965212;
}
.padding_20 {
	padding: 20px;
}
.padding_10 {
	padding: 10px;
}
.padding_5 {
	padding: 5px;
}
.right {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.center {
	margin: 0px auto;
	text-align: center;
}
.text-center {
	text-align: center;
}
em {
	color: #126d96;
	font-weight: bold;
}
#main h3 {
	clear: both;
}