@import url("./whitespace-reset.css");

body {
	font-family: "Lucida Grande", Helvetica, Arial, Sans-serif;
	font-size: 12px;
	color: #333;
	background: #E8E7E4; }

#sitewrapper {
	width: 955px;
	background: #FFFFFF;
	margin: 0 auto; }

a {
	color: #174a7d;
	text-decoration: none; 
	outline: none;}
a:hover { text-decoration: underline; }

.clear { clear: both;}
#clear {clear: both;}
.error {color: #ff0000;}
.important
	{
		font-size: 12px;
		color: #cc0000;
		margin: 0 0 10px 0;
	}	

#header {
	height: 124px;
	position: relative;
	background: transparent url("../_images/bg_header.jpg") no-repeat 0 0; }
	#header #logo {
		height: 19px;
		width: 178px;
		top: 34px;
		left: 50px;
		position: absolute; }
		#header #logo a {
			display: block;
			height: 100%;
			width: 100%;
			text-indent: -5000px;
			background: transparent url("../_images/logo.gif") no-repeat 0 0; }
	#header ul#navigation {
		height: 34px;
		position: absolute;
		top: 90px; }
		#header ul#navigation li {
			height: 34px;
			float: left;
			padding: 0 0 0 20px; }
			#header ul#navigation li a {
				display: block;
				height: 34px;
				float: left;
				line-height: 34px;
				padding: 0 27px;
				text-align: center;
				background: #17395B;
				color: #ECECEC;
				text-transform: uppercase; }
			#header ul#navigation li a:hover,
			#header ul#navigation li a.current {
				background: #274767;
				text-decoration: none; }

#content { }

body#home #content {
	width: 855px;
	background: transparent url("../_images/hdr_home.gif") no-repeat 0 0;
	padding: 100px 50px 0 50px; }
	body#home #content h1 { display: none; }

/*New images for three windows on home page*/
#image-windows {
	height: 127px;
}

#image-windows #image-one{
	float: left;
	width: 285px;
	height: 127px;
	margin-right: 0px;
}
#image-windows #image-two{
	float: left;
	width: 285px;
	height: 127px;
	margin-right: 0px;
}
#image-windows #image-three{
	float: left;
	width: 285px;
	height: 127px;
}



#home-blocks {
	width: 855px;
	float: left;
	padding: 0 0 20px 0;
	background: transparent url("../_images/bg_home-blocks.gif") no-repeat 0 100%; }
	#home-blocks ul {
		width: 155px;
		float: right;
		font-size: 11px;
		margin: 10px 15px 10px 0; }
		#home-blocks ul li {
			margin: 5px 0 0 0;
			padding: 0 0 5px 0;
			border-bottom: 1px solid #e8e7e4; }
			#home-blocks ul li a { }
				#home-blocks ul li a strong { }
	#home-blocks #investing {
		width: 284px;
		float: left;
		/*padding: 126px 0 10px 0;
		background: transparent url("../_images/img_investing.jpg") no-repeat 0 0;*/ }
		#home-blocks #investing h2 a {
			height: 28px;
			width: 95px;
			float: left;
			margin: 50px 0 0 1px;
			text-indent: -5000px;
			background: transparent url("../_images/hdr_investing.gif") no-repeat 0 0; }
		
	#home-blocks #learning {
		width: 284px;
		float: left;
		margin: 0 1px;
		/*padding: 126px 0 10px 0;
		background: transparent url("../_images/img_learning.jpg") no-repeat 0 0;*/ }
		#home-blocks #learning h2 a {
			height: 28px;
			width: 96px;
			float: left;
			margin: 50px 0 0 0;
			text-indent: -5000px;
			background: transparent url("../_images/hdr_learning.gif") no-repeat 0 0; }
	#home-blocks #connecting {
		width: 285px;
		float: left;
		/*padding: 126px 0 10px 0;
		background: transparent url("../_images/img_connecting.jpg") no-repeat 0 0;*/ }
		#home-blocks #connecting h2 a {
			height: 28px;
			width: 96px;
			float: left;
			margin: 50px 0 0 0;
			text-indent: -5000px;
			background: transparent url("../_images/hdr_connecting.gif") no-repeat 0 0; }

#content { padding: 0 50px; }

/*Header images go here ________________________________________________________*/

body#about #content { padding-top: 100px; background: transparent url("../_images/bg_about.jpg") no-repeat 0 0; }
body#organizations #content { padding-top: 100px; background: transparent url("../_images/bg_about.jpg") no-repeat 0 0; }
body#grants-database #content { padding-top: 100px; background: transparent url("../_images/bg_about.jpg") no-repeat 0 0; }
body#contact #content { padding-top: 100px; background: transparent url("../_images/bg_about.jpg") no-repeat 0 0; }
body#globals #content { padding-top: 100px; background: transparent url("../_images/bg_about.jpg") no-repeat 0 0; }
body#investing #content { padding-top: 100px; background: transparent url("../_images/bg_about.jpg") no-repeat 0 0; }
body#learning #content { padding-top: 100px; background: transparent url("../_images/bg_about.jpg") no-repeat 0 0; }
body#connecting #content { padding-top: 100px; background: transparent url("../_images/bg_about.jpg") no-repeat 0 0; }

#content #sidebar {
	width: 194px;
	float: left;
	background: #F8F8F8;
	padding: 50px 0; }
	#content #sidebar h3 {
		font-size: 15px;
		font-weight: normal;
		margin: 0 0 15px 0;
		background: #E7E6E3;
		color: #7B7461;
		padding: 5px 0 5px 25px; }
	#content #sidebar h3 a {color: #7B7461;}
	#content #sidebar ul {
		margin: 0 25px; }
		#content #sidebar ul li {
			font-size: 12px;
			padding: 5px 0;
			border-bottom: 1px solid #CBCBCB; }
			#content #sidebar ul li a { }
			#content #sidebar ul li a:hover { }

#content #main {
	width: 600px;
	float: right; }
	#content #main h1 {
		font-size: 17px;
		font-weight: normal;
		color: #7B7461;
		text-transform: uppercase;
		margin: 0 0 20px 0; }
	#content #main h2 {
		font-size: 15px;
		font-weight: normal;
		color: #7E8B34;
		margin: 0 0 10px 0; }
	#content #main h3 {
		font-size: 13px;
		font-weight: bold;
		color: #666;
		margin: 0 0 4px 0; }
	#content #main h4 {
		font-size: 12px;
		font-weight: normal;
		color: #a46836;
		margin: 0 0 3px 0; }
	#content #main strong {
		font-size: 12px;
		font-weight: bold;
		color: #333;
		margin: 0; }
	#content #main .callout
		{background-color: #f2f2f2;
		padding: 15px 15px 15px 25px;
		margin: 15px 0;
		color: #000;
		border: 1px #ccc solid;}
		
/*styles for letter from president*/
	#content #main img{
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}	
	#content #main .signature{
	float: left;
	width: 200px;
	padding: 0 0 10px 0;
}
	#content #main p {
		font-size: 12px;
		line-height: 150%;
		margin: 0 0 10px 0; }

	#content #main .note {
		font-size: 10px;
		color: #666;
		line-height: 150%;
		margin: 0 0 10px 0; }
	#content .note {
		font-size: 10px;
		color: #666;
		line-height: 150%;
		margin: 0 0 10px 0; }
	#content #main .important
	{
		font-size: 12px;
		color: #cc0000;
		line-height: 150%;
		margin: 0 0 10px 0;
	}	
	#content #main ul {
		margin: 8px 0 20px 10px; }
		#content #main ul li {
			margin: 0 0 10px 15px;
			list-style-type: disc; }
			 #content #main ul ul li{
			margin: 5px 5px 0px 20px;
			list-style-type: circle;
			 }		 
		#content ul#list_photo {
			padding: 10px 0;
			margin: 0;}
		#content ul#list_photo li {
			list-style-type: none;
			width: 130px;
			padding: 0;
			float: left;
			margin: 0 10px 15px 0;
			display: inline;}
	#content #main dl {
		margin: 0px 0 10px 15px;
		line-height: 150%;}
		#content #main dl dt
		{
			margin: 0 0 5px 10px;
			padding: 0;
			font-weight: bold;
			color: #666;
		}
		#content #main dl dd {
			margin: 0 0 10px 35px;
			padding: 0;}
			#content #main dl ul li {
			padding: 0;
			margin: 0;
			}
			#content #main dl ul li
			{
				margin: 0 0 5px 0;
				padding: 0;
				list-style-type: disc;
				list-style-position: outside;
			}			
	#content #main ol {
		margin: 8px 0 15px 10px; }
		#content #main ol li
		{
			margin: 0 0 10px 15px;
			list-style-type: decimal;
		}
		#content #main ol ul li
		{
			margin: 5px 10px 0px 20px;
			list-style-type: disc;
		}
	#content ul#pdf_img {
			padding: 10px 0;
			margin: 0;}
		#content ul#pdf_img li {
			list-style-type: none;
			width: 175px;
			height: 350px;
			padding: 0;
			float: left;
			margin: 0 20px 5px 0;
			display: inline;
			line-height: 150%;}
		#content ul#pdf_img img
		{
			float: left;
			border: 1px #ccc solid;
			margin: 0 0 8px 0;
		}	
	
/* Building Assets - map area */
#content #main #file-list ul li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

#intro { width: 225px; float: left; }	

#content ul#map {
	margin: 10px 0 0 0;
	width: 350px;
	height: 410px;
	float: right;
	position: relative;
	background: #fff url("../_images/bg-map3.gif") no-repeat 0 0;
	border: 1px solid #ccc; }	
	#content ul#map li {
		 list-style-type: none;
		 margin: 0;
		 font-weight: normal;
		 font-size: 15px;}
	ul#map li#map-wilmington {
		position: absolute;
		left: 220px;
		top: 20px; }
	ul#map li#map-neck {
		position: absolute;
		left: 210px;
		top: 63px; }
	ul#map li#map-richmond {
		position: absolute;
		left: 185px;
		top: 87px; }
	ul#map li#map-jacksonville {
		position: absolute;
		left: 142px;
		top: 250px; }
	ul#map li#map-joe {
		position: absolute;
		left: 68px;
		top: 280px; }
	

		/* table
		------------------------------------------------------- */
		
		#main #strategic table {
		width: 590px;
		color: #333;
		border-bottom: 1px solid #ccc;
		margin: 0 0 20px 0;
		}

		#strategic th {
			font-size: 12px;
			font-weight: normal;
			color: #a46836;
			border-bottom: 1px solid #ccc;
		}
		#strategic th, #strategic td {
			padding: 6px 3px 6px 3px;
			text-align: left;
			vertical-align: top;				
		}
		#strategic tr.alt td {
			background-color: #f7f7f7;
		}
		#main #strategic tr.divider-top td{
		border-top: 1px solid #999;
		}
		#main #strategic tr.divider-btm td{
		border-bottom: 1px solid #999;
		}
		
#footer {
	clear: both;
	line-height: 140%;
	padding: 40px 50px 25px 50px;
	font-size: 11px;
	color: #666666; }
	#footer p { }
		#footer p a { }