/*
  -----------------------------------
  Main CSS
  by Project Seven Development
  -----------------------------------
*/
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #4E2C23;
	background-color: #4E2C23; /* Chocolate brown (old-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 effects 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: normal;
	color: #272C73; /* Bold Blue */
	/*color: #006579; /* Dark Blue-Green */ */
}
a:hover{
	color: #7fb2bc; /* Light Blue-Green */
}

p{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1.5em;
	padding-left: 0px;
	/* Added 5/3/11 - PD - These were in the Tab Template and most/all pages. */
	margin-bottom: 14px; /* 05/06/11 - PD - changed from 0 to 10 in order to add spacing after paragraphs. */
	padding: 0px;
}
h1, h2, h3, h4, h5 {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 1em;
	line-height: 1em;
	/*color: #352f24;*/
	color: #BA3600; /* Rust */
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	margin-bottom: 5px; /* 05/06/11 - PD - Added to have a little spacing after these tags. */
}
strong {
	color: #4E2C23; /* Chocolate brown (old-5D584E) */
}

h1{
	color: #32584A; /* Dark green */
	font-size: 1.5em;
	padding-bottom: 15px;
}

h2{
	font-size: 1.3em;
	padding-bottom: 13px;
}
h3{
	font-size: 1.3em;
}
h4{
	font-size: 1.3em;
}
h3.box-title, h4.box-title {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F7F3D4;
}
.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(theme/images/header-bg.jpg);
	background-repeat: no-repeat;
	height: 190px; /* 05/23/11 - PD - Was 210 */
}
.container-top .padding{
	padding-top: 45px; /* 05/13/11 - PD - Was 75 */
}
.container-top .logo{
	background-image: url(theme/images/logo.gif);
	background-repeat: no-repeat;
	float: left;
	height: 97px;
	width: 275px;
}
.global-nav{
	float: left;
	width: 340px;
	margin-left: 185px;
}
.global-nav ul{
	padding: 0px;
	list-style-type: none;
	float: right;
	margin-top: 10px; /* Changed from 20 on 2/9/11 */
	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; /* Dark Chocolate Brown */
	text-decoration: none;
	margin-left: 10px;
}
.global-nav a:hover{
	color: #BA3600;
}
.global-nav a.current{
	background-color: #BA3600; /* Rust */
	color: #FFFFFF;
}
.container-banner {
	height: 210px;
	color: #8a8777;
	font-size: 1.3em;
	background-image: url(theme/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 {
}
.home-column {
	float: left;
	width: 276px;
}

.wide-column {
	float: left;
	width: 552px;
}

.video-column {
	float: left;
	width: 710px;
}

.demo-column {
	float: left;
	width: 830px;
}
.container-body .main-content{
	float: left;
	width: 420px;
}
.container-body .side-content{
	float: left;
	width: 350px;
	margin-left: 60px;
}
.side-content a {
	color: #006579; /* Dark, blue green */
}
.side-content a:hover {
	color: #b2cc99; /* Light, muted green */
}

/* Added 09/14/09 in order to get the dashed underline in the Side Content as well - PDD */
.side-content ul li, .side-content ol li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F7F3D4;
	padding-bottom: .75em;
	margin-bottom: .75em;
}

.container-body{
	background-image: url(theme/images/page-body-bg.jpg);
	background-repeat: repeat-y;
}

.page-flip  { /* apply the "page-flip" class to a DIV to get the raised bottom corner effect. */
	background-image: url(theme/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; /* Muted tan */
	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;
}

.news-date {
	float: left;
	text-align: center;
	color: #DDDAC3; /* (Old - 352f24) */
	display: block;
	width: 40px;
}
.news-date .month {
	font-weight: bold;
	text-transform: uppercase;
}
.news-date  .day {
	font-size: 1.75em;
	font-weight: bold;
	color: #BA3600;
}
.news-date .year {
	font-size: .9em;
}
.news-item {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F7F3D4;
	float: left;
	margin-left: 12px;
	padding-left: 12px;
	width: 165px;
}

ul.resources li, ul.side-nav li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7F3D4;
	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(theme/images/sidebar-nav-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0em .5em;
	padding-left: 12px;
	text-transform: lowercase;
}
ul.side-nav li a:hover{
	color: #dc9a7f; /* Peach */
}

.container-foot{
	background-image: url(theme/images/page-foot-bg.jpg);
	background-repeat: no-repeat;
	color: #DDDAC3;
	font-size: .9em;
	line-height: 1.4em;
}
.container-foot h3{
	padding-bottom: .25em;
	font-size: 1.75em;
}
.container-foot a{ /* this is style that controls all footer links. */
	color: #DDDAC3; /* (Old - 352F24) */
}
.container-foot a:hover{
	color: #F7F3D4; /* (Old -  F7F3D4) */
}
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: #F7F3D4;
	margin-bottom: 3px;
}

form.contact  label {
	text-align: right;
	float: left;
	width: 125px;
}
form.contact    .element      {
	margin-left: 5px;
	border: 1px solid #F7F3D4;
	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; /* Dark blue-green */
	background-color: #F2F2EA; /* Putty */
	padding: 5px;
	margin-left: 130px;
	border: 1px solid #F7F3D4;
	float: left;
}
form.contact .button:hover {
	background-color: #FFFFFF;
}
.alert {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	/*color: #08717F;*/
	color: #272C73; /* Bold blue (old - 5D584E) */
}

.medium-text {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
/*	color: #6E6D5F;*/
	color: #32584A; /* Dark green (Old - 272C73) */
}

/*
Used for backwards compatibility, but modified as needed.
*/
.boldtitle {
	color:       #5D584E;
	/*font-family: verdana, trebuchet, arial, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:   1em;
	font-weight: bold;
}

.boldblue {
	color:       #272C73;
	/*font-family: verdana, trebuchet, arial, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:   1em;
	font-weight: bold;
}

h3,h4 {
font-size:1.3em;
}

.global-nav a:hover,.container-banner a {
color:#BA3600;
}

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

/* 05/03/11 - PD - Adeed because it was in the Main Template */
.style2 {color: #29483C}
.style4 {color: #272c73}