/* web site design and production by Rebecca Fagan at fagandesign */


@charset "UTF-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	background-color: #CDD3D9;
}
p, tr, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}
a {
	color: #3366FF;
	text-decoration: none;
}
a:hover {
	color: #3366FF;
	text-decoration: underline;
}
a:active {
	color: #003366;
	text-decoration: underline;
}




/* wrapper */
#content_wrapper {
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0px;
	top: 0px;
}


/* Top Band */
#top_band {
	background-image: url(images/top_band_bkg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	height: 85px;
}


/* Title Band */
#title_band {
	background-image: url(images/title_band_bkg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	height: 83px;
}




/* Content Band includes sidebars and content area */
#content_band {
	width: 100%;
}


/* Sidebar left home */
#sidebar_left_home {
	background-color: #FFFFFF;
	width: 170px;
	margin: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BDCCD9;

}



/* Sidebar left */
#sidebar_left {
	background-color: #EBEEF1;
	width: 170px;
	margin: 0px;
	padding: 0px 0px 150px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BDCCD9;

}
#sidebar_left .quote {
	font-size: 10px;
	line-height: 24px;
	color: #3366FF;
	padding-right: 5px;
	padding-left: 11px;
	font-weight: bold;
}

#sidebar_left .quote p {
	font-size: 10px;
	line-height: 24px;
	color: #3366FF;
	padding-right: 5px;
	padding-left: 11px;
	font-weight: bold;
}

#sidebar_left .quote_credit {
	font-size: 9px;
	line-height: 16px;
	color: #3366FF;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	padding-right: 5px;
	padding-top: 6px;
	
}



/* Navs */
#nav {
	width: 170;
	vertical-align: top;
	padding-top: 0px;
	margin-bottom: 80px;
	background-color: #FFFFFF;
	
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav ul li {
	display: block;
	margin: 0;
	padding: 0;
}

#nav ul li a {
	margin: 0;
	display: block;
	font-size: 11px;
	line-height: 13px;
	color: #000000;
	padding: 0.4em 5px 0.6em 39px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #D7E0E8;
	
	}

#nav ul li a:hover {
	color: #3F5C77;
	text-decoration: none;
	
	background-image: url(images/nav_bkg2-over.jpg);
	background-repeat: repeat-y;
}
#nav ul li a:active {
	color: #3F5C77;
	text-decoration: none;
	font-weight: bold;
	
	background-image: url(images/nav_bkg2-over.jpg);
	background-repeat: repeat-y;
}

#nav ul li a.on {
	color: #3F5C77;
	list-style-type: none;
	font-weight: bold;
	background-image: url(images/nav_bkg1.jpg);
	background-repeat: repeat-y;

}
#nav ul li a.on:hover {
	color: #000000;
	font-weight: bold;
	background-image: url(images/nav_bkg1-over.jpg);
	background-repeat: repeat-y;

	}
	
#nav ul li ul {
	background-image: url(images/nav_bkg2.jpg);
	background-repeat: repeat-y;
	padding-bottom: 10px;
}

#nav ul li ul li a {
	margin: 0;
	display: block;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	padding: .2em 5px .2em 39px;
	border-bottom: 0px solid #D7E0E8;
	background: url(images/bullet.gif) no-repeat 26px 0.6em;

	}

#nav ul li ul li a:hover {
	color: #3F5C77;
	text-decoration: underline;
	background: url(images/bullet.gif) no-repeat 26px 0.6em;

}
#nav ul li ul li a:active {
	color: #3F5C77;
	text-decoration: none;
	font-weight: bold;
	background: url(images/bullet.gif) no-repeat 26px 0.6em;
	
}

#nav ul li ul li a.on {
	color: #3F5C77;
	list-style-type: none;
	font-weight: bold;
	background: url(images/bullet.gif) no-repeat 26px 0.6em;

}
#nav ul li ul li a.on:hover {
	color: #3F5C77;
	font-weight: bold;
	background: url(images/bullet.gif) no-repeat 26px 0.6em;
	text-decoration: underline;

	}


/* Content Home */
#content_home {
	background-color: #FFFFFF;
	width: 852px;
	margin: 0px;
	padding: 0px;
	
}



/* Content */
#content {
	background-color: #FFFFFF;
	width: 452px;
	margin: 0px;
	padding-top: 30px;
	padding-right: 63px;
	padding-bottom: 150px;
	padding-left: 75px;
}
#content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	color: #4E6C87;
	padding-bottom: 10px;
	margin-left: -33px;
}
#content h2 {
	font-size: 12px;
	font-weight: bold;
	color: #3f5c77;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7C99B4;
	line-height: 18px;
	padding-bottom: 6px;
	padding-top: 10px;
}

#content h2.photo_subhead {
	font-size: 12px;
	font-weight: bold;
	color: #3f5c77;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7C99B4;
	line-height: 18px;
	padding-bottom: 6px;
	margin-bottom: 15px;
	padding-top: 0px;
}
p.photo_text {
	margin-top: 0px;
}


#content h3 {
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	background-color: #7C99B4;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#content h4 {
	font-size: 12px;
	line-height: 16px;
	color: #7C99B4;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border: 1px solid #C4DF9B;
	background-color: #FFFFFF;
}
#content h5 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #6E889F;
}
#content h6 {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;
	margin-top: 0px;
}
#content ul {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 3px;
}
#content ul li {
	background: url(images/bullet.gif) no-repeat 0px 0.7em;
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 8px;
	padding-left: 15px;
	float: none;
}
#content ul li ul {
	padding-top: 8px;
	padding-bottom: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 3px;
}
#content ul li ul li {
	background: url(images/bullet.gif) no-repeat 0px 0.45em;
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 8px;
	padding-left: 15px;
	float: none;
	margin: 0px;
}
#content ol {
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 20px;
}
#content ol li {
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 8px;
	padding-left: 0px;
	float: none;
	margin: 0px;
}

#content .quote {
	font-size: 11px;
	line-height: 24px;
	color: #3f5c77;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
}

#content .quote p {
	font-size: 11px;
	line-height: 24px;
	color: #3f5c77;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
}

#content .quote_credit {
	font-size: 11px;
	line-height: 24px;
	color: #3f5c77;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 26px;
	
}
table .projects_table {
	margin-top: 20px;
}
table .left_col {
	margin: 0px;
	padding: 0px 0px 20px;
	vertical-align: top;
}
table .right_col {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 25px;
	vertical-align: top;
	margin: 0px;
}
.photocap {
	color: #666666;
	font-size: 10px;
	text-transform: none;
	line-height: 15px;
	padding-bottom: 5px;
	margin-top: -5px;
	font-style: italic;
}
.photocap2 {
	color: #333333;
	font-size: 9px;
	text-transform: uppercase;
	line-height: 14px;
	padding-bottom: 5px;
	margin-top: -5px;
}



/* Sidebar Right */
#sidebar_right {
	background-color: #EBEEF1;
	width: 212px;
	padding-top: 76px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 150px;
}
#sidebar_right h2 {
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #5c7791;
}
#sidebar_right ul {
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 3px;
}
#sidebar_right ul li {
	background: url(images/bullet.gif) no-repeat 0px 0.7em;
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 8px;
	padding-left: 15px;
	float: none;
	margin: 0px;
}
#sidebar_right ul li ul {
	padding-top: 8px;
	padding-bottom: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 3px;
}
#sidebar_right ul li ul li {
	background: url(images/bullet.gif) no-repeat 0px 0.45em;
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 8px;
	padding-left: 15px;
	float: none;
	margin: 0px;
}
#sidebar_right ol {
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 20px;
}
#sidebar_right ol li {
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 8px;
	padding-left: 0px;
	float: none;
	margin: 0px;
}

#sidebar_right img.about {
	margin-bottom: 8px;
	margin-left: 0px;
	border: 1px solid #FFFFFF;
	padding: 0px;
	
}
#sidebar_right img {
	border: 1px solid #FFFFFF;
	
}



/* Right Panel Home */
#right_panel_home {
	background-color: #FFFFFF;
	
}


/* Right Panel */
#right_panel {
	background-color: #EBEEF1;
	
}


/* Footer */
#footer {
	background-color: #CDD3D9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	font-size: 9px;
	color: #000000;
	margin: 0px;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 100px;
	padding-left: 14px;
	line-height: 11px;
}
#footer a {
	color: #000000;
}
#footer a:hover {
	color: #3366FF;
	text-decoration: underline;
}
#footer a:active {
	color: #3366FF;
	text-decoration: none;
}
.calloutbox {
	background-color: #E1E4E7;
	padding: 10px;
	border: 1px solid #C4DF9B;
}
img.leftinset {
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
img.rightinset {
	
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

