@charset "utf-8";

/* Elements */
a {
	color: #A6C6B1;
	text-decoration: underline;
}
a:hover,a:focus,a:active {
	color: #31B68C;
	text-decoration: underline;
}
a:focus,a:active { overflow: hidden; }

h1,h2,h3,h4,h5,h6 { margin: 0 0 .9em; font-weight: normal; font-size: 1em; line-height: 1; letter-spacing: -1px; }
h1 {
	font-size: 1.1em;
	color: #DFE4EA;
}
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }

p {
	font-size: 10pt;
	line-height: 13pt;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 1.5em;
	margin-left: 0;
}
ul,ol { margin: 0 2em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 2em 1.5em; }
dl dt { font-weight: bold; }
dl dd { margin: 0 0 0 1.5em; }
abbr,acronym { border-bottom: 1px dotted #000; }
address { margin: 1.5em 0 0; font-style: italic; }
del { }
blockquote { margin: 1.5em 2em; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em monospace; line-height: 1.5; }
tt { margin: 1.5em 0; display: block; line-height: 1.5; }
hr,legend { display: none; }
table {
	margin: 0;
}
tfoot { font-style: italic; }
caption { background: #FFC; }

/* Clear */
.clear { display: inline-block; }
.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clear { display: block; }

/* PAGE LAYOUT */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../images/siteBG.jpg);
	background-repeat: repeat-x;
}
#site-container {
	height: 625px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;  /* ----- TOP MARGIN MUST BE 92 PIXELS for dropshadow to line up with BG image ---- */
}
#navbar-container {
	height: 27px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}
#body-container {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	height: 573px;
}
#leftcolumn-container {
	float: left;
	height: 573px;
	width: 450px;
}
#rightcolumn-container {
	background-attachment: scroll;
	background-image: url(../images/contentBG.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 573px;
	width: 460px;
}
#body-content {
	color: #FFFFFF;
	overflow: auto;
	height: 400pt;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	scrollbar-3dlight-color:#A6C6B1;
	scrollbar-arrow-color:#A6C6B1;
	scrollbar-base-color:#212121;
	scrollbar-track-color:#3c2311;
	scrollbar-darkshadow-color:#3c2311;
	scrollbar-face-color:#3c2311;
	scrollbar-highlight-color:#3c2311;
	scrollbar-shadow-color:#A6C6B1;
	text-align: left;
}
#feature-box-homepage {
	background-color: #088E5A;
	width: 75%;
	padding-right: 5px;
	padding-top: 5px;
	border: 1px dotted #FFDB94;
	margin-top: 5px;
	text-align: center;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
}

#footer {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0B0602;
}
.image-left {
	margin-right: 6px;
	margin-bottom: 6px;
}