/* CSS Document */
html, body {height: 100%;}

body {
background:#F5F5DC;
color:#222;
font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
font-size:62.5%;
line-height:160%;
margin:0;
padding:0;}

ul, li {margin:0; padding:0;}

#container {
margin:0 auto;
max-width:1010px;
min-width:800px;
padding:0 20px;
overflow:hidden;}

* html #container, * html .minmaxwidth, * html #navigation_footer {
width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : document.body.clientWidth) > 1010 ? "1010px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : document.body.clientWidth) < 800 ? "800px" : "auto"));}

.minmaxwidth {margin:0 auto;min-width:800px;max-width:1010px;padding:0 20px;}

/* Search */
#search {
background:#483C32;
display:none;
height:110px;}

#search #form {
color:#FFF;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
margin-top:25px;
width:308px;}

#search #form label {
display:inline;
float:left;
margin:0 0 0 2px;
width:150px;}

#search #form label span {
display:block;
width:100%;}

#search #reset {
background:#055167 url(../images/reset.gif) no-repeat 0 0;
border:none;
height:20px;
margin:2px 0 0 2px;
width:53px;}

#search #submit {
background:#CC7722 url(../images/go.gif) no-repeat 0 0;
border:none;
height:20px;
margin:2px 0 0 2px;
width:53px;}

#search #form label input, #search #form label select {
background:#FFF;
border:1px solid #7F9DB9;
font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
font-size:1.1em;
line-height:1em;
width:150px;}

#search #form #reset, #search #form #submit {float:right;}

.border {background:transparent url(../images/border_top.gif) repeat-x;}

.btn-slide {
background:transparent url(../images/search_tab.jpg) no-repeat;
color:#FFF;
float:right;
height:28px;
text-align:center;
width:113px;}

a.btn-slide {
font-size:1em;
line-height:32px;
text-decoration:none;}

a:hover.btn-slide {text-decoration:underline;}

/* Search End */

/* Title */
.title {
color:#483C32;
float:right;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1.6em;
line-height:34px;
margin-right:10px;}

/* Title End */

/* Logo*/
#logo a {
background:transparent url(../images/logo.jpg) no-repeat;
display:block;
height:76px;
text-decoration:none;
width:247px;}

#logo a span {visibility:hidden;}
/* Logo End */

/* Body */
#body {
background:#FFF;
border:1px solid #CCC;
margin-bottom:75px;
overflow: visible;}

#body #grid {
margin:0 auto;padding:10px 10px 5px 10px;}

#body #grid td {padding:10px;}
#body #grid td a {color:#222;display:block;font-size:1.1em;text-decoration:none;}
#body #grid td a:hover {color:#483C32;display:block;}
#body #grid td a span {color:#712F26;float:left;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-decoration:underline;text-transform:uppercase;width:100%;}
#body #grid td a:hover span {text-decoration:none;}

.one {border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.two {border-bottom:1px solid #eeeeee;}
.three {border-left:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.four {border-right:1px solid #eeeeee;}
.five {border-left:1px solid #eeeeee;}
.six {border-right:1px solid #eeeeee; border-top:1px solid #eeeeee;}
.seven {border-top:1px solid #eeeeee;}
.eight {border-left:1px solid #eeeeee;border-top:1px solid #eeeeee;}

#body p {
font-size:1.2em;
margin:0;
padding:10px;}

p.introduction {font-size:1.4em !important;margin:0 10px !important;}

#body h1 {margin:0;font-size:2.4em;padding:10px;}
#body h2 {margin:0;font-size:1.8em;padding:10px;}
#body h3 {margin:0;font-size:1.4em;padding:10px;}
#body h4 {margin:0;font-size:1.2em;padding:10px;}
#body h5 {margin:0;font-size:1em;padding:10px;}


.tl, .tr, .bl, .br {background-image: url(../images/circle.gif);font-size:0;height:5px;position:relative;width:5px;}
.tl {float: left;top:-1px;left:-1px;}
.tr {background-position:5px 0px;float:right;right:-1px;top:-1px;}
.bl {background-position:0px 5px;float:left;left:-1px;top:1px;}
.br {background-position:5px 5px;float:right;right:-1px;top:1px;}

#navigation_page {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
line-height:30px;
margin-left:10px;}

#navigation_sub {
border-bottom:1px solid #CCC;
color:#CCC;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height:30px;
padding-left:10px;}

#navigation_sub li {
display:inline;}

#navigation_sub li a {
color:#222;
text-decoration:underline;}

#navigation_sub li a:hover, .on {
font-weight:bold;
text-decoration:none !important;}

/* Navigation */
.nav, .nav ul, .nav li {list-style:none; margin:0; padding:0;}

.nav {float:right; font-family:Arial, Helvetica, sans-serif; z-index:100; position:relative;}

.nav li {float:left; position:relative;}

.nav li ul li {clear:left;}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
color:#222;
display:block;
font-size:1.1em;
height:30px;
line-height:30px;
text-align:center;
text-transform:uppercase;
text-decoration:none;}

.nav li ul li a, .nav li ul li a:link, .nav li ul li a:active, .nav li ul li a:visited {
font-size:1em;
background:#D6B12D;
color:#FFF;
clear:left;
display:block;
height:auto !important;
line-height:1.4em;
margin-bottom:3px;
text-indent:9px;
text-align:left;
text-transform:none;
text-decoration:none;
width:100%}

.nav li a:hover {color:#000;}

#nav-one li:hover a, #nav-one li.sfHover a {color:#000;}

#nav-one li:hover ul a, #nav-one li.sfHover ul a {
background:#D6B12D;
color:#FFF;
font-size:1em;}

#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {
background:#D6B12D;
color:#000;}

.nav ul {
background:#D6B12D;
position:absolute;
top:-999px;}

.nav li:hover ul, .nav li.sfHover ul {top:30px;}

.nav ul a {}

.nav ul a:hover {
background:#D6B12D;
color:#712F26 !important;}

.nav span {display:none;}

.nav li#home a, .nav li#about, .nav li#resources, .nav li#acknowledgments, .nav li#contactus {height:30px;margin-left:1px;}

#home a {background:#F5F5DC url(../images/home.gif) no-repeat; width:65px;}
.nav li#home a:hover {background-position:0 -30px;}

#about a {background:#F5F5DC url(../images/about.gif) no-repeat; width:100px;}
#nav-one li#about:hover a, #nav-one li#about.sfHover a {background-position:0 -30px;}
li#about ul li {width:100px;}

#resources a {background:#F5F5DC url(../images/resources.gif) no-repeat 0 0; width:120px;}
#nav-one li#resources:hover a, #nav-one li#resources.sfHover a {background-position:0 -30px;}
li#resources ul li {width:120px;}

#acknowledgments a {background: url(../images/acknowledgments.gif) no-repeat 0 0; width:146px;}
#nav-one li#acknowledgments:hover a, #nav-one li#acknowledgments.sfHover a {background-position:0 -30px;}
li#acknowledgments ul li {width:146px;}

#contactus a {background:#F5F5DC url(../images/contactus.gif) no-repeat 0 0; width:100px;}
.nav li#contactus a:hover {background-position:0 -30px;}
/* Navigation End */

/* Body End */

#footer {
background:#483C32;
color:#8A7356;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
height:30px;
margin-top:-30px;
position:relative;}

* html #footer {margin-top: -30px;}

#nonFooter {position:relative; min-height:100%;}
* html #nonFooter {height:100%;}

#copyright p {float:left;line-height:30px;margin:0;padding:0;}

#footer #navigation {
background:#483C32;
float:right;
line-height:30px;}

#footer #navigation ul {float:right;list-style:none;}

#footer #navigation li {display:inline;list-style:none;}

#footer #navigation li a {
color:#F5F5DC;
text-decoration:none;
text-transform:uppercase;}

#footer #navigation li a:hover {color:#D6B12E;}

div.right {border:1px solid #CCC;float:right;margin:10px;padding:0;width:320px;}
div.right p {float:left;font-size:1.1em;line-height:1.2em;margin:0;padding:0px 7px 5px 7px !important;width:306px;}

.clear {clear:left;}

a img {border:none;}
a {outline:none;}
.placeholder {background:url(../images/gridimg/4.jpg);height:150px;}
#loader {height:150px;overflow:hidden;width:100%;}
#loader img {height:150px;overflow:hidden;width:100%;}
#imageOptions a img {display:none;}

#imageOptions #loader {
height:150px;
overflow:hidden;}

a {color:#712F26;text-decoration:underline;}
a:hover {text-decoration:none;}

.style11 {
	font-size: 12px;
	line-height: 1.0;
	font-weight: bold;	
}

.style12 {
	font-size: 12px;
	line-height: 1.0;
}

.style14 {
	font-size: 14px;
	line-height: 1.0;
	color:#000000;
	font-weight: bolder;
}

.style15 {
	font-size: 12px;
	line-height: 1.5;
	color:#000000;
		
}

.style16 {
	font-size: 14px;
	line-height: 1.5;
	color:#000000;
		
}

/*calendar styling*/
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 9px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 9px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */