body { }

body.SanFrancisco
{
	padding: 0px;
	margin: 0px;
	background: #a8a09c url(/images/site_bg.jpg) repeat-x center top;
}
html, body.SanFrancisco 
{
	text-align: center;
}

p, div, td 
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	color: #838383;
}

h1 
{
	font-family: Verdana, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	color: #59a3e2;
	padding: 0px 0px 5px 35px;
	margin: 0px;
	background: url(/images/h1_arrow.gif) no-repeat left top;
	border-bottom: dotted 1px #a6a6a6;
}
h2 { }
h3 { }

a:link,
a:active,
a:visited,
a:hover 
{
	color: #59a3e2;
	text-decoration: none;
}
a:hover 
{
	text-decoration: underline;
}



/*****************************/
/*  SITE STYLES              */
/*****************************/

div.Site 
{
	width: 933px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div.TopBar
{
	width: 100%;
}

	/* ------------------------- */
	/*  Header Styles            */
	/* ------------------------- */
	
	div.Header 
	{
		width: 933px;
		height: 100px;
		overflow: hidden;
	}
	
	div.Header div.LeftCap,
	div.Header div.RightCap 
	{
		width: 10px;
		height: 100px;
		overflow: hidden;
	}
	div.Header div.LeftCap
	{
		float: left;	
	}
	div.Header div.RightCap 
	{
		float: right;
	}
	
	div.Header div.Head 
	{
		width: 913px;
		height: 100px;
		overflow: hidden;
		background: #FFF url(/images/site_header_bg.gif) no-repeat right bottom;
		float: left;
	}
		
		/* Logo */
		div.Header div.Head div.Logo 
		{
			width: 420px;
			height: 100px;
			overflow: hidden;
			float: left;	
		}
	
		/* Header Nav */
		div.Header div.Head div.HeaderNav 
		{
			color: #7f8282;
			text-align: right;
			float: right;
			margin: 12px 18px 0px 0px;
			height: 12px;
		}
		div.Header div.Head div.HeaderNav a:link,
		div.Header div.Head div.HeaderNav a:active,
		div.Header div.Head div.HeaderNav a:visited,
		div.Header div.Head div.HeaderNav a:hover 
		{
			text-decoration: none;
			color: #7f8282;
		}
		div.Header div.Head div.HeaderNav a:hover 
		{
			text-decoration: underline;
		}
		
		/* Header Functions */
		div.Header div.Head div.HeaderFunctions
		{
			clear: right;
			float: right;
			margin: 48px 22px 0px 0px;
			text-align: right;
		}
		
		div.Header div.Head div.HeaderFunctions input.SearchBox
		{
			width: 85px;
			height: 17px;
			background: Transparent url(/images/site_header_searchBg.gif) no-repeat left top;
			border-width: 0px;
			color: #9cacc0;
			padding: 2px 6px 0px 6px;
			font-size: 10px;
			font-family: Verdana, Sans-Serif;
		}
		div.Header div.Head div.HeaderFunctions input.SearchButton
		{
			margin: 1px 0px 0px 3px;
		}
	
	/* ------------------------- */
	/*  Main Nav Styles          */
	/* ------------------------- */
	
	div.MainNav 
	{
		width: 933px;
		height: 31px;
		overflow: hidden;
	}
	
	div.MainNav div.LeftCap,
	div.MainNav div.RightCap 
	{
		width: 10px;
		height: 31px;
		overflow: hidden;
	}
	div.MainNav div.LeftCap
	{
		float: left;	
	}
	div.MainNav div.RightCap 
	{
		float: right;
	}
	
	div.MainNav div.Nav 
	{
		width: 913px;
		height: 31px;
		overflow: hidden;
		background: #FFF url(/images/site_content_bg.gif) repeat-y right top;
		float: left;
	}
	
	div.MainNav div.Nav td .contentCell img 
	{
		cursor: pointer;
	}
	
	/* ------------------------- */
	/*  Page Styles              */
	/* ------------------------- */
	
	div.Page 
	{
		width: 933px;
	}
	div.Page table.Page 
	{
		width: 933px;
		height: 247px;
	}
	
	div.Page table.Page td.LeftCap 
	{
		width: 10px;
		background: url(/images/site_content_leftDS.gif) repeat-y right top;
	}
	div.Page table.Page td.RightCap 
	{
		width: 10px;
		background: url(/images/site_content_rightDS.gif) repeat-y left top;
	}
	
	div.Page table.Page td.Page 
	{
		width: 913px;
		background-color: #FFF;
		background-repeat: repeat-y;
		background-position: left top;
	}
	
	/* ------------------------- */
	/*  Footer Styles            */
	/* ------------------------- */
	
	div.Footer 
	{
		color: #fefefe;	
		text-align: center;
		white-space: nowrap;
		background-repeat: no-repeat;
		background-position: center top;
		background-image: url(/images/site_footer_bg.jpg);
		padding-top: 16px;
		line-height: 16px;
	}
	div.Footer p,
	div.Footer td,
	div.Footer div 
	{
		color: #fefefe;
	}
	div.Footer a:link,
	div.Footer a:active,
	div.Footer a:visited,
	div.Footer a:hover 
	{
		color: #fefefe;
		text-decoration: none;
	}
	div.Footer a:hover 
	{
		text-decoration: underline;
	}
	
		/* Links */
		div.Footer div.Links 
		{
			font-size: 9px;
		}
	
	div.footerPrint 
	{
		font-size: 9px;
		white-space: nowrap;
	}
	
	
	
/*****************************/
/*  PAGE STYLES              */
/*****************************/

div.Page 
{
	width: 100%;
	text-align: left;
}

	/* ========================= */
	/*  HOME PAGE STYLES         */
	/* ========================= */
	
	table.HomePage 
	{
		width: 913px;
		margin-bottom: 16px;
		height: 425px;
	}
	
	table.HomePage td.LeftCol 
	{
		width: 702px;
		/*ackground: url(/images/home_leftCol_bg.gif) repeat-y left top;*/
	}
	table.HomePage td.RightCol 
	{
		width: 211px;
		background: url(/images/site_content_bg.gif) repeat-y right top;
	}
	
	table.HomePage td.LeftCol div.LeftColImage 
	{
		background-repeat: no-repeat;
		background-position: left top;
		width: 702px;
	}
	table.HomePage td.LeftCol div.LeftColImage div.LeftColBottomCap 
	{
		clear: both;
	}
	
	/* -------------------------- */
	/*  Project Spotlight Styles  */
	/* -------------------------- */
	
	table.HomePage div.ProjectSpotlightImage 
	{
		background: url(/images/home_ProjectSpotlight_ImageBg.gif) no-repeat left top;
		width: 194px;
		float: left;
		height: 174px;
		margin-top: 225px;
		text-align: right;
		padding: 13px 6px 0px 0px;
		overflow: hidden;
	}
	table.HomePage div.ProjectSpotlightTitle 
	{
		background: url(/images/home_ProjectSpotlight_bg.gif) repeat-x left top;
		padding: 51px 7px 0px 0px;
		height: 70px;
		float: left;
		margin-top: 225px;
		color: #29445d;
		font-size: 15px;
		font-family: Arial, Sans-Serif;
	}
	table.HomePage div.ProjectSpotlightTextBackground 
	{
		background: url(/images/home_ProjectSpotlight_textBg2.gif) no-repeat right bottom;
		height: 425px;
		width: 702px;
	}
	table.HomePage div.ProjectSpotlightMap 
	{
		float: right;
		margin: 249px 10px 0px 0px;
		border: solid 1px #7c7c7c;
		width: 174px;
		height: 151px;
		overflow: hidden;
	}
	table.HomePage div.ProjectSpotlightText 
	{
		width: 300px;
		height: 94px;
		margin: -52px 0px 0px 0px;
		padding-left: 202px;
		float: left;
		line-height: 16px;
		overflow: hidden;
	}
	table.HomePage div.ProjectSpotlightLinks 
	{
		float: right;
		margin: 6px 12px 0px 0px;
	}
	table.HomePage div.ProjectSpotlightLinks a:link,
	table.HomePage div.ProjectSpotlightLinks a:active,
	table.HomePage div.ProjectSpotlightLinks a:visited,
	table.HomePage div.ProjectSpotlightLinks a:hover
	{
		font-weight: bold;
		text-decoration: none;
		color: #838383;
	}
	table.HomePage div.ProjectSpotlightLinks a:hover 
	{
		text-decoration: underline;
	}
	
	/* ------------------------- */
	/*  Success Stories Styles   */
	/* ------------------------- */
	
	table.HomePage div.SuccessStories 
	{
		width: 198px;
		height: 190px;
		overflow: hidden;
	}
	
	table.HomePage div.SuccessStoriesText 
	{
		float: left;
		width: 100px;
		height: 168px;
		margin: 6px 0px 0px 6px;
		line-height: 14px;
		overflow: hidden;
	}
	table.HomePage div.SuccessStoriesImages 
	{
		float: right;
		width: 84px;
	}
	
	/* ------------------------- */
	/*  News Styles              */
	/* ------------------------- */

	table.HomePage div.NewsBackground 
	{
		background: url(/images/home_News_bg.jpg) no-repeat right bottom;
		height: 425px;
		width: 211px;
	}
	table.HomePage div.NewsEvents 
	{
		width: 170px;
		height: 107px;
		margin:  24px 0px 210px 6px;
	}
	table.HomePage div.NewsEvents div.newsTitle 
	{
		font-weight: bold;
	}
	table.HomePage div.NewsEvents a.newsLink 
	{
		color: #59a3e2;
		font-weight: bold;
		text-decoration: underline;
	}
	
	
	#LowerRightContent a
	{
		text-decoration:underline;
		font-weight:bold;
	}
	#LowerleftCornerContent a
	{
		text-decoration:underline;
		font-weight:bold;
	}
	#LowerCenterContent a
	{
		text-decoration:underline;
		font-weight:bold;
	}
	
	
	/* ========================= */
	/*  SECONDARY STYLES         */
	/* ========================= */
	
	div.Secondary 
	{
		background: url(/images/site_content_bg.gif) repeat-y right top;
	}
	div.SecondaryPage 
	{
		width: 900px;
			
	}
	div.ContentBottomCap 
	{

	}
	
	table.SecondaryTable
	{
		background: #fdfdfd url(/images/sec_content_bg.gif) repeat-x left bottom;
		width: 100%;
	}
	
	tr.SecondaryTableTopCap 
	{
		background: url(/images/sec_content_topDS.gif) repeat-x left top;
	}
	
	div.PrintPage,
	div.PrintPageTwoImages 
	{
		position: relative;
		float: right;
		height: 0px;
		top: 9px;
		right: 11px;
		z-index: 10;
	}
	div.PrintPageTwoImages 
	{
		top: 165px;
	}
	
	td.NavColumnDSTopCap,
	td.ContentColumnTopCap
	td.SidebarColumnDSTopCap
	td.SidebarColumnTopCap 
	{
		height: 6px;
	}
	td.NavColumnDSFoot,
	td.ContentColumnFoot
	td.SidebarColumnDSFoot
	td.SidebarColumnFoot 
	{
		height: 9px;
	}

	
	/* ------------------------- */
	/*  Content Styles           */
	/* ------------------------- */

	td.ContentColumn 
	{
		line-height: 16px;
		color: #838383;
		height: 273px;
		width: 99%;
	}
	td.Content2Col 
	{
		width: 490px;
	}
	
	div.ContentArea
	{
		margin: 19px 30px 45px 35px;
		clear: both;
	}
	div.ContentArea h1
	{
		margin-left: -35px;
		margin-right: -30px;
	}
	div.ContentArea a 
	{
		text-decoration: underline;
	}
	
	td.ContentColumnFoot,
	td.SidebarColumnDSFoot
	{
		background: url(/images/sec_content_bottomCap.gif) repeat-x left top;	
	}
	
	div.TwoImages 
	{
		margin-top: -6px;
		z-index: 20;
		position: relative;
	}
	
	
	/* ------------------------- */
	/*  Left Nav Styles          */
	/* ------------------------- */

	td.NavColumn 
	{
		width: 193px;
		background: url(/images/sec_leftnav_bg.gif) repeat-y left top;
	}
	
	div.LeftNavTitle 
	{
		width: 193px;
		height: 98px;
		background: url(/images/sec_leftnav_topBg.jpg) no-repeat left top;
		overflow: hidden;
	}
	
	.leftnav_off,
	.leftnav_over,
	.leftnav_open
	{
		width: 159px;
		font-family: Verdana, Sans-Serif;
		font-size: 10px;
		padding: 6px 17px 9px 17px;
		cursor: pointer;
		white-space: normal;
	}
	.leftnav_off td,
	.leftnav_over td,
	.leftnav_open td
	{
		font-family: Verdana, Sans-Serif;
		font-size: 10px;
		font-weight: bold;
		white-space: normal;
	}
	.leftnav_off td 
	{
		color: #fefefe; 
	}
	.leftnav_off
	{
		background-image: none;
	}
	.leftnav_over td,
	.leftnav_open td 
	{
		color: #6b6b6b;
	}
	.leftnav_over,
	.leftnav_open
	{
		background: url(/images/site_leftnav_over_bg.gif) repeat-y left top;
	}
	
	.leftnav_dottedline 
	{
		background: url(/images/site_leftnav_dottedline.gif) repeat-x left top;
		height: 1px;
		width: 193px;
	}

	.leftnav_subnav_off,
	.leftnav_subnav_over,
	.leftnav_subnav_open
	{
		padding: 3px 17px 4px 0px;
		font-family: Verdana, Sans-Serif;
		font-size: 10px;
		cursor: pointer;
		white-space: normal;
		color: #6b6b6b;
	}
	.leftnav_subnav_off td,
	.leftnav_subnav_over td,
	.leftnav_subnav_open td
	{
		font-family: Verdana, Sans-Serif;
		font-size: 10px;
		white-space: normal;
		color: #6b6b6b;
	}
	.leftnav_subnav_off 
	{
		background: url(/images/site_leftnav_over_bg.gif) repeat-y left top;
	}
	.leftnav_subnav_over,
	.leftnav_subnav_open
	{
		background: url(/images/site_leftnav_subnav_over_bg.gif) repeat-y left top;
	}

	.leftnav_subnav_off #arrow,
	.leftnav_subnav_over #arrow,
	.leftnav_subnav_open #arrow 
	{
		margin: 0px 0px 0px 18px;
		width: 10px;
		height: 12px;
	}
	.leftnav_subnav_over #arrow,
	.leftnav_subnav_open #arrow 
	{
		background: url(/images/site_leftnav_subnav_arrow.gif) no-repeat left center;
	}
	.leftnav_subnav_off #arrow img,
	.leftnav_subnav_over #arrow img,
	.leftnav_subnav_open #arrow img 
	{
		width: 6px; 
		height: 7px;
	}
	
	td.NavColumnDS,
	td.NavColumnDSTopCap
	{
		background: url(/images/sec_leftnav_rightDS_bg.gif) repeat-y left top;
	}
	
	/* ------------------------- */
	/*  Sidebar Styles           */
	/* ------------------------- */
	
	td.SidebarColumn 
	{
		width: 198px;
		background: url(/images/sec_sidebar_bottomBg.gif) no-repeat right bottom;
		padding-top: 15px;
		padding-bottom: 40px;
	}
	td.SidebarColWHeaderImages 
	{
		border-top: solid 1px #ebebeb;
	}
	
	img.SidebarBottomRight 
	{
		position: relative;
		float: right;
		left: 13px;
		top: -26px;
		margin-bottom: -26px;
		z-index: 10;
	}
	
	td.SidebarColumnDS 
	{
		background: url(/images/sec_sidebar_leftDS_bg.gif) repeat-y right top;
	}
	
	div.SidebarTitle 
	{
		width: 140px;
		color: #59a3e2;
		font-size: 12px;
		font-weight: bold;
		border-bottom: dotted 1px #a6a6a6;
		padding: 0px 3px 4px 3px;
	}
	
		/* Highlights */
		
		div.SidebarHighlights 
		{
			margin-top: 15px;
		}
		
		.HighlightsImage 
		{
			border: solid 1px #ac3b1b;
		}
		
		.HighlightsText 
		{
			padding: 6px;
			color: #838383;
			line-height: normal;
			font-size: 10px;
		}
		.HighlightsText a:link,
		.HighlightsText a:visited,
		.HighlightsText a:active,
		.HighlightsText a:visited 
		{
			color: #59a3e2;
			font-weight: bold;
			text-decoration: underline;
		}
		
		/* Data Downloads */
		
		div.SidebarDownloads 
		{
			margin-top: 15px;
		}
		
		div.DataDownloads 
		{
			padding: 5px 3px 0px 3px;
		}
		div.DataDownloads a:link,
		div.DataDownloads a:active,
		div.DataDownloads a:visited,
		div.DataDownloads a:hover 
		{
			color: #838383;
		}
		div.DataDownloads a:hover 
		{
			text-decoration: underline;
		}
		
		/* Call Out */
		
		div.SidebarCallOut 
		{
			background: url(/images/sec_sidebar_callout_bg.gif) repeat-y left top;
			width: 198px;
			margin-top: 15px;
			padding: 10px 0px 10px 0px;
		}




	/* ========================= */
	/*  CONTACT STYLES           */
	/* ========================= */
	
	div.ContactArea
	{
		margin: 0px 0px 45px 35px;
		width: 310px;
	}
	div.ContactArea h1
	{
		margin-left: -35px;
		margin-right: -30px;
		width: 865px;
	}
	
	div.ContactForm 
	{
		position: relative;
		float: right;
		top: 70px;
		right: 80px;
		text-align: left;
		width: 400px;
		height: 300px;
	}
	
	td.form_title 
	{
		font-weight: bold;
	}