/****************************************
 * Main CSS Rules
 ****************************************/
 
/****************************************
 * Base
 ****************************************/


html, body {
    height: 100%;
}

html>body .container {
    height: auto;
	}

body {
	background: url("images/header-bg.jpg") repeat-x;
	padding:0;
	margin:0;
	}
	
/* the container includes everything - we set the page width here. */
	
.container {
	float:none;
	position:relative;
	padding: 0;
	width:100%;
	margin: 0;
	min-height: 100%;
	height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	}
	
	

/* the content block - container for primary, secondary, tertiary content */
	
#content {
	float:none;
	position:relative;
	font-family:Verdana,sans-serif;
	font-size:11px;
	line-height:17px;
	width:793px;
	margin:0 auto;
	padding-bottom:50px;
	}
	
/* contains intro title/image, primary and secondary page content */
/* temporary width/margin settings are in place for page-primary and secondary blocks to accomodate legacy
	content display issues in IE6 */
	
#page {
	float:left;
	margin-bottom:50px;
	width:599px;
	}
	
#page .introduction {
	float:left;
	width:100%;
	}
	
#page .introduction img {
	margin:0 0 10px 0;
	padding:0;
	}
	
#page .introduction h3 {
	font-family:Georgia,serif;
	font-size:14px;
	font-style:italic;
	line-height:17px;
	font-weight:normal;
	color:#159496;
	padding:10px 0 22px 0;
	margin:0;
	border-bottom:1px dotted #ccc;
	}
	
#page.normal {
	width:599px;
	}
	
#page.large {
	width:793px;
	}
	
#page-primary {
	float:left;
	/* width:420px; */
	width:421px;
	margin-bottom:50px;
	font-size:11px;
	line-height:17px;
	}
	
#page-primary.medium {
	float:left;
	width:599px
	}
	
#page-primary.large {
	width:793px;
	}
	
#page-primary a {
	color: #159496;
	font-weight:bold;
	text-decoration:none;
	}
	
#page-primary a:hover {
	text-decoration:underline;
	}
	
#page-primary a:visited {
	color: #a99a76;
	font-weight:bold;
	text-decoration:none;
	}
	
#page-primary img {
	/* max-width:392px; */
	}
	
#page-primary h3 {
	font-family:Georgia,serif;
	font-size:16px;
	line-height:20px;
	color:#159496;
	padding:0;
	margin:5px 0 0 0;
	font-weight:bold;
	}
	
#page-primary h4 {
	font-family:Georgia,serif;
	font-size:18px;
	line-height:22px;
	color:#158585;
	padding:0;
	margin:5px 0 0 0;
	font-weight:normal;
	}
	
#page-primary h5 {
	font-family:Verdana,sans-serif;
	font-size:12px;
	line-height:16px;
	padding:0;
	margin:5px 0 0 0;
	}
	
#page-primary h6 {
	font-family:Verdana,sans-serif;
	font-size:11px;
	line-height:17px;
	font-weight:bold;
	}
	
#page-primary p {
	padding: 5px 0 10px 0;
	margin:1px 0 0 0;
	}
	
#page-primary #idLayout2 td, th {
	vertical-align:top;
	padding:5px 0;
	}
	
#page-primary .linklist {
	margin:10px 25px;
	padding:0;
	list-style:none;
	}
	
#page-primary ol, #page-primary ul {
	margin:10px 25px;
	padding:0;
	}
	
#secondary {
	float:left;
	/* width:160px; */
	width:162px !important;
	font-size:10px;
	line-height:15px;
	/* margin:0 0 0 19px; */
	margin:0 0 0 16px !important;
	padding:0 !important;
	background:none;
	}
	
#secondary h3 {
	font-family:Georgia,serif;
	font-size:18px;
	line-height:22px;
	color:#159496;
	padding:0;
	margin:5px 0;
	font-weight:normal;
	}
	
/* commonspot adds a link (a) tag with this id
	this setting will take away the extra right margin that applied in IE6 */
a#secondary {
	float:none;
	margin:0;
	padding:0;
	}
	
#secondary .feature .content p, #secondary .feature .content h5, #secondary .feature .content div {
	font-size:10px;
	line-height:15px;
	padding-top:0;
	margin:0 0 5px 0;
	}
	
#secondary .feature .content h6 {
	margin:0;
	padding:3px 0;
	}
	
	
#secondary .feature img {
	/* width:160px; */
	margin:0;
	padding:0;
	}
	
#secondary a {
	color: #159496;
	text-decoration:none;
	}

#secondary a:visited {
	color: #A99A76;
	text-decoration: none;
}

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

#secondary ul {
	margin-left:10px;
	}
	
	
#page #page-tools {
	float:left;
	width:100%;
	margin:10px 0;
	padding-top:10px;
	border-top:1px dotted #ccc;
	}
	
#page #page-tools .tools {
	width:160px;
	float:left;
	margin-right:20px;
	}
	
#page #page-tools img {
	vertical-align:middle;
	border:none;
	}
	
#page #page-tools a, #page-tools span {
	color:#A99A76;
	text-decoration:none;
	font-weight:bold;
	}
	
#page #page-tools a:hover {
	text-decoration:underline;
	}
	
#page #page-tools #webview {
	display:none;
	}
	
/****************************************
 * Footer
 ****************************************/

/* footer styles */
	
.footer {
	font-size:9px;
	float:none;
	clear:both;
	border-top:1px dotted #ccc;
	padding:10px 0 22px 0;
	text-align:center;
	}
	
.footer a {
	color: #BE7A4A;
	}
	
.footer ul {
	display:none;
	}

	
#page-footer {
	clear:both;
	position:absolute;
	bottom:0;
	background: url("images/global-footer-bg.png") repeat-x;
	text-align:center;
	font-family:Verdana,sans-serif;
	font-weight:normal;
	font-size:9px;
	color: #138585;
	width:100%;
	height:67px;
	padding:15px 0 0 0;
	margin:0;
	}
	
#page-footer ul {
	position:relative;
	width:793px;
	margin: 15px auto 0 auto;
	padding:0;
	display:inline;
	}
	
#page-footer ul li {
	display:inline;
	padding:0 10px;
	}
	
#page-footer ul li.listFirst {
	border:none;
	padding:0 10px 0 0;
	}
	
#page-footer ul li a {
	color: #666;
	text-decoration:none;
	}
	
#page-footer li a:hover {
	text-decoration:underline;
	color: #138585
	}
	
#page-footer #logo {
	display:block;
	margin: 10px auto 0 auto;
	border:none;
	}
	
#page-footer address {
	display:inline;
	font-style:normal;
	}

#webview {
	display:none;
	}




/****************************************
 * Class
 ****************************************/




/* some basic text formatting */

.center {
	text-align:center;
	}
	
.floatleft {
	float:left;
	}
	
.floatright {
	float:right;
	}
	
.left {
	text-align:left;
	}

.right {
	text-align:right;
	}
	
.boldtext {
	font-weight:bold;
	}
	
.smalltext {
	font-size:9px;
	}

	
.clearit {
	clear:both;
	height:0px;
	}
	
.introtext {
	font-family:Georgia,serif;
	font-size:12px;
	font-style:italic;
	line-height:17px;
	font-weight:bold;
	color:#666;
	padding:10px 0;
	margin:0;
	border-bottom:1px dotted #ccc;
	}
	

/****************************************
 * Basic Styles - HTML
 ****************************************/


a {
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}
	
blockquote {
	margin-left:40px;
	}

br {
	line-height:0px;
	}
	
dl {
	margin:0 10px;
	padding:0;
	}

dl dt {
	font-weight:bold;
	margin:0;
	padding:10px 0 0 0;
	border-top:1px dotted #ccc;
	}
	
dl dd {
	margin:0;
	padding:0 0 5px 20px;
	}
	
dl a {
	text-decoration:none !important;
	}

dl a:hover {
	text-decoration:underline !important;
	}
	
form {
	margin:0;
	padding:0;
	}
	
img {
	border:none;
	}

input {
	margin:0;
	}
	
table {
	border:0;
	border-collapse:collapse;
	width:100%;
	}
	
td, th {
	vertical-align:top;
	padding:0;
	}
	
th {
	text-align:left;
	}





/****************************************
 * Masthead
 ****************************************/



#mastheadContainer {
	position:relative;
	margin:0;
	padding: 0;
	border-bottom:1px solid white;
	}
	
#masthead {
	position:relative;
	height: 88px;
	margin:0;
	width:793px;
	margin: 0 auto;
	}
	
/* heading content is included for search engines and ada compliance, but are not displayed */
#masthead h1, #masthead h2 {
	display:none;
	}
	
	
#logo {
	position:absolute;
	top:11px;
	left:-18px;
	display: block;
	margin:0;
	padding:0;
	}
	
#logo {
	border:none;
	}

	
#search {
	position:absolute;
	top: 38px;
	right:0;
	width:275px;
	margin:0;
	padding:0;
	font-family:Verdana,sans-serif;
	font-weight:normal;
	font-size:9px;
	text-align:left;
	}
	
#search .searchSubmit {
	font-weight:bold;
	padding-left:5px;
	background:none;
	border:none;
	color: #D2C599;
	font-family:Georgia,serif;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
	margin-left:5px;
	width:80px;
	}
	
#search .searchSubmit:hover {
	color: #fff;
	}
	
#search .searchText {
	border-top:1px solid #531313;
	border-right:1px solid #AB5150;
	border-bottom:1px solid #AB5150;
	border-left:1px solid #531313;
	font-size: 9px;
	width:180px;
	padding:2px;
	background: #138585;
	color: #D2C599;
	}
	
#search div {
	margin: -2px 0 0 0;
	text-align:left;
	}
	
#search div {
	color: #E0C3C3;
	font-weight:normal;
	font-size: 9px;
	}
	
#search #v0:hover, #search #v1:hover, #search #v2:hover {
	color: #B58787;
	text-decoration:underline;
	}
	
#search #v0, #search #v1, #search #v2 {
	padding:0;
	margin:5px 0 0 2px;
	font-size: 9px;
	color: #E0C3C3;
	border:0px;
	background:transparent;
	}


/****************************************
 * Directorynav
 ****************************************/



.directoryNav {
	float:left;
	width: 170px;
	margin:30px 18px 10px 0;
	}
	
.directoryNav br {
	display:none;
	}
	
	
.directoryNav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width: 170px;
	}
	
.directoryNav li {
	float:left;
	width:170px;
	margin:0;
	padding:0;
	font-family:Verdana,sans-serif;
	font-size:11px;
	line-height:16px;
	letter-spacing:0px;
	text-transform:none;
	}
	
.directoryNav li.on {
	color:#138585;
	text-decoration:none;
	}
	
.directoryNav li a {
	display:block;
	color:#666;
	text-decoration:none;
	width:170px;
	padding:5px 0;
	font-weight:normal;
	border-bottom:1px dotted #ccc;
	}
	
.directoryNav li.parent, .directoryNav .menuhead, .directoryNav li.listfirst a {
	font-family:Georgia,serif;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	text-transform:uppercase;
	letter-spacing:1px;
	border:none;
	color: #138585 !important;
	}
	
.directoryNav li.listlast a {
	border:none;
	}
	
.directoryNav li.parent a {
	color: #138585;
	padding:5px 0;
	}
	
.directoryNav li a:hover {
	color:#138585;
	text-decoration:underline;
	}
	
.directoryNav li ul li {
	border-top:none;
	}
	
.directoryNav li ul {
	display:none;
	margin:0;
	}
	
.directoryNav li ul li ul {
	display:none;
	margin:0;
	}
	
.directoryNav li.on ul {
	display:block;
	}
	
.directoryNav li.on ul li ul{
	display:none;
	}
	
.directoryNav li.on ul li.on ul {
	display:block;
	}
	
.directoryNav li.on ul li a {
	color:#333;
	text-decoration:none;
	width: 155px;
	padding:5px 0 5px 15px;
	margin:0;
	}
	
.directoryNav li ul li.on ul li a {
	width: 145px !important;
	padding:5px 0 5px 25px !important;
	color:#666 !important;
	}
	
.directoryNav .menu-sub a {
	padding:5px 0 5px 15px;
	margin:0;
	width:155px;
	}
	
.directoryNav .menu-sub-sub a {
	padding:5px 0 5px 25px;
	margin:0;
	width:145px;
	color: #666 !important;
	}
	
.directoryNav li.on a {
	/* color: #138585; */
	}
	
.directoryNav li.on a:hover {
	text-decoration:underline;
	}
	
.directoryNav li.on ul li.parent {
	display:none;
	}
	
.directoryNav li.on ul li a {
	text-decoration:none;
	}
	
.directoryNav li.on ul li a:hover {
	text-decoration:underline;
	}
	
.directoryNav li .label, .directoryNav li.label {
	font-family:Georgia,serif;
	font-size:10px;
	font-weight:bold;
	line-height:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#8E7A4A;
	padding:5px 0;
	}
	
.directoryNav .secondaryNav {
	padding-top:10px;
	clear:both;
	}
	
.directoryNav .secondaryNav .listfirst a {
	font-family:Georgia,serif;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#8E7A4A;
	padding:5px 0 3px 0;
	}
	
.icon {
	display:none;
	}
	
.subjectNav .icon {
	display:inline;
	}
	
/* positioning secondary navigation */
.directoryNav .CS_Element_Layout {
	float:left;
	margin-top:0px;
	}
	
/* positioning secondary navigation */
.directoryNav .CS_Element_Layout form {
	float:left;
	margin-top:10px;
	}


/****************************************
 * sidebarNav
 ****************************************/



.sidebarNav {
	float:left;
	width: 170px;
	margin:30px 18px 10px 0;
	}
	
.sidebarNav br {
	display:none;
	}
	
	
.sidebarNav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width: 170px;
	}
	
.sidebarNav li {
	float:left;
	width:170px;
	margin:0;
	padding:0;
	font-family:Verdana,sans-serif;
	font-size:11px;
	line-height:16px;
	letter-spacing:0px;
	text-transform:none;
	}
	
.sidebarNav li.on {
	color:#138585;
	text-decoration:none;
	}
	
.sidebarNav li a {
	display:block;
	color:#666;
	text-decoration:none;
	width:170px;
	padding:5px 0;
	font-weight:normal;
	border-bottom:1px dotted #ccc;
	}
	
.sidebarNav li.parent, .sidebarNav .menuhead, .sidebarNav li.listfirst, .sidebarNav h2 {
	font-family:Georgia,serif;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	text-transform:uppercase;
	letter-spacing:1px;
	border:none;
	color: #138585 !important;
	}
	
	
.sidebarNav li.parent a {
	color: #138585;
	padding:5px 0;
	}
	
.sidebarNav li a:hover {
	color:#138585;
	text-decoration:underline;
	}
	
.sidebarNav li ul li {
	border-top:none;
	}
	
.sidebarNav li ul {
	display:none;
	margin:0;
	}
	
.sidebarNav li ul li ul {
	display:none;
	margin:0;
	}
	
.sidebarNav li.on ul {
	display:block;
	}
	
.sidebarNav li.on ul li ul{
	display:none;
	}
	
.sidebarNav li.on ul li.on ul {
	display:block;
	}
	
.sidebarNav li.on ul li a {
	color:#333;
	text-decoration:none;
	width: 155px;
	padding:5px 0 5px 15px;
	margin:0;
	}
	
.sidebarNav li ul li.on ul li a {
	width: 145px !important;
	padding:5px 0 5px 25px !important;
	color:#666 !important;
	}
	
.sidebarNav .menu-sub a {
	padding:5px 0 5px 15px;
	margin:0;
	width:155px;
	}
	
.sidebarNav .menu-sub-sub a {
	padding:5px 0 5px 25px;
	margin:0;
	width:145px;
	color: #666 !important;
	}
	
.sidebarNav li.on a {
	/* color: #138585; */
	}
	
.sidebarNav li.on a:hover {
	text-decoration:underline;
	}
	
.sidebarNav li.on ul li.parent {
	display:none;
	}
	
.sidebarNav li.on ul li a {
	text-decoration:none;
	}
	
.sidebarNav li.on ul li a:hover {
	text-decoration:underline;
	}
	
.sidebarNav li .label, .sidebarNav li.label {
	font-family:Georgia,serif;
	font-size:10px;
	font-weight:bold;
	line-height:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#8E7A4A;
	padding:5px 0;
	}
	
.sidebarNav .secondaryNav {
	padding-top:10px;
	clear:both;
	}
	
.sidebarNav .secondaryNav .listfirst a {
	font-family:Georgia,serif;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#8E7A4A;
	padding:5px 0 3px 0;
	}
	
.icon {
	display:none;
	}
	
.subjectNav .icon {
	display:inline;
	}
	
/* positioning secondary navigation */
.sidebarNav .CS_Element_Layout {
	float:left;
	margin-top:0px;
	}
	
/* positioning secondary navigation */
.sidebarNav .CS_Element_Layout form {
	float:left;
	margin-top:10px;
	}





/****************************************
 * Subjectnav
 ****************************************/




.subjectNav {
	width:793px;
	margin: 0 auto;
	background:transparent;
	}
	
.subjectNav br {
	display:none;
	}
	
.subjectNav img {
	margin:0;
	padding:0;
	border:none;
	float: left;
	}

.subjectNav ul {
	list-style-type:none;
	padding:0;
	margin:0;
	font-weight:bold;
	font-family:Georgia,serif;
	text-transform:uppercase;
	letter-spacing:0px;
}

/*Top level list items*/
.subjectNav ul li {
	position: relative;
	display: inline;
	float: left;
	margin:0;
	padding:0;
}


.subjectNav li.parent {
	display:none;
}

/*Top level menu link items style*/
.subjectNav ul li a {
	/*for all links in the list*/
	color: #666;
	display: block;
	width: 121px;
	border:none;
	border-top:1px solid #fff;
	padding: 0 0 0 10px;
	margin:0 0 0 0;
	text-align:center;
	font-size:10px;
	line-height:24px;
	background: url("images/subjectnav-li-bg.png") left no-repeat;
}

.subjectNav li a.on, .subjectNav li a:hover {
	 color: #138585;
	}
	
.subjectNav li a:hover {
	 /*change border color for active topic area*/
	text-decoration:none;
	background: url("images/subjectnav-li-bg-on.png") left no-repeat;
	}
	
/*hide the subcategory menus*/
.subjectNav ul li ul {
	left: 0;
	top: 0;
	border: 0;
	margin-top:1px;
	border-right:1px solid #868686;
	border-bottom:1px solid #868686;
	border-left:1px solid #868686;
	position: absolute;
	display: block;
	visibility: hidden;
	z-Index: 300;
	background: #fff;
	letter-spacing:0px;
	text-transform:none;
}

/*Sub level menu list items*/
.subjectNav ul li ul li {
	display: inline;
	float: none;
	line-height:10px;
}

/* Sub level menu links style */
.subjectNav ul li ul li a {
	clear:left;
	background: #fff;
	color: #666;
	display: block;
	width: 165px;
	padding:0 10px 3px 10px;
	margin:0;
	font-size:9px;
	text-align:left;
	text-decoration:none;
	font-family:Verdana,sans-serif;
	font-weight:normal;
	border:0;
	line-height:20px;
}

.subjectNav ul li ul li.listlast a {
	padding:0 10px 7px 10px;
}
	
.subjectNav li.on ul a, .categoryNav li.off ul a {
  /*  cancel inherit of border on subnav of active topic */
	 background: #fff;
	 color: #666;
	}

.subjectNav ul li ul li a:hover {
	border:none;
	background:#efefef;
	color:#666;
	}


* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .subjectNav ul li { float: left; height: 1%; }
* html .subjectNav ul li a { height: 1%; }
/* End */





/****************************************
 * Featured Styles
 ****************************************/



/* styles for featured content in the primary or secondary cells */

.feature {
	margin-top:10px !important;
	}

.feature .top-left  {
	height:20px;
	width:5px;
	float:left;
	}
	
.feature .top-middle  {
	height:20px;
	float:left;
	margin:0;
	padding:0;
	}
	
.feature .top-middle p {
	margin:2px 5px !important;
	padding:0 !important;
	font-family:Verdana,sans-serif;
	font-size:8px;
	font-weight:bold;
	text-transform:uppercase;
	color:white;
	}
	
.feature .top-right  {
	height:20px;
	width:5px;
	float:left;
	}