/* ----- CLIENT NAME GLOBAL STYLESHEET ------*/
/* ----- CREATED:  ------------------*/

/* -- general styles for site -- */

body { /* only the font-family and color should change here */
	font-size:62.5%	;
	font-family:Arial, Verdana;
	line-height:1.4em;
	font-size:10pt;
	color:#000;
	background:#181818;
}
ul {}
li {}
p {margin-bottom:15px;line-height:1.2;}
a {color:#0066CC;text-decoration:none;}
a:hover {color:#4aa0c8;text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {
	color:#dd5526;
	font-size:20pt;
	margin-bottom:10px;
	line-height:1em;
	font-weight:normal;
}
h1 {font-size:18pt;}
h2 {font-size:14pt;margin-top:20px;}
h3 {font-size:12pt;color:#000;}
h4 {font-size:14pt;color:#000;}
h5 {font-size:12pt;color:#000;font-weight:bold;}
h6 {}

.printonly {display:none;}
.hide-text {text-indent:-9999px;}

/* ------------------------------------------- */
/* -- general layout styles for containers -- */

#full-page-wrapper { width:100%;}
#header,  #content-wrapper, #footer { /* these are all containers that need to be a fixed width for the site */	
	width:981px; /* fixed with of site content areas go here */
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#content-wrapper {background:#fff;}
#left-col {width:210px;float:left;}
#content-col {width:527px;float:left;} 
#right-col {width:241px;float:right;}

/* ------------------------------------------- */
/* ----- HEADER STYLES ------- */
#header-top {
	height:87px;
	background:url('/_themes/DCPL/images/header-bg.jpg') no-repeat 0 0;
}
	a#site-logo {padding:18px 0 0 18px;display:block;}
	#top-links {position:absolute;right:0;top:10px;}
		#top-links li {display:inline;color:#fff;}
			#top-links a, #top-links a:hover  {color:#fff;padding:0 10px;}		
				#top-links li.last a {padding-right:0;}
	#search-form {position:absolute;top:40px;right:0;}	
		#search-question {font-size:9pt;width:200px;height:17px;padding:0 3px;}
		input#search-submit {
			background:url('/_themes/DCPL/images/search-go-button.png') no-repeat 0 0;
			width:20px;
			height:19px;
			text-transform:capitalize;
			text-indent:-9999px;
			border:none;
			padding:0;
			cursor:pointer;
		}
			input:hover#search-submit {background-position:0 -19px;}
	/* branding photos in header */
	body#home #branding-photo {width:981px;height:295px;}
		body#interior #branding-photo {width:981px;height:89px;}
		
	/* main navigation horizontal */
	#main-nav {
		background:#f0f2f7 url('/_themes/DCPL/images/nav-bg-tile.png') repeat-x 0 0;
		border-bottom:1px solid #88acb4;
		height:32px;
		clear:both;
		float:left;
		width:981px;
	}
		#main-nav li {
			float:left;
			display:inline;
			height:32px;
			line-height:32px;
			border-right:1px solid #fff;
			border-left:1px solid #88acb4;
		}	
			#main-nav li.first {border-left:none;}
			#main-nav li.last {border-right:none;}
			#main-nav a {
				display:block;
				color:#000;
				font-weight:bold;
				padding:0 18px;
				font-size:11pt;
				background:#f0f2f7 url('/_themes/DCPL/images/nav-bg-tile.png') repeat-x 0 0;
			}
					#main-nav a:hover,
					#main-nav a.active {text-decoration:none;background-position:0 -32px;}
		
/* ------------------------------------------- */
/* ----- LEFT COLUMN  STYLES ------- */

#left-col {
	color:#fff;
	background:#e56125 url('/_themes/DCPL/images/lsb-bg-tile.png') repeat-x 0 100%;
}		
	#left-col-content {
		padding:14px;
	}
		#left-col img.side-logo {padding-left:30px;}
		.info-block {
			border-bottom:1px solid #f89f77;
			padding:8px 10px;
			overflow:hidden;
		}
			.info-block h3 {color:#fff;margin:0 0 3px 0;font-size:12pt;}
			.info-block p {
				line-height:1.3em;
				margin:0;
				font-size:9pt;
			}
			.info-block a {color:#fff;}
			.info-block ul {list-style:none;}
				.info-block li {overflow:hidden;padding:2px 0;}
				.info-block .day {width:35px;display:block;float:left;line-height:1.2em;}
				.info-block .time {width:120px;display:block;float:left;line-height:1.2em;}	
	a#cta-give {
		background:url('/_themes/DCPL/images/give-now.jpg') no-repeat 0 0;
		width:210px;
		height:122px;
		display:block;			
	}
		a:hover#cta-give {
			background-position:0 -122px;
		}
/* interior side navigation */
	h3#section-title a {color:#fff;font-size:13pt;}
	#side-nav {list-style:none;margin-bottom:20px;}
	#side-nav li {border-bottom:1px solid #f89f77;}
	#side-nav a {color:#fff;display:block;padding:5px 8px;line-height:1.2em;width:166px;} /* 182 minus padding */
		#side-nav a:hover {text-decoration:none;background:url('/_themes/DCPL/images/side-nav-hover.png') repeat-y 0 0}
				
			
/* ------------------------------------------- */
/* ----- CONTENT COLUMN  STYLES ------- */
#content-col {}
	#content {padding:20px;}
	#content ul,
	#content ol {
		margin:0 0 20px 30px;	
	}

/* ------------------------------------------- */
/* ----- RIGHT COLUMN  STYLES ------- */

#right-col {
	background:#f2f5fa;
}		
	#right-col h3 {color:#c53b25;font-size:14pt;}
	#right-col .widget {
		padding:15px;
	}
		.widget img {float:left;margin-right:10px;}
		.widget p {line-height:1.2em;margin-bottom:5px;}
		
/* ------------------------------------------- */
/* ----- FOOTER  STYLES ------- */		
#footer p {text-align:center;color:#fff;margin:5px 0;}




/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:295px;
	width: 981px;
	
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	
	
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500;
}