body {
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS,Helvetica,sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #797266;
	background-color: #797266;
}
img.left, img.right, img.side {
	border: 5px solid #FFFFFF;
	margin-bottom: 15px;
}
img.left {
	float: left;
	margin-right: 15px;
}
img.right {
	margin-left: 15px;
}



a{ 	/* this is the global style. 
	this style effetcs all links, but don't be afraid to change it as you see fit.  
	just keep in mind that your updates will cascade to the other links */
	text-decoration: none;
	font-weight: bold;
	color: #006579;
}
a:hover{
	color: #7fb2bc;
}

p{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1.5em;
	padding-left: 0px;
}
h1, h2, h3, h4, h5 {
	font-size: 1em;
	line-height: 1em;
	color: #352f24;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
strong {
	color: #352f24;
}

h1{
	font-size: 2em;
	padding-bottom: 20px;
}
h2{
	font-size: 2em;
	padding-bottom: 20px;
}
h3{
	font-size: 1.3em;
}
h4{
	font-size: 1.2em;
}
h3.box-title, h4.box-title {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #dddac3;
}
.large-text {
	font-size: 1.75em;
	font-weight: normal;
	line-height: 1.1em;
}


.hide{
	display: none;
}
.clear{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}
.container-top, .container-body, .container-foot {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.padding{
	padding-right: 65px;
	padding-left: 65px;
}
.container-top{
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	height: 210px;
}
.container-top .padding{
	padding-top: 75px;
}
.container-top .logo{
	float: left;
	height: 90px;
	width: 440px;
}
.global-nav{
	float: left;
	width: 390px;
}
.global-nav ul{
	padding: 0px;
	list-style-type: none;
	float: right;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.global-nav ul li{
	display: inline;
}
.global-nav a{
	font-weight: bold;
	text-transform: lowercase;
	display: block;
	padding: 5px;
	float: left;
	color: #423b2d;
	text-decoration: none;
	margin-left: 10px;
}
.global-nav a:hover{
	color: #ba3600;
}
.global-nav a.current{
	background-color: #ba3600;
	color: #FFFFFF;
}
.global-nav .info {
	float: right;
	color:#BA3600;
}
.global-nav .info a{
	text-transform: none;
	display: inline;
	float: none;
	margin-left: 0px;
	padding: 0px;
}
.container-banner {
	height: 210px;
	color: #8a8777;
	font-size: 1.3em;
	background-image: url(../images/home-banner-bg.jpg);
	background-repeat: repeat-x;
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	line-height: 1.3em;
	font-weight: bold;
}
.container-banner a { /* this controls the link within the banner area of the home page */
	color: #BA3600;
}
.container-banner a:hover {
	color: #FFFFFF;
}

.container-banner h3 {
	color: #FFFFFF;
	font-size: 2.3em;
	font-weight: normal;
	padding-top: 50px;
}
.container-banner img {
	float: left;
	margin-right: 30px;
}
.container-banner .padding {
}


.container-body{
	background-image: url(../images/page-body-bg.jpg);
	background-repeat: repeat-y;
}
.home-column {
	float: left;
	width: 276px;
}

.container-body .main-content{
	float: left;
	width: 560px;
}
.container-body .side-content{
	float: left;
	width: 240px;
	margin-left: 30px;
}
.side-content a {
	color: #669933;
}
.side-content a:hover {
	color: #b2cc99;
}

.page-flip  { /* apply the "page-flip" class to a DIV to get the raised bottom corner effect. */
	background-image: url(../images/sidebar-page-flip.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom: 50px;
	padding-right: 20px;
	padding-left: 25px;
	margin-bottom: 20px;
}
.page-flip-home {
	margin-bottom: 0px;
}
ul.line, ul.side-nav, ul.foot {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.line    li  { /* apply the "line" class to a UL to remove the indent from your lists and add a line under each item */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddac3;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.main-content ul, .main-content ol {
	margin-top: 0px;
	margin-bottom: 1.75em;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 2em;
	padding-left: 2em;
	margin-right: 2em;
	margin-left: 2em;
}

.main-content ul li, .main-content ol li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DDDAC3;
	padding-bottom: .75em;
	margin-bottom: .75em;
}

dl.authors {
	width: 280px;
	float: left;
}

dl.authors dt {
	float:left;
	text-align:center;
	width:15px;
	font-size: 1.75em;
	font-weight: normal;
	line-height: 1.1em;
}

dl.authors dd {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DDDAC3;
	display:block;
	margin:0 0 3px 25px;
	padding:0 0 3px 3px;
	width: 240px;
}

.news-date {
	float: left;
	text-align: center;
	color: #352f24;
	display: block;
	width: 45px;
}
.news-date .month {
	font-weight: bold;
	text-transform: uppercase;
}
.news-date  .day {
	font-size: 1.25em;
	font-weight: bold;
	color: #BA3600;
}
.news-date .year {
	font-size: .9em;
}
.news-item {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DDDAC3;
	float: left;
	margin-left: 12px;
	padding-left: 12px;
	width: 160px;
}

ul.resources li, ul.side-nav li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDAC3;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
ul.side-nav li{
	margin-bottom: 6px;
	padding-bottom: 6px;
}



ul.side-nav li a{ /* this is the sidebar sub navigation link style. */
	color: #BA3600;
	display: block;
	background-image: url(../images/sidebar-nav-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0em .5em;
	padding-left: 12px;
}
ul.side-nav li a:hover{
	color: #dc9a7f;
}
ul.side-nav li a.current{
	background-image: none;
	background-color: #ba3600;
	color: #FFFFFF;
}

.container-foot{
	background-image: url(../images/page-foot-bg.jpg);
	background-repeat: no-repeat;
	color: #423b2d;
	font-size: .9em;
	line-height: 1.4em;
}
.container-foot h3{
	padding-bottom: .25em;
	font-size: 1.25em;
}
.container-foot a{ /* this is style that controls all footer links. */
	color: #352F24;
}
.container-foot a:hover{
	color: #DDDAC3;
}
ul.foot{
	padding-bottom: .5em;
}
ul.foot li{
	display: inline;
	margin-right: 15px;
}

.container-foot p{
	padding-bottom: .5em;
}

.container-foot .padding {
	padding-top: 92px;
	padding-bottom: 20px;
}
.container-foot .info {
	float: left;
	width: 200px;
}
.container-foot .links{
	width: 610px;
	margin-left: 20px;
	float: left;
}
form.contact {
	margin: 0px;
	padding: 0px;
}
form.contact fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

form.contact div.clear {
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #DDDAC3;
	margin-bottom: 3px;
}

form.contact  label {
	text-align: right;
	float: left;
	width: 125px;
}
form.contact    .element      {
	margin-left: 5px;
	border: 1px solid #DDDAC3;
	float: left;
	width: 200px;
	color: #797266;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
form.contact  .large {
	width: 300px;
}
form.contact .button {
	font-weight: bold;
	color: #006579;
	background-color: #F2F2EA;
	padding: 5px;
	margin-left: 130px;
	border: 1px solid #DDDAC3;
	float: left;
}
form.contact .button:hover {
	background-color: #FFFFFF;
}
.alert {
	font-size: .9em;
	font-style: italic;
	color: #BA3600;
}

.embedded {
	padding: 0 10px 5px 0;
}
.promo-row {
	height:200px;
	margin:10px auto;
	text-align:center;
	width:500px;
}
.promo {
	float: left;
	display: inline-block;
	width: 250px;
}
#picture label { 
	width: 100px;
	display: inline-block;
}
#picture .field {
	margin: 5px 0;
}
#picture input[type=submit] {
	margin-left: 100px;
}
.notice {
	background: #FFF6BF;
	color: #817134;
	border: 1px solid #FFD324;
	margin: 10px 0;
	padding: 10px;
}