/* CSS Document for DCA website */

/* ---------- Global whitespace reset ---------- DISABLED */

/*
* {
	margin: 0;
	padding: 0;
}
*/

/* ---------- Main structural elements ---------- */

html, body {
	margin: 0;
	padding: 0;
	background: url(../../assets/images/content-bg.jpg) repeat-x 0 156px #396683;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
}

#banner {
	height: 109px;
	margin: 0;
	padding: 0;
	background: url(../images/banner-bg.png) left bottom repeat-x #FFF;
	border-bottom: 1px solid #E2E2E2;
}
#banner img {
	border:none;
}

#mainNav {
	height: 46px;
	background: url(../../assets/images/nav-border.png) repeat-x left bottom #C0C0C1;
	margin: 0;
	padding: 0;
}

#content {
	clear: both;
	margin: 0;
	padding: 20px;
	background: url(../../assets/images/content-bg-pic.jpg) no-repeat top left;
}

#subNav {
	float: left;
	width: 11em;
	margin: 0;
}

#mainContent {
	margin: 0 5% 0 12.5em;
	padding: 0 1.5em;
	background: url(../images/border-v-dotted.png) repeat-y top left;
	max-width: 40%;
}

#footer {
	margin: 0;
	padding: 3em 2em 2em 3em;
	clear: both;
	background-color: #274f6d;
}


/* ---------- Banner ---------- */

#banner img {
	margin: 0;
	padding: 0;
}

/* ---------- Main navigation ---------- */

#mainNav ul {
	list-style: none;
	height: 2.9em;
	margin: 0;
	padding: 0;
	background: url(../../assets/images/nav-bg.jpg) repeat-x left bottom;
	font-size: .75em;
	font-weight: bold;
}

#mainNav li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

#mainNav a {
	display: block;
	color: #FFF;
	text-decoration: none;
	margin: .75em 0;
	padding: 0 20px;
	border-right: 2px solid #CCC;
}

#mainNav li.last a {
	border-right: none;
}

#mainNav a:hover, #mainNav li.highlighted a, #mainNav li.parent a{
	color: #8E1002;
}


/* ---------- Sub navigation ---------- */

#subNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 70%;
}


#subNav li {
	margin-bottom: 1px;
}

#subNav a {
	display: block;
	padding: 10px;
	color: #F8E6E4;
	background: url(../../assets/images/subnav-bg.png) repeat-x left bottom #6A8091;
	width:156px;
}

#subNav a:hover, #subNav li.highlighted a, #subNav li.parent a{
	background: url(../../assets/images/subnav-bg-hover.png) repeat-x left bottom #841D1D;
}

/* ---------- Third level ---------- */

#subNav ul ul {
	font-size: 100%;
}

#subNav li li {
	margin-bottom: 0px;
}

#subNav li.highlighted ul a,#subNav li.parent ul a{
	color:#405563;
	padding: 5px 0px 5px 25px;
	background-color:#b0c0cc;
	background-image:url(../images/tertiary_arrow.gif); 
	background-repeat:no-repeat; 
	background-position:left;
	width:151px;
}

#subNav li.highlighted ul li.highlighted a,#subNav li.parent ul li.highlighted a{
	font-weight:bold;
	color:#8e1002;
}

/* ---------- Breadcrumbs ---------- */

#breadcrumbs {
	margin: 0;
	padding: 0;
	font-size: .7em;
}

#breadcrumbs a {
	color: #E7BD98;
}

#breadcrumbs{background-image:url(../images/dotted_line.gif); background-position:top; background-repeat:repeat-x}



/* ---------- Main content elements ---------- */

h1, h2, h3, h4, h5, h6 {
	color: #CDEBFF;
}

h1 {
	font-size: 1.25em;
	font-weight: normal;
}

h2 {
	margin-top: 20px;
	padding-top: 20px;
	font-size: .9em;
	background: url(../images/border-h-dotted.png) repeat-x top;
}

h3 {
	margin-top: 10px;
	padding-top: 10px;
	font-size: .8em;
	color:#fff;
}

p {
	font-size: .75em;
	line-height: 1.6em;
}

ul {
	font-size: .75em;
}

ul ul {
	font-size: 100%;
}

a {
	color: #E7BD98;
}

td{vertical-align:top;}


/* ---------- Photos column ---------- */

#photos {
	float: right;
	width: 34%;
	margin-left: 20px;
	margin-right: 1%;
	margin-top: 2em;
}

#photos img {
	border: 4px solid #153146;
	margin-bottom: 20px;
	display: block;
}


/* ---------- Footer elements ---------- */

#footer ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: .66em;
}

#footer li {
	float: left;
	line-height: 1em;
	padding: 0 .5em;
	border-right: 1px solid #ACDAF4;
}

#footer li.last {
	border: none;
}

#footer a {
	color: #FFF;
}

#footer p {
	float: right;
	margin: 0;
	padding: 0;
	font-size: .66em;
	line-height: 1em;
	color: #ACDAF4;
}


/* ---------- Hacks for IE6/Win ---------- */

/* required to prevent logo from sitting 2px too high (?) */
* html #banner img {
	position: absolute;
	left: 0;
	top: 0;
}



/* forces correct layout for mainContent div */
 #mainContent {
	margin-right: 35%;
}


/* ---------- Hacks for IE5/Win ----------  DISABLED

/* gives width to submenu links so they display as block properly 
* html #subNav a {
	width: 15em;
}

/* forces correct layout for mainContent div 
* html #mainContent {
	margin-top: 20px;
	width: 99%;
}

/* forces footer content off the bottom of the footer element 
* html #footer * {
	margin-bottom: 2em;
}

* html #subNav li  {
	margin-bottom: 0;
	margin-top: 0;
}
*/