/*THIS FIXED THE PREVIEWCSS THING ON AUG 27 2011*/










body {
	background-color: #726A58;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#333;
}

p, li, ul { /* added MAKE THIS THE SAME AS P, LI, UL, and body */
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#333;
}


body.temppage { background-color: #726A58; }
a:link, a:visited {	/* includes links in info box on front page */
	color: #930;
	text-decoration: underline; 
}
a:hover { text-decoration: underline;} /* includes links in info box on front page */
a img, img, map { border: none; }

.content table, .content tbody, .content tr, .content td {
	border-spacing: 0px;
}

#wrapper {
	margin: 0 auto;
	display: block;
	width: 764px;
	position: relative;
	text-align: left;
}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
/*Start Header CSS ------------------------------------------------------------ */
.header {
	background: #B7A672 url(/images/uploaded/headerBG.gif) no-repeat scroll 0 0;
	width: 100%;
	overflow: hidden;
}
#cdtlogo { 
	float: left; 
	width: 350px;
	text-align: left;
}
.search-box {
	float: left;
	width: 275px;
	height: 39px;
	margin: 32px 0 0;
	text-align: right;
}
.search-box label {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	position: relative;
	top: -7px;
}
.input {
	width: 100px;
	height: 17px;
	vertical-align: top;
	border: 1px solid #958F82;
	margin: 5px 4px 0 2px;
}
.keywordSearch .searchbtn {
	margin: 4px 0 0;
}
#toplinks { 
	float: right;
	margin: 10px 0 0;
}
	
.banner {
	float: right; 
	width: 775px; 
	height: 90px; 
	overflow: hidden; 
	padding-top: 14px;
}
/*End Header CSS*/
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
/*Start Main Navigation CSS -------------------------------------------------- */


.mainMenu { 
	clear: left;
	width: 100%;
	height: 39px;  /* xxx */
	text-align: left;
	margin: 0;
	padding: 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff; /* xxx */
		margin:10 10 10 10;
	padding:10;

}
#menu, #menu * {
	list-style:	none;
}
		.mainMenu #menu {
			width: 764px;
			height: 38px;
			margin: 0 0 0 0px;
			padding: 0;
			text-align: center;
			line-height: 1.0;
			position: absolute;
			left: 0;
			/* background:url(/art/navBG.gif) 0 0 no-repeat; */
		}
		.mainMenu #menu ul { /* ??? */
			opacity: .85;
			position: absolute;
			top: -999em;
			width: 151px;
			overflow: auto;
		}
		.mainMenu #menu li { /* menu blocks */
			display: inline-block;
			text-align: center;
			margin: 8px -1px 0 0;
			padding: 0;  
			z-index: 99;
			text-transform: uppercase;
			width: 93px; /* affects width of each block */
			line-height: 33px;
			vertical-align: middle;
		}
		.mainMenu #menu ul li { /* ??? */
			display: block;
			width: 100%;
			padding: 5px 0;
			margin: 0;
			background: transparent;
			z-index: 99;
			text-align: left;
		}
		.mainMenu #menu li:hover {
			visibility:	inherit; /* fixes IE7 'sticky bug' */
		}
		.mainMenu ul#menu li a:link, .mainMenu ul#menu li a:visited {
			display: block;
			width: 89px;
			font: 10px/12px Tahoma, Geneva, sans-serif;
			font-weight:bold;
			color: #FFF;
			text-decoration: none;
			margin:5 0 5 0;
		}
.mainMenu ul#menu li a:hover { /* mouseover */
	text-decoration:underline;
}
		#menu li:hover ul,
		#menu li.sfHover ul {
			left:			auto;
			top:			33px;
			z-index:		99;
		}
		ul#menu li:hover li ul,
		ul#menu li.sfHover li ul {
			top:			-999em;
		}
		ul#menu li li:hover ul,
		ul#menu li li.sfHover ul {
			left:			175px;
			top:			0;
		}
		ul#menu li li:hover li ul,
		ul#menu li li.sfHover li ul {
			top:			-999em;
		}
		ul#menu li li li:hover ul,
		ul#menu li li li.sfHover ul {
			left:			175px;
			top:			0;
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		/*Sub Menu Navigation CSS ------------------------------------------ */
		.subMenu {
			vertical-align: top;
			text-align: left;
			padding: 0;
			margin: 0;
			width: 179px;
			background-color: #877f6f; /* COLOR BEHIND SUBMENU ON LEFT BAR */ /*a79f8e*/
			border-right: 1px solid #dddcd8;
}
		
		.sub-menu {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
			width: 179px;
			border: none;
			
		}
		
		.sub-menu li { /* ??? */
			background-color: #44439b;
			color: #73623d;
			font-size: 14px;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		.sub-menu li a:link, .sub-menu li a:visited { /* SUBMENU ITEMS */
			color:#fff;
			text-align: left;
			border-bottom: 1px solid #DDDCD8;
			text-transform:uppercase;
			font-size:12px;
			text-decoration: none;
			display: block;
			width: 167px;
			height: 100%;
			padding: 8px 6px;
			margin: 0;
			background-color: #575144;
		}
		
.sub-menu li a:hover { /* SUBMENU HOVER COLOR */
	background-color: #a79f8e;
}

.sub-menu li a.current { /* CURRENT ITEM */
	background-color: #930; 
}

.heading { /* FIRST SUBMENU BOX*/
	color: #fff;
	text-align: left;
	border-bottom: 1px solid #DDDCD8;
	margin:10 0 10 0;
}
.heading a:link, .heading a:visited { 
	text-decoration: none;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding:6 0 0 0;
	color:#fff;
}
		.subMenu .heading h3 {
			margin: 0;
			font: bold 13px Verdana, Tahoma, arial, sans-serif;
			padding: 0 0 0 7px;
			margin: 0;
		}
		
		/*End Main Navigation CSS*/
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		/*Start Content CSS ------------------------------------------------------ */
		
		#index { height: 392px; position: relative; }
		#index .hcontent2 { /* MINI NEWS BOX */
			height: 130px; 
			width: 300px; 
			float: inherit;
			position:absolute;
			bottom: 00;
			right: 00;
			/*
			background: #726A58;
			border-top: 1px solid #ED7A0E; 
			border-left: 1px solid #ED7A0E; 
			border-right: 1px solid #ED7A0E;
			*/
		}
		#infobox { /* ??? */
		}
		#infobox p { /* ??? */
		}
		
		.innerContent {
			background-color: white;
			width: 580px;
			overflow: hidden;
			padding: 0;
			vertical-align: top;
			overflow: hidden;
			border-right: 3px solid #726a58;
			border-left: 3px solid #726a58;
		}
		.innerContent .bodyimg {
			float: right;
			margin: 0;
			text-align: right;
		}
		.innerContent .bodyimg img {
			display: block;
			float: right;
			clear: right;
			margin: 5px 5px 15px 15px;
		}
		
		.imagecaption {
			font-size: 10px;
			font-style: italic;
			color: #7D735A;
			text-decoration: none;
			clear: right;
			margin: 0 5px 0 0;
			display: block;
			position: relative;
			top: -7px;
		}
		
		#innerarticle { padding: 20px; line-height: 150%; min-height: 400px;}
		.innerbody { width:100%; margin:auto; }
		.imagecaption {
			font-style: italic;
			color: #57492b;
		}
		h1.header, h2.header { background: none;}
.content { /* affects some text not marked inside a <p> tag */
	background: #eae2c2 url('/templates/spotlets/images/contentBg.gif') 0 0 no-repeat;
	width: 100%;			
	margin: 0;
	padding: 0;
}
		.content table#page { 
			border-left: 1px solid #dddcd8;
			border-right: 1px solid #dddcd8;
			border-bottom: 1px solid #dddcd8;
			margin: 0 0 15px;
			padding: 0;
		}
		
.content h1 {
	font-size: 22px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height:125%;
	color:#930;
	}
	
.content h2 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	color:#930;
	}
	
	
.content .heading h3 { /* for some reason includes first submenu heading */
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 11px;
	}
			
			
			
			
			
			
		
		.contentArea { /* HOME PAGE ONLY */
			background: url('/templates/spotlets/images/homeBg.gif');
			background-repeat: no-repeat;
			background-color: #FEFEFC;
		/*	width: 941px;*/
		}
		
		.contentArea p, li, ul { /* added MAKE THIS THE SAME AS P, LI, UL */
			margin: 0px;
			padding: 0px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9pt;
			color:#333;
			line-height:12pt;
		}


		
		/* .contentArea2 {
			background: url('/templates/spotlets/images/homeBg.gif');
			background-repeat: no-repeat;
			background-color: #FEFEFC;
			/*width: 941px;*/
			/*
			min-height: 290px;
			padding-left: 15px;
		} 
		*/
		
		.contentArea2 a {
			font-size: 14px;
			font-weight: bold;
			color: #695c39;
			text-decoration: none;
			}
		
		.contentArea2 h1 {
			color: #5d573f;
			font-size: 25px;
			font-weight: bold;
			margin: 0px;
			padding: 0px;
			}
		
		.contentArea2 h2 {
			color: #5d573f;
			font-size: 16px;
			font-weight: lighter;
			margin: 0px;
			padding: 0px;
			}
		
		.contentArea2 h3 {
			margin: 0px;
			padding: 0px;
		}
		
		.contentArea2 p {
			margin: 0px;
			padding: 0px;
			}
			
		.contentArea2 table, .contentArea2 tr, .contentArea2 tbody, .contentArea2 td {
			margin: 0px;
			padding: 0px;
			border: 0px;
			border-spacing: 0px;
			}
		
		.linkButton {
			background: url('/art/linkButton.gif') no-repeat;
			height: 49px;
			width: 249px;
			border: none;
			}
			
		.leftBox {
			width: 300px; 
			min-height: 317px; 
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
		.middleImg {
			 width: 327px;
			 min-height: 317px;
			 padding-top: 0px;
			 padding-bottom: 10px;
			}
		.leftBox h1, .middleImg h1 { font-weight: lighter; margin-left: 25px; margin-top: 10px; }
		.indexContentAds {
			margin: 15px;
			width: 275px; 
			min-height: 305px; 
		}
		/*End Content CSS*/
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		/*Start footer CSS*/
.footer {
	text-align: center;
	color: #fff;
	font: normal 10px tahoma, verdana, arial, sans-serif;
	padding-top: 5px;
	border-top: 1px solid #ED7A0E;
	line-height: 13px;
	clear: both;
}
		
.footer a { 
color: #444; 
text-decoration:underline;
}
.footer a:hover { color: #000; }

.footer p {
color: #444; 
	margin: 8px 0;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}

#footer-nav li a {
	font-size: 14px;
	text-decoration: underline;
	line-height: 15px;
	font-family: Arial;
}
		
		#footer-nav {
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		
		#footer-nav ul li:before {
			content: '::';
		}
			
		#footer-nav li:first-child:before {content:"";}
		
		#footer-nav li a {
			padding-left: 12px;
			padding-right: 12px;
		}
		
		#footer-nav ul li {
			display: inline;
			padding-top: 5px;
			background: none;
		}
		
		.footer-nav {
			background: #9D9D9D url('/templates/spotlets/images/navBg.gif') repeat;
			position: relative;
			z-index: 2;
			background-repeat: repeat-x;
			height: 27px;
		}
		
		.footer-nav ul {
			margin: 0px;
			padding: 0px;
			padding-top: 3px;
		}
		
		#footermenu {
			width: 100%;
			height: 40px; /* xxx */
			margin: 0;
			padding: 2px 0;
			border-bottom: 1px solid #fff;
		}
		#footermenu ul {
			text-align:center;
			list-style-type: none;
			margin: 0;
			padding: 0;
			
		}
		#footermenu li {
			display: inline;
			text-align: center;
		}
#footermenu li a  {  
	font-size: 9px;
	text-transform: uppercase;
	text-decoration: underline;
	color: #666;
	padding: 0px 4px;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
}	 
#footermenu ul li  a:hover { text-decoration: underline; color: #666;}
		
		
		/*End Footer CSS*/
		
		
		
		
		
		
		
		
		
		
		
		/*search CSS*/
		.searchContent {
			background-color: white;
			width: 100%;
			vertical-align: top;
			background: #726A58 url(/art/pageBG.gif) 0 0 repeat-y;
			text-align: left;
			margin: 0;
			padding: 0 0 30px;
			overflow: hidden;
			min-height: 400px;
		}
		.searchContent a:link, .searchContent a:visited { color: #000; text-decoration: underline; }
		.searchContent a:hover { color: #000; }
		.searchContent div.searchResults {
			width: 530px;
			margin: 0 0 0 210px;
			line-height: 26px;
		}
		.searchContent h2 {
			text-align: left;
			margin: 15px 0 0;
		}
		.searchContent h3 {
			font: bold 16px Verdana, Tahoma, arial, sans-serif;
			color: #000;
			margin: 0 0 15px;
		}