/*
Theme Name: DLH
Theme URI: http://
Description: DLH
Version: 0.1
Author: 
Author URI: http://

*/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


.leftcolumn {
	float:left;
}
.rightcolumn {
	float:right
}
body {
	color:#FFFFFF;
	font-family:Arial, Verdana, Helvetica;
	font-size:12px;
	position:relative;
	background-color:#0176A2;
	background-image: url(i/body-bg.jpg);
	background-repeat: repeat;
}
div.outer {
	width:100%;
	height:auto;
	position:relative;
	background-image:url(i/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div.inner {
	margin:0 auto;
	width:962px;
	position:relative;
	padding-top:280px;
}
.header {
	display:block;
	width:962px;
	height:260px;
	margin-top:0px;
	position:relative;
}
div.header div.menu-left {
	display:block;
	height:200px;
	width:40px;
	background:url(i/menu-left.jpg) no-repeat;
	float:left;
}
div.header ul{
	float:left;
	cursor:pointer;
}

div.header ul li{
	float:left;
	display:block;
	height:200px;
	cursor:pointer;
}

div.header ul li a{
	display:block;
	height:200px;
	text-indent:-10000px;
	cursor:pointer;
}

div.header ul li a:hover{
	cursor:pointer;
}

div.header ul li.menu-01 a{
	width:160px;
	background:url(i/menu-01.jpg) no-repeat;
	
}

div.header ul li.menu-01 a.current-39,
div.header ul li.menu-01 a:hover
{
	width:160px;
	background:url(i/menu-01-h.jpg) no-repeat;
}

div.header ul li.menu-02 a{
	width:140px;
		background:url(i/menu-02.jpg) no-repeat;
}

div.header ul li.menu-02 a.current-78,
div.header ul li.menu-02 a:hover{
	width:140px;
		background:url(i/menu-02-h.jpg) no-repeat;
}

div.header ul li.menu-03 a{
	width:140px;
	background:url(i/menu-03.jpg) no-repeat;
}
div.header ul li.menu-03 a.current-86,
div.header ul li.menu-03 a:hover{
	width:140px;
	background:url(i/menu-03-h.jpg) no-repeat;
}
div.header ul li.menu-04 a{
	width:140px;
	background:url(i/menu-04.jpg) no-repeat;
}

div.header ul li.menu-04 a.current-92,
div.header ul li.menu-04 a:hover{
	width:140px;
	background:url(i/menu-04-h.jpg) no-repeat;
}

div.header ul li.menu-05 a{
	width:160px;
	background:url(i/menu-05.jpg) no-repeat;
}
div.header ul li.menu-05 a.current-100,
div.header ul li.menu-05 a:hover{
	width:160px;
	background:url(i/menu-05-h.jpg) no-repeat;
}
div.header ul li.menu-06 a{
	width:120px;
	background:url(i/menu-06.jpg) no-repeat;
}
div.header ul li.menu-06 a.current-31,
div.header ul li.menu-06 a:hover{
	width:120px;
	background:url(i/menu-06-h.jpg) no-repeat;
}

div.header div.menu-right {
	display:block;
	height:200px;
	width:60px;
	background:url(i/menu-right.jpg) no-repeat;
	float:left;
}

div.header div.menu-bottom {
	display:block;
	height:60px;
	width:938px;
	background:url(i/menu-bottom.jpg) no-repeat;
	clear:both;
	float:none;
	margin-left:11px;
}

#content {
	width:939px;
	background:url(i/content-bg.jpg) repeat-y;
	position:relative;
	margin-left:11px;
}

#content div.content-bottom{
	clear:both;
	display:block;
	background:url(i/content-bottom.jpg) no-repeat;
	height:20px;
	width:939px;
}


#left-menu {
	display:block;
	width:220px;
	float:left;
	background:none;
	padding-left:24px;
}

#left-menu ul li {
	font-size:16px;
	color:#fff;
	line-height:24px;
	margin:5px 0;
}


#left-menu ul li a {
	color:#fff;
	text-decoration:none;
	background:url(i/ul.gif) no-repeat 0px 4px;
	padding:0 0 0 30px;
	display:block;
}

#left-menu ul li ul li {
	display:none;
	font-size:14px;
	line-height:14px;
	}


#left-menu ul li.current_page_item ul li ,
#left-menu ul li.current_page_ancestor ul li  {
	display:block;
}	
	
#left-menu ul li.current_page_item a {
	color:#a1cfe1;
	text-decoration:none;
	background:url(i/ul-down.gif) no-repeat 0px 0;
	padding:0 0 0 30px;
}


#left-menu ul li.current_page_item ul li a,
#left-menu ul li.current_page_ancestor ul li   a {
	color:#fff;
	text-decoration:none;
	background:url(i/li.gif) no-repeat 18px 4px;
	padding:0 0 0 40px;
	}

#left-menu ul li.current_page_item ul li ul li a,
#left-menu ul li.current_page_ancestor ul li  ul li a{
	background:none;
	padding-left:45px;
}

/*---- 2 ----*/


#left-menu ul li.current_page_ancestor a {
	color:#a1cfe1;
	text-decoration:none;
	background:url(i/ul-down.gif) no-repeat 0px 0;
	padding:0 0 0 30px;
}

#left-menu ul li.current_page_ancestor ul li.current_page_item a{
	color:#a1cfe1;
}

#left-menu ul li.current_page_ancestor ul li.current_page_item ul li a{
	color:#fff;
	background:none;
	padding-left:45px;
}

/*---- 3 ----*/

#left-menu ul li.current_page_ancestor ul li.current_page_parent a{
	color:#a1cfe1;
	text-decoration:none;
}

#left-menu ul li.current_page_ancestor ul li.current_page_parent ul li a{
	color:#fff;
	background:none;
	padding-left:45px;
}	

#left-menu ul li.current_page_ancestor ul li.current_page_parent ul li.current_page_item a{
	color:#a1cfe1;
	text-decoration:none;
	background:none;
	padding-left:45px;
	display:block;
	}
	


/****** end menu *****/


.textcolumn {
	width:650px;
	margin-left:270px;
	position:relative;
	min-height:800px;
	height:auto !important;
	height:800px;
}

.article {
	padding:10px;
	line-height:1.5em;
	padding-bottom:1.5em;
}
.article a, .article a:active {
	color:#fff;
	text-decoration:underline;
}
.article a:hover {
	color:#bbb;
}
.article p {
	padding:1em 0;
}
.article h1 {
	font-size:22px;
	padding-bottom:0.5em;
}
.article h2 {
	font-size:16px;
}
.article h3 {
	font-size:14px;
}
.article blockquote {
	margin: 1em 0 1em 50px;
	padding: 7px 15px;
	background: #555555;
	border-left: 3px solid #c9dbed;
	font-size: 12px;
	line-height: 1.5em;
	color:#ccc;
}
.article ul, .article ol {
	margin: 1em 0 1em 35px;
	font-size: 12px;
}
.article ul {
	list-style: disc;
}
.article ol {
	list-style: decimal;
}
.article li {
	margin: 0 0 7px;
}

.article table,
.article tr,
.article td
 {
	padding:2px;
	border:#fff 1px solid;
}

#footer {
	margin:50px auto 0;
	width:939px;
	position:relative;
	/*background:url(i/footer-bg.jpg) bottom repeat-x;*/
	display:block;
	height:73px;
	padding-top:7px;
}

#footer p a{
	color:#fff;
	text-decoration:underline;
	}

#footer .footer-left {
	display:block;
	background:url(i/footer-left.jpg) no-repeat;
	height:80px;
	width:69px;
	position:absolute;
	top:0px;
	left:0px;
}	


#footer .footer-middle {
	display:block;
	background:#368fb1 url(i/footer-right.jpg) no-repeat right;
	height:73px;
	width:100%;
	/*margin-left:69px;*/
}

#footer .footer-middle p.copy-left{
	padding:32px 0 0 80px;
	float:left;
}

#footer .footer-middle ul.logos{
	float:right;
	display:block;
	padding:15px 0 0 0;
	margin-right:75px;
}

#footer .footer-middle ul li{
	display:block;
	float:left;
	margin:0 15px;
}

#footer .footer-middle p.copy-hands{
	margin:25px 25px 0 0;
	float:right;
	display:block;
	height:24px;
	/*width:150px;*/
	background:url(i/copy-hands.jpg) no-repeat 0 0;
	padding:5px 0 0 29px;
}
























