/* Layout */
body {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	color: #587b7c;
	background: #F3E7A9 url('../graphics/background-sand.jpg') repeat;
	font-family: sans-serif;
	font-size: 14px;
}
a {
	color: #515230;
	text-decoration: underline;
}
a:active, a:hover {
	color: #A5A162;
	text-decoration: none;
}
h1 {
	color: #515230;
	font-family: 'Courier New', Georgia, 'Times New Roman', 'Times Roman', serif;
	font-size: 17px;
}
h2 {
	color: #515230;
	font-family: 'Courier New', Georgia, 'Times New Roman', 'Times Roman', serif;
	font-size: 15px;
}
#logo {
	width: 200px;
	background-color: white;
	text-align: center;
	vertical-align: middle;
}
#header {
	background-color: #A5A162;
	width: 550px;
	text-align: center;
	vertical-align: middle;
}
#pagetopnav {
	background-color: #F2C968;
	height: 24px;
	font-size: 11px;
	padding: 1px 8px 1px 1px;
	text-align: right;
	letter-spacing: 2px;
}
#pagetopnav a {
	color: #587b7c;
	text-decoration: underline;
}
#pagetopnav a:active {
	color: #a78483;
	text-decoration: none;
}
#pagetopnav a:hover {
	color: #a78483;
	text-decoration: none;
}
#container {
	width: 100%;
	height: 100%;
	background-color: white;
	border-bottom: 20px #F2C968 solid;
	border-top: 0px #F2C968 solid;
	padding: 0px;
	margin: 0px;
}
#left_col {
	width: 200px;
	background: #cccccc url('../graphics/logo-husd_v2.png') no-repeat scroll center bottom;
	border-right: 1px #bbbbbb solid;
	padding: 10px 0px 10px 10px;
	text-align: center;
	vertical-align: top;
}
#page_content {
	background-color: white;
	width: 550px;
	text-align: left;
	vertical-align: top;
	padding: 10px;
}
#announcements {
	width: 175px;
	color: #515230;
	background-color: #F3E7A9;
	font-family: 'Courier New', Georgia, 'Times New Roman', 'Times Roman', serif;
	font-size: 12px;
	float: right;
	margin: 6px 0px 6px 6px;
	padding: 3px;
	border: 2px #F3E7A9 outset;
}
#announcements h1 {
	text-align: center;
}
#announcements1 {
	width: 175px;
	color: #515230;
	background-color: #F3E7A9;
	font-family: 'Courier New', Georgia, 'Times New Roman', 'Times Roman', serif;
	font-size: 12px;
	float: right;
	margin: 6px 0px 6px 6px;
	padding: 3px;
	border: 2px #F3E7A9 outset;
}
#announcements1 h1 {
	text-align: center;
}
#announcements2 {
	width: 175px;
	color: #515230;
	background-color: #F3E7A9;
	font-family: 'Courier New', Georgia, 'Times New Roman', 'Times Roman', serif;
	font-size: 12px;
	float: right;
	margin: 6px 0px 6px 6px;
	padding: 3px;
	border: 2px #F3E7A9 outset;
}
#announcements2 h1 {
	text-align: center;
}
#footer {
	background: #A5A162 url('../graphics/background-footer.jpg') no-repeat scroll center center;
	color: #F3E7A9;
	width: 750px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	padding: 3px;
	border-top: 1px #948f56 solid;
}
#footer a {
	color: #F2C968;
	text-decoration: underline;
}
#footer a:active {
	color: #0d3697;
	text-decoration: none;
}
#footer a:hover {
	color: #0d3697;
	text-decoration: none;
}
.indexorange {
	background-color: #F2C968;
}
.indexwhite {
	background-color: white;
}
div.block {
	height: 44px;
	width: 100%;
}
td.tableheader {
	border-bottom: 1px black solid;
	vertical-align: bottom;
}
/* Text Alignment */
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.blockquote {
	margin-left: 40px;
	margin-right: 40px;
	text-align: justify;
}
.indent {
	margin-left: 40px;
}
/*AnyLink Drop-Down Vertical Nav CSS */
.anylinkcss {
	position: absolute;
	visibility: hidden;
	background-color: #F2C968;
    border: 0px transparent none;
	border-bottom-width: 0;
	font-family: inherit;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 22px;
	z-index: 100;
	width: 178px;
	text-align: left;
	margin-top: 5px;
	padding-top: 0px;
}
.anylinkcss a {
	color: #587b7c;
	width: 100%;
	display: block;
	text-indent: 3px;
    border: 1px #F2C968 outset;
	padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	text-indent: 5px;
}
.anylinkcss a:hover {
	/*hover background color*/
	background-color: #f7db8f;
	color: #a78483;
	text-decoration: underline;
    border: 1px #f7db8f outset;
}
.anylinkcss a:active {
	/*active background color*/
	background-color: #daab52;
	color: #a78483;
	text-decoration: underline;
    border: 1px #daab52 inset;
}
/* DWT Main Navigation */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.button {
    background-color: #F2C968;
    color: #587b7c;
    display: block;
	font-family: inherit;
    font-size: 12px;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 2px;
    height: 21px;
    width: 160px;
    text-align: left;
    margin-top: 1px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px; /* sliding doors padding */
    padding-left: 4px;
    padding-top: 4px;
    text-decoration: none;
    border: 1px #F2C968 outset;
    position: relative;
}
a.button:hover {
    background-position: bottom right;
    color: #a78483;
    background-color: #f7db8f;
    text-decoration: underline;
    border: 1px #f7db8f outset;
    position: relative;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active {
    background-position: bottom right;
    color: #a78483;
    background-color: #daab52;
    text-decoration: underline;
    border: 1px #daab52 inset;
    position: relative;
    outline: none; /* hide dotted outline in Firefox */
}
/* Colors
587b7c
F2C968
F3E7A9
A5A162
515230
*/