/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna (and support staff)
*     Auth Web: http://www.mediasation.com
*     modified: 18 July 2008 @ 11:25 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
body {
	margin: 0;
	padding: 0;
	background-color: #f1eada;
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
}

body, div, p, input, textarea, td {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
}

a {
	color: #982A22;
	text-decoration: underline;
}
	a:hover {
		text-decoration: none;
	}
	a:visited {
		color: #5F1712;
	}
	a img {
		border: 0;
	}
	    
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	padding: 0;
	background: #8A8278 no-repeat scroll center;
}
	div.hr hr {
		display: none;
	}

div.outer {
	width: 925px;
	position: relative;
	margin: 0 auto;
}

/* @group header */
#header,
#header div.outer {
	background: transparent url(images/hdrBg-outer.jpg) top left repeat-x;
	height: 147px;
}

#header div.outer {
	background-image: url(images/hdrBg-inner.jpg);
	border-color: #293223;
}

#header #banner {
	width: inherit;
	height: 100px;
}
#header #banner a, 
#header #banner a:visited
{
	position: absolute;
	display: block;
	background: url("images/logo.jpg") 0 0 no-repeat;
	text-indent: -10000px;
	width: 355px;
	height: 115px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 7px;
	left: 260px;
}
/* @end header */


/* @group highlight */
#highlight {
	margin-top: -3px;
}
	* html #home #highlight {
		height: 327px;
		overflow: hidden;
	}
	* html #default #highlight {
		height: 86px;
		overflow: hidden;
	}
	* html #default #highlight div.outer,
	* html #default #highlight div.content  {
		border: 0;
	}

#highlight,
#highlight div.outer,
#highlight div.content {
	background: #5F1712 url("images/barGradientPattern.jpg") top left repeat-x;
	height: 327px;
	border-bottom: 2px solid #FFF;
}

#default #highlight,
#default #highlight div.outer,
#default #highlight div.content {
	height: 84px;
	background: #5F1712 url("images/sub-barGradientPattern.jpg") top left repeat-x;
}

	#highlight div.outer {
		/*width: 925px;
		background: transparent url("images/contentShadow.png") top left repeat-y;*/
		width: 909px;
	}

/* @group topNavigation */
#topNavigation {
	position: absolute;
	width: 751px;
	height: 29px;
	background: transparent url("images/navigationBar.jpg") top left no-repeat;
	z-index: 10;
	top: -17px;
	left: 83px;
}

/*#topNavigation ul {
	width: 560px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

#topNavigation ul li {
	display: inline;
}

#topNavigation ul li a {
	display: block;
	text-transform: uppercase;
	color: #594D41;
	padding: 10px 20px 8px 20px;
	font-weight: normal;
	float: left;
	font-size: 1.3em;
	text-decoration: none;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#topNavigation ul li a:hover {
	text-decoration: underline;
}
#topNavigation ul li #selected:hover {
	text-decoration: none;
}*/
/* @end topNavigation */

#highlight div.content,
#contentWrapper div.innerContent {
	background: transparent url("images/barGradient.jpg") top left repeat-x;
	padding: 0;
}

#contentWrapper div.innerContent {
	width: 909px;
	margin: 0 8px;
}

#highlight div.content {
	position: relative;
}

* html #home #highlight div.content {
	margin-top: -29px;
}

#default #highlight div.content {
	background: #982A22 url("images/sub-barGradient.jpg") top left repeat-x;
}

#home #highlight div.photo {
	width: 433px;
	padding: 50px 20px 0 38px;
	float: left;
}

#home #highlight div.copy {
	width: 371px;
	height: 277px;
	float: left;
	padding: 50px 47px 0 0;
	overflow: hidden;
}
#home #highlight div.copy * {
	color: #FFF;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: normal;
}

#home #highlight div.content h2 {
	color: #FFF;
	font-style: italic;
	font-size: 2.5em;
}

	#home #highlight a {
		text-decoration: none;
	}
	
	#home #highlight a:hover {
		text-decoration: underline;
	}

#default #highlight h2 {
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.5em;
	font-size: 3.1em;
	position: absolute;
	left: 60px;
	bottom: -2px;
}
	* html #default #highlight h2 {
		bottom: -3px;
	}

/* @end hightlight */

/* @group contentWrapper */

#contentWrapper,
#contentWrapper div.outer {
	background: #FFF url("images/content-outer.jpg") top left repeat-x;
}
	* html #contentWrapper,
	* html #contentWrapper div.outer {
		background-image: none;
		background-color: #FFF;
	}

#contentWrapper div.outer {
	background: transparent url("images/contentShadow.png") top left repeat-y;
}
	* html #contentWrapper div.outer {
		background: transparent url("images/contentShadow-ie6.jpg") top left repeat-y;
	}
 
#contentWrapper div.innerContent {
	width: 909px;
	background-color: #F8F4EC;
	background-image: none;
}

#default #contentWrapper div.innerContent {
	width: 789px;
	height: 250px;
	padding: 25px 60px 10px 60px;
	font-size: 1.2em;
	line-height: 1.5em;
}
	#default #contentWrapper div.outer > div.innerContent {
		height: auto;
		min-height: 250px;
	}

#default #contentWrapper div.innerContent h4,
#default #contentWrapper div.innerContent p {
	margin: 0;
	padding: 0;
}

#default #contentWrapper div.innerContent p {
	padding: 0 0 20px 0;
}
	/*#default #contentWrapper div.innerContent canvas,
	#default #contentWrapper div.innerContent var {
		float: left;
		clear: left;
	}*/

#default #contentWrapper div.innerContent h4 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #002862;
	font-weight: bold;
	font-size: 1.25em;
}

/* @group homeTable */

/*#contentWrapper div.placer {
	position: relative;
	width: 202px;
	height: 70px;
	margin: 0 auto;
}

#contentWrapper div.photo {
	position: absolute;
	top: -25px;
	left: 0;	
}*/

#contentWrapper td.homeOuterContent {
	padding: 10px;
	font-size: 1.2em;
	line-height: 1.5em;
	width: 216px;
}

#contentWrapper td.homeOuterContent * {
	font-family: Verdana, Arial, sans-serif;
}

#contentWrapper td.homeOuterContent ul {
	margin: 0;
	padding: 0 0 0 20px;
}

#contentWrapper td.homeOuterContent blockquote {
	margin: 0;
	padding: 0;
}

#contentWrapper .homeTitle {
	color: #002862;
	font-size: 1.4em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	padding: 9px 0 5px 0;
}

#contentWrapper td.homeContent {
	padding: 0 5px 10px 0;
}

#contentWrapper td.homeContent table {
	width: 207px;
	border: 1px solid #DACDC0;
	border-bottom: 0;
	padding: 1px;
}

#contentWrapper td.homeContent table th,
#contentWrapper td.homeContent table td {
	text-align: center;
	font-size: 0.8em;
}

#contentWrapper td.homeContent table th {
	background-color: #DACDC0;
}

#contentWrapper td.homeContent table td {
	border-bottom: 1px solid #DACDC0;
	padding-bottom: 2px;
}

#contentWrapper td.homeContent table tr.even {
	background-color: #FFF;
}

#contentWrapper td.column1 a {
	display: block;
	width: 135px;
	height: 28px;
	/*text-indent: -10000px;
	  background: transparent url("images/btn-applyOnline.jpg") top left no-repeat;*/
}
/* @end homeTable */
/* @end contentWrapper */

/* @group footer */
#footer {
	clear: both;
}

#footer,
#footer div.outer {
	background: #FFF url("images/footer-outer.jpg") top left repeat-x;
	text-transform: uppercase;
	height: 110px;
}

#footer div.outer {
	background: transparent url("images/footer-inner.jpg") top left no-repeat;	
}

#footer div.innerContent {
	padding: 15px 20px 0 20px;
	font-family: Geneva, Arial, sans-serif;
	font-size: 0.95em;
	color: #A8A39B;
	line-height: 1.5em;
}
	* html #footer div.innerContent {
		padding-right: 15px;
	}

#footer div.innerContent span.copyright {
	color: #A8A39B;
}

#footer a {
	text-decoration: none;	
}

#footer a:hover {
	text-decoration: underline;
}

#footer div.innerContent #copyright {
	width: 280px;
	float: left;
}

#footer div.innerContent #siteBy {
	width: 600px;
	float: right;
	text-align: right;
	color: #A8A39B;
}

#footer div.innerContent #siteBy a {
	color: #A8A39B;
}

/* @end footer */



/** Global Class Styles
-------------------------- **/
.hidden {
	display: none;
}

/* Styles for Netscape */

.clear
{
  clear:both;
  margin: 0;
  padding: 0;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

/* stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high */

* html .clear
{
	display:none	
}