/*css and page design by Brian Liddell,  http://www.liddell.co.uk/ */

/* basic styles ------------------------------------------------*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, img {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	background-color: #CECECE;
}
a:visited {
	font-weight: normal;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	background-color: #CECECE;
}
.right {
	float: right;
}
.left{
	float: left;
}

/*basic layout ------------------------------------------------*/

#container {
	text-align: left;
	width: 880px;	/* NEW width with no extra pixels */
	margin: 0 auto;
	padding: 0;
}
#banner {
	background-color: #fffbd3;
	background-image: url(../images/graphics/dha_logo.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 80px;
}
#banner span {
	visibility: hidden;
	position: relative;
}
#content_first {	/* NEW Container to allow content div to come first in html */
	text-align: left;
	width: 655px;	/* Was 650 -- made wider to accommodate wide menu items */
	float: left;	/* NEW Float content_first left */
	margin: 0;	
	padding: 0;
}
#content {
	top: 0;
	left: 220px;
	width: 425px;
	float: right;	/* NEW Float content right (part of 'content_first' change) */
	margin: 0;
	padding: 0;
	overflow: visible;	/* A workaround to fix italics 'breakout' problem in IE */
}
#leftcolumn {
	text-align: right;
	top: 0;
	left: 0;
	width: 215px;	/* Was 210 -- made wider to accommodate wide menu items */
	float: left;
	margin: 15px 15px 0 0;
	padding: 0;
	overflow: visible;	/* A workaround to fix italics 'breakout' problem in IE */
}
#rightcolumn {
	top: 0;
	left: 0;	/*NEW Zero out left value (part of 'content_first' change)  */
	width: 210px;
	float: left;
	margin: 15px 0 0 15px;
	padding: 0;
	text-align: left;
	overflow: visible;	/* A workaround to fix italics 'breakout' problem in IE */
}
#footer {
	background-color: #fffbd3;
	width: auto;
	clear: both;
	margin: 0;
	padding: 0;
}

/*side columns------------------------------------------------*/

.nav1 .head {
	color: #fff;
	font-size: 11px;
	background-color: #900;
	text-transform: capitalize;
	padding: 1px 3px 1px 3px;
}
.nav1 a.head {	/* NEW. to allow header links in nav1 div */
	color: #fff;
	font-size: 11px;
	background-color: #900;
	text-transform: capitalize;
	padding: 1px 3px 1px 3px;
}
.nav1 a:hover {		/* NEW. to allow header links in nav1 div */
	text-decoration: none;
	background-color: #CECECE;
}
.nav1 ul {
	color: #900;
	font-size: 12px;
	line-height: 18px;
	margin: 0.5em 0 1em;
	padding: 0;
	list-style-type: none;
}
.nav1 form {
	margin: 0.5em 0 0 0;
	padding: 0;
	border: 0;
}
.nav1 a {	/* MOVED to end of .nav1 statements */
	color: #900;
	font-weight: normal;
	text-decoration: none;
}
.nav2 .head {
	color: #fff;
	font-size: 11px;
	background-color: #39c;
	text-transform: capitalize;
	padding: 1px 3px 1px 3px;
}
.nav2 a.head {	/* NEW. to allow header links in nav2 div */
	color: #fff;
	font-size: 11px;
	background-color: #39c;	/* Was 39c -- too light for good visibility */
	text-transform: capitalize;
	padding: 1px 3px 1px 3px;
}
.nav2 a:hover {		/* NEW. to allow header links in nav2 div */
	text-decoration: none;
	background-color: #CECECE;
}
.nav2 ul{
	color: #2C84AF;	/* Was 39c -- too light for good visibility */
	font-size: 12px;
	line-height: 18px;
	margin: 0.5em 0 1em;
	padding: 0;
	list-style-type: none;
}
.nav2 form{
	margin: 0.5em 0 0 0;
	padding: 0;
	border: 0;
}
.nav2 a {
	color: #2C84AF;	/* Was 39c -- too light for good visibility */
	font-weight: normal;
	text-decoration: none;
}
.nav3 .head {
	color: #fff;
	font-size: 11px;
	background-color: #900;
	text-transform: capitalize;
	padding: 1px 3px 1px 3px;
}
.nav3 a.head {	/* NEW. to allow header links in nav3 div */
	color: #fff;
	font-size: 11px;
	background-color: #900;
	text-transform: capitalize;
	padding: 1px 3px 1px 3px;
}
.nav3 a:hover {		/* NEW. to allow header links in nav3 div */
	text-decoration: none;
	background-color: #CECECE;
}
.nav3 ul {
	color: #900;
	font-size: 12px;
	line-height: 18px;
	margin: 0.5em 0 1em;
	list-style-type: none;
	padding: 0;
}
.nav3 a {
	color: #900;
	font-weight: normal;
	text-decoration: none;
}
.news .head {
	color: #fff;
	font-size: 11px;
	background-color: #990000;
	text-transform: capitalize;
	padding: 1px 3px 1px 3px;
}
.news a.head {	/* NEW. to allow header links in news div */
	color: #fff;
	font-size: 11px;
	background-color: #990000;
	text-transform: capitalize;
	padding: 1px 3px 1px 3px;
}
.news a:hover {		/* NEW. to allow header links in news div */
	text-decoration: none;
	background-color: #CECECE;
}
.news ul {
	color: #666;
	font-size: 12px;
	line-height: 18px;
	list-style-type: disc;
	padding: 0;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 1em;
}
.news a {
	color: #900;
	font-weight: normal;
	text-decoration: none;
}
.adz img{
	float: left;
}
.adz h3{
	color: #900;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 0.2em;
}
.adz p{
	color: #900;
	line-height: 18px;
	margin-bottom: 0.7em;
	font-size: 12px;
}
.adz a {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}
.quote p {
	color: #39c;
	font-size: 13px;
	line-height: 24px;
	margin-top: 0.5em;
/*	margin-left: 25px;	/* Originally 25px. NEW to allow quotes to work in right column.
	NOTE side effect: need to break text so that final quote mark is not widowed to next line */
}
.author {
	color: #39c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
}
.boxtop {
	background-image: url(../images/graphics/box_top.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 210px;
}
.box {
	width: 210px;
	margin: 0;
	top: 0px;
	position: relative;
	background-image: url(../images/graphics/box_middle.gif);
	background-repeat: repeat-y;
}
.boxbottom {
	background-image: url(../images/graphics/box_bottom.gif);
	background-repeat: no-repeat;
	height: 31px;
	width: 210px;
	position: relative;
	top: -6px;
}
.box h3 {
	color: #900;
	font-size: 19px;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-weight: normal;
	line-height: 24px;
	text-transform: capitalize;
	margin: 0 30px 0 20px;
	position: relative;
	top: -7px;
}
.box p {
	color: #900;
	font-size: 11px;
	font-family: "Comic Sans MS", Arial, sans-serif;
	line-height: 16px;
	margin: 0 30px 6px 20px;
}
.box ul {
	color: #900;
	font-size: 11px;
	font-family: "Comic Sans MS", Arial, cursive;
	line-height: 16px;
	list-style-type: disc;
	padding: 0;
	margin: 0 30px 6px 35px;
}
.box a {
	color: #900;
	font-weight: bold;
	text-decoration: none;
}
/*content column------------------------------------------------*/

#content p {
	font-size: 12px;
	line-height: 20px;
	padding: 0;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0.8em;
	margin-left: 15px;
}
#content ul {
	font-size: 12px;
	line-height: 19px;
	padding: 0;
	list-style-type: disc;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0.8em;
	margin-left: 4em;
}
#content ol {	/* NEW: Sometimes need ordered list in content div */
	font-size: 12px;
	line-height: 19px;
	padding: 0;
/*	list-style-type: disc;	*/
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0.8em;
	margin-left: 4em;
}
#content blockquote {
	font-size: 12px;
	line-height: 19px;
	padding: 0;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0.8em;
	margin-left: 3em;
	font-style: italic; /* Italics can cause a 'breakout' problem in IE */
}
#content h1 {
	font-size: 22px;
	font-weight: normal;
	line-height: 25px;
	text-transform: capitalize;
	border-top-width: 8px;
	border-right-width: 20px;
	border-bottom-width: 8px;
	border-left-width: 15px;
	border-style: solid;
}
#content h2 {	/* Original version */
	font-size: 10px;	/* Originally 10px*/
	font-weight: normal;
	line-height: 12px;	/* Originally 12px*/
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: -2px;	/* Originally -2px*/
	border-top-width: 9px;	/* Originally 9px*/
	border-right-width: 15px;
	border-bottom-width: 0px;	/* Originally 0px*/
	border-left-width: 15px;
	border-style: solid;
}
/* New version -- for use below h1 
#content h2 {
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	border-top-width: 0px;
	border-right-width: 15px;
	border-bottom-width: 5px;
	border-left-width: 15px;
	border-style: solid;
} */
#content h3 {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	margin-top: 1.5em;
	margin-right: 20px;
	margin-bottom: 0.5em;
	margin-left: 15px;
}
#content h4 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	text-transform: capitalize;
	margin-top: 1.5em;
	margin-right: 20px;
	margin-bottom: 0.5em;
	margin-left: 15px;
}
#content h5 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 19px;
	overflow: visible;	/* A workaround to fix 'breakout' problem in IE */
	font-style: italic; /* Italics can cause a 'breakout' problem in IE */
	text-transform: capitalize;
	margin-top: 0.5em;
	margin-right: 20px;
	margin-bottom: 0.5em;
	margin-left: 15px;
}
#content a {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*content color themes ------------------------------------------------*/

.rust {
	background-color: #EBE3CB;
}
.rust h1, .rust h2 {
	color: #fff;
	background-color: #900;
	border-color: #900;
}
.rust h3, .rust h4, .rust h5, .rust a {
	color: #900;
}
.skyblue {
	background-color: #e6e6e6;
}
.skyblue h1, .skyblue h2 {
	color: #fff;
	background-color: #39c;
	border-color: #39c;
}
.skyblue h3, .skyblue h4, .skyblue h5, .skyblue a {
	color: #39c;
}
.dustygreen {
	background-color: #e5e2ca;
}
.dustygreen h1, .dustygreen h2 {
	color: #fff;
	background-color: #629d9d;
	border-color: #629d9d;
}
.dustygreen h3, .dustygreen h4, .dustygreen h5, .dustygreen a {
	color: #629d9d;
}
.naturalgreen {
	background-color: #f2e3ae;
}
.naturalgreen h1, .naturalgreen h2 {
	color: #fff;
	background-color: #993;
	border-color: #993;
}
.naturalgreen h3, .naturalgreen h4, .naturalgreen h5, .naturalgreen a {
	color: #993;
}
.lavender {
	background-color: #efeee1;
}
.lavender h1, .lavender h2 {
	color: #fff;
	background-color: #669;
	border-color: #669;
}
.lavender h3, .lavender h4, .lavender h5, .lavender a {
	color: #669;
}

/*footer ------------------------------------------------*/

.credits {
	color: #666;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: center;
	width: 395px;
	left: 0px;
	position: relative;
	border-top-width: 15px;
	border-right-width: 0px;
	border-bottom-width: 15px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fffbd3;
	border-right-color: #fffbd3;
	border-bottom-color: #fffbd3;
	border-left-color: #fffbd3;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.credits a {
	color: #39c;
	font-weight: normal;
	text-decoration: none;
}