/*
Title: NNDFN website screen.css
Updated: May 3 2009
*/

/* Layout
------------------------------------------- */

#root {
	height: 100%;
	}
	
 #logo {
	position: absolute;
	left: 50%;
	top: 12px;
	z-index: 40;
	width: 386px;
	height: 80px;
	margin: 0 0 0 -469px;
	background: url("/images/layout/logo-b.png") no-repeat;
	}
	
  #logo a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 170px;
	height: 170px;
	background: url("/images/layout/logo-a.png") no-repeat;
	text-indent: -10001px;
	}
	
 #top {
	position: absolute;
	z-index: 30;
	width: 100%;
	background: url("/images/layout/bg-top-a.png") repeat-x;
	}
	
  #top div.inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
	}
	
   #nav {
	height: 115px;
	}
	
    #nav ul.primary {
		float: right;
		list-style: none;
		margin: 69px 0 0;
		padding: 0 25px 0 0;
		}
		
     #nav ul.primary li {
		display: inline;
		float: left;
		margin: 0 0 0 30px;
		font-size: 1.3em;
		line-height: 1;
		font-weight: bold;
		text-transform: uppercase;
		}
		
		#nav ul.primary li a {
			float: left;
			padding: 7px 0;
			color: #c7bda1;
			text-decoration: none;
			}

		#nav ul.primary li a:hover, #nav ul.primary li a:focus {
			color: #fff;
			text-decoration: none;
			}

		#nav ul.primary li a.active {
			border-bottom: 1px solid #fff;
			color: #fff;
			}

		#nav ul.primary li em {
			position: absolute;
			left: -10001px;
			top: -10001px;
			}
		
    #nav div.secondary {
		position: absolute;
		right: 0;
		top: 5px;
		float: right;
		}
		
     #nav div.secondary ul {
		float: left;
		list-style: none;
		margin: 0;
		padding: 1px 10px 0 0;
		}
		
	#nav div.secondary ul li {
		display: inline;
		float: left;
		margin: 0 15px 0 0;
		font-size: 1.1em;
		text-transform: uppercase;
		}
		
		#nav div.secondary ul li a {
			color: #c7bda1;
			text-decoration: none;
			}
			
		#nav div.secondary ul li a:hover, #nav div.secondary ul li a:focus {
			color: #fff;
			}
			
		#nav div.secondary ul li a.active {
			color: #fff;
			}

		#nav div.secondary ul li em {
			position: absolute;
			left: -10001px;
			top: -10001px;
			}

		#nav div.secondary form {
			float: left;
			margin: 0;
			padding: 0;
			}

		#nav div.secondary form p {
			float: left;
			font-size: 1.1em;
			}

		#nav div.secondary form p label {
			display: none;
			}
		
       #nav div.secondary form p input {
			width: 150px;
			padding: 1px 2px;
			border: 1px solid #ddd;
			vertical-align: middle;
			}
	
		#nav div.secondary form p button {
			overflow: hidden;
			width: 56px;
			height: 19px;
			margin: 0 0 0 5px;
			border: none;
			background: url("/images/layout/button-search-a.png") no-repeat;
			text-indent: -10001px;
			vertical-align: middle;
			}
		
	#header {
		background: url("/images/layout/bg-header-a.png") 0 100% repeat-x;
		}
	
		#header div.inner {
			width: 530px;
			margin: 0 auto;
			padding: 13px 235px 2px 195px;
			color: #fff;
			}
	
	    #header div.inner h1 {
			margin: 0 0 15px;
			padding: 0;
			color: #fff;
			font: 1.8em/1.4 "Trebuchet MS", Helvetica, sans-serif;
			}
		
	    #header div.inner div.button-a {
			margin: -5px 0 0;
			padding: 0 0 14px;
			}
		
 #wrap {
	min-height: 100%;
	padding: 0 0 1px;
	background: url("/images/layout/bg-content-c.png") 50% 100px no-repeat;
	}
	
	#picture {
		position: relative;
		z-index: 10;
		}

		#picture p {
			width: 960px;
			margin: 0 auto;
			}

		#picture p img {
			display: block;
			}

	#content {
		position: relative;
		z-index: 20;
		margin: -10px 0 0;
		padding: 10px 0 0;
		background: url("/images/layout/bg-content-a.png") repeat-x;
		}

		#content div.content-inner {
			position: relative;
			width: 918px;
			margin: 0 auto;
			padding: 15px 20px 12em;
			}
	
 #footer {
	position: relative;
	z-index: 50;
	width: 100%;
	height: 9.6em;
	margin: -9.6em 0 0;
	padding: 0 0 1px;
	background: #534a3f url("/images/layout/bg-footer-a.gif") repeat-x;
	}
	
  #footer div.inner {
	width: 920px;
	margin: 0 auto;
	padding: 15px 20px 15px;
	color: #9c9a79;
	text-align: right;
	}
	
	#footer div.inner p {
		margin: 0 0 5px;
		font-size: 1em;
		}
	
	#footer div.inner a {
		color: #9c9a79;
		}
	
	#footer div.inner ul {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	
	#footer div.inner ul li {
		display: inline;
		float: left;
		margin: 0 0 0 15px;
		padding: 0 0 8px;
		font-size: 1em; text-transform: uppercase;
		}
	
		#footer div.inner ul li a {
			text-decoration: none;
			}
	
		#footer div.inner ul li a:hover, #footer div.inner ul li a:focus {
			color: #fff;
			}
	
		#footer div.inner p.author {
			clear: both;
			width: 430px;
			margin: 0 0 0 auto;
			padding: 5px 0 0;
			border-top: 1px solid #363029;
			}
	
		#footer div.inner p.author img {
			margin: -1px 0 0;
			vertical-align: middle;
			}
   
/* Skip links
------------------------------------------- */

	#skip-links {
		position: absolute;
		top: 0;
		left: -10001px;
		list-style: none;
		margin: 0;
		padding: 0;
		}

	#skip-links li a:focus, #skip-links li a:active {
		display: block;
		position: absolute;
		left: 10001px;
		top: 4px;
		z-index: 10001;
		width: 350px;
		padding: 2px 0;
		color: #fff;
		font-size: 11px;
		text-align: center;
		}

/* General
------------------------------------------- */

	.content-box span {
		color: #580e0c;
		}

	div.box-a {
		width: 300px;
		margin: 0 0 15px;
		padding: 0 0 7px;
		background: url("/images/layout/box-a-bottom-a.png") 50% 100% no-repeat;
		}
		
	div.box-a h2 {
		width: 280px;
		margin: 0;
		padding: 6px 10px;
		background: url("/images/layout/box-a-top.png") 50% 0 no-repeat;
		color: #fff;
		font-size: 1.1em;
		font-weight: normal;
		line-height: 1.2;
		text-transform: uppercase;
		}
		
	div.box-a div.inner {
		width: 280px;
		padding: 10px 10px 1px;
		background: #fff;
		}
		
	div.box-a div.inner p {
		margin: 0 0 5px;
		}
		
	div.box-a div.inner p.more {
		position: relative;
		width: 280px;
		margin: 0 -10px -10px;
		padding: 3px 10px 5px;
		background: url("/images/layout/box-a-bottom-b.png") 50% 100% no-repeat;
		font-size: 1em;
		text-align: right;
		}
		
	div.box-a div.inner p.more a {
		padding: 0 15px 0 0;
		background: url("/images/layout/box-a-bottom-b-bullet.gif") 100% 70% no-repeat;
		color: #c7bda1;
		font-style: italic;
		text-decoration: underline;
		}
		
	div.box-a div.inner p.more a:hover, div.box-a div.inner p.more a:focus {
		color: #fff;
		}

	div.button-a {
		overflow: hidden;
		width: 100%;
		margin: 0 0 15px;
		}
	
	div.button-a p {
		float: left;
		margin: 0;
		padding: 0 0 0 5px;
		background: url("/images/layout/button-a.png") no-repeat;
		font-size: 1em;
		line-height: 26px;
		text-transform: uppercase;
		}
	
	div.button-a p a {
		position: relative;
		float: left;
		margin: 0 -3px 0 0;
		padding: 0 10px 0 5px;
		background: url("/images/layout/button-a.png") 100% 0 no-repeat;
		color: #fff;
		text-decoration: none;
		}

	div.button-a p a:hover, div.button-a p a:focus {
		color: #fff;
		text-decoration: underline;
		}
	
	div.button-a p a span {
		float: left;
		height: 27px;
		padding: 0 15px 0 0;
		background: url("/images/layout/button-a-arrow.gif") 100% 50% no-repeat;
		cursor: pointer;
		}

	div.columns-two-a, div.columns-three-a {
		overflow: hidden;
		width: 100%;
		}
	
		div.columns-two-a div.column, div.columns-three-a div.column {
			display: inline;
			float: left;
			width: 300px;
			margin: 0 0 0 9px;
			}
	
			div.columns-two-a div.primary, div.columns-three-a div.primary {
				margin: 0;
				}

				div.columns-two-b, div.columns-three-b {
					overflow: hidden;
					width: 100%;
					}
				
				div.columns-two-b div.column {
					display: inline;
					float: left;
					width: 584px;
					margin: 0 34px 0 0;
					}
	
				div.columns-three-b div.column {
					display: inline;
					float: left;
					width: 275px;
					margin: 0 34px 0 0;
					}
	
				div.columns-two-b div.tertiary, div.columns-three-b div.tertiary {
					width: 300px;
					margin: 0;
					}

	div.contact-a {}
	
	div.contact-a p {
		font-size: 1.2em;
		}
	
	div.contact-a p.fn {
		margin: 0 !important;
		}
	
	div.contact-a strong {
		font-weight: normal;
		}

	div.column-a {
		margin: 0 0 20px;
		}
		
		.content-box {
			margin-bottom: 30px;
			}
	
	div.column-a h3 {
		margin: 0 0 10px 0;
		font-size: 1.4em;
		color: #1E1B17;
		}
		
		.content-box h3 {
			margin: 2px 0 15px 0;
			color: #1E1B17;
			}
	
	div.column-a p {
		margin: 0 0 10px 0;
		}
	
	div.column-a h4 {
		margin: 0 0 7px;
		padding: 7px 0 0;
		background: url("/images/layout/sep-a.gif") repeat-x;
		color: #577270;
		font-size: 1.2em;
		font-weight: normal;
		}
		
		.content-box h4 {
			margin: 4px 0 7px 0;
			color: #577270;
			font-size: 1.2em;
			font-weight: normal;
			}

	div.a {
		display: block;
		margin: 10px 0;
		padding: 0;
		}
	
	div.a h3 {
		margin: 0 0 2px;
		color: #56706e;
		font-size: 1.1em;
		font-weight: normal;
		}
	
	div.a p {}
	
	div.a p input {
		width: 180px;
		vertical-align: middle;
		}
	
	div.a p button {
		width: 56px;
		height: 19px;
		border: none;
		background: url("/images/layout/button-search-b.jpg") no-repeat;
		text-indent: -10001px;
		vertical-align: middle;
		}

	ul.a {
		list-style: none;
		margin: 0 0 15px;
		padding: 0;
		}
	
	ul.a li {
		padding: 0 0 0 15px;
		background: url("/images/layout/bullet-a.gif") 0 6px no-repeat;
		}

	ul.news-a {
		list-style: none;
		margin: 0 0 15px;
		padding: 0;
		}
	
	ul.news-a li {
		margin: 0 0 5px;
		padding: 5px 0 0;
		background: url("/images/layout/sep-a.gif") repeat-x;
		font-size: 1.1em;
		}
	
	ul.news-a li.first {
		padding: 0;
		background: none;
		}
	
	ul.news-a li a {
		display: block;
		font-size: 1.09em;
		}
		
		li a.active {
			font-weight: bold;
			}

	p.a {
		color: #56706e;
		font-weight: bold;
		}
 
/* Elements
------------------------------------------- */

	#home {
		position: relative;
		margin-top: -40px;
		}

	#map {
		height: 160px;
		border: 1px solid #580e0c;
		}

/* Forms
------------------------------------------- */		
		
.content-box form {
	float: left;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	}
	
	.content-box form fieldset {
		float: left;
		margin: 0 0 10px -5px;
		width: 100%;
		}
		
		.content-box form fieldset .input-wide {
			width: 300px;
			} 
		
		.content-box form label {
			width: 100%;
			font-size: 90%;
			margin: 0 5px 5px 0;
			}

		.submit {
			float: left;
			display: block;
			clear: both;
			}