@charset "utf-8";
/*body, div, h1, h2, h3, h4, hr, h6, p, ul, ol, dl, dt, dd, img, form {
margin: 0; padding: 0, border: 0;
}*/

body {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px auto;
	background: #E5E4D0;
}
#container {
	width: 100%;
	margin: 0 auto;
	background: #000;
}
#header {
	height: 150px;
	background: #000;
	width: 950px;
	margin: 0px auto;
	position: relative;
}
#header ul#nav {
	width: 720px;
	float: right;
	margin: auto 0 5;
	}
		#header ul#nav li {
			float: left; list-style: none;
		}
			#header ul#nav li a {
	display: block;
	height: 34px;
	margin: 0 0 0 10px;
	padding: 12px 0 0;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-align: center;
			}
				#header ul#nav li a:hover, #header ul#nav li a.active {
					background: url(../../one/css/images/active-nav.png);
				}



body {behavior:url(csshover3.htc);}

.devmode { position: absolute; right: 40px; top: 25px; color: #FFFFFF; white-space: nowrap; font-size: 16px; background: #FF0000; z-index: 200; }
.devmode p { margin: 0; padding: 5px; }

/*left navigation
---------------------------------------------------------------------------------------------------*/

.bodyHeader {
	font: 20pt Helvetica, Arial, sans-serif;
}


.clearAll {
	clear: both;
	height: 1px;
	width: 100%;
}

.graphic {
	background: url(../images/homepage/backgroundImage1.gif) repeat-y;
	text-align: center;
	width: 1050px;
	margin: 0px auto;
}

#content-landing-core {
	float: right;
	width: 610px;
	margin-top: 40px;
	margin-right: 108px;
	margin-left: 20px;
}
#content-landing-core ul li 
{
    margin-top: 10px;
}


#content-nonhome .column {
	font: 100% Helvetica, Arial, "San Serif";
	color: #666;
	float: left;
	width: 320px;
	background: #F2F5F5;
	text-indent: 30px;
}
#content-nonhome {
	font: 16px Helvetica, Arial, "San Serif";
	line-height: 1.5em;
	background: url(../images/landing%20pages/landingBkgrd.gif) repeat-y;
	width: 1050px;
	margin: 0 auto;
}

#content-nonhome .iconBox {
	float: right;
	width: 756px;
}
/*
#content-nonhome p {
	padding-top: 10px;
	line-height: 1.4em;
}
*/
#content-home .column {
	font: 100% Helvetica, Arial, "San Serif";
	color: #666;
	float: left;
	width: 320px;
	background: #F2F5F5;
	text-indent: 30px;
}
#content-home {
	background: url(../images/homepage/verticalDashes.gif) repeat-y;
	width: 1050px;
	margin: 0 auto;
}
#content-home .iconBox {
	float: right;
	width: 756px;
}
#content-home p {
	padding-top: 10px;
	line-height: 1.5em;
}

#content-landing .column {
	font: 16px Helvetica, Arial, "San Serif";
	color: #666;
	float: left;
	width: 320px;
	background: #F2F5F5;
	text-indent: 30px;
}
#content-landing {
	font: 16px Helvetica, Arial, "San Serif";
	line-height: 1.5em;
	background: url(../images/landing%20pages/landingBkgrd.gif) repeat-y;
	width: 1050px;
	margin: 0 auto;
}
#content-landing .iconBox {
	float: right;
	width: 756px;
}
#content-landing p {
	padding-top: 10px;
}

.neighborhood {
	font-size: 110%;
	font-weight: bold;
	color: #85A331;
	padding-top: 10px;
}
.income {
	font-size: 110%;
	font-weight: bold;
	color: #EB6600;
	padding-top: 10px;
}

.policy {
	font-size: 110%;
	font-weight: bold;
	color: #08AFA4;
	padding-top: 10px;
}
.education {
	font-size: 110%;
	font-weight: bold;
	color: #7F4E82;
	padding-top: 10px;
}

.floatRightDots {
	float: right;
	height: 57px;
	width: 690px;
	padding-bottom: 5px;
}
#editRegion table {
	float: left;
	width: 650px;
}
.subhead {
	padding-top: 10px;
}

#leftNav 
{
  	line-height: 1.15em;
	float: left;
	padding-left: 55px;
	width: 210px;
	padding-right: 5px;
	padding-top: 5px;
	color: #369;
}
#leftNav ul{
    font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 0px 35px;
	list-style-position: outside;
	list-style-image: url(../images/homepage/bullets/bullets.png);
	list-style-type: none;
}
#leftNav li
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
	color: #336699;
	padding-top: 8px;
}
#leftNav p{
    line-height: 1.15em;
    font-family:Arial, Helvetica, sans-serif;
   	font-size: 14px;
	padding-left: 10px;
}

.icons {
	margin: 0px;
	padding: 0px;
	width: 184px;
	vertical-align: top;
	text-align: center;
}

#leftNav .clear {
	clear: both;
	height: 20px;
	width: 100%;
	border-bottom: thin solid #CCC;
	margin: 0px;
	padding: 0px;
}
#leftNav h1 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #000;
}
#leftNav a {
	border: none;
	text-decoration: none;
	color: #336699;
}

#leftNav img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
}

#leftNav .dotsBox {
	background: #71AAA7;
	width: 220px;
	margin-left: -5px;
	margin-top: -5px;
	padding-top: 10px;
}

#leftNav .dotsBox ul li a {
	border: none;
	color: #23446d;
	font-weight: bold;
	font-size: 115%;
	text-decoration: none;
	padding-bottom: 5px;
}

#leftNav #eduList li {
	list-style: url(../images/homepage/bullets/eduBlt.png) none outside;
	text-decoration: none;
	margin-left: 15px;
}

#leftNav #policyList li{
	list-style: url(../images/homepage/bullets/polBlt.png) none outside;
	text-decoration: none;
	margin-left: 15px;
}

#leftNav #incomeList li{
	list-style: url(../images/homepage/bullets/incBlt.png) none outside;
	text-decoration: none;
	margin-left: 15px;
}

#leftNav #neighborhoodList  li{
	list-style: url(../images/homepage/bullets/neiBlt.png) none outside;
	text-decoration: none;
	margin-left: 15px;
}
#leftNav img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
}




/*Layout
---------------------------------------------------------------------------------------------------*/
#wrapper {width:950px; margin:0 auto; padding:0; position: relative;}
/*
#container {width: 950px; background: url(../images/layout/container-bkg.gif) repeat-y; margin: 0; padding:0;}
#container a {color:#137489; text-decoration:underline; outline:none;}
#container a:active,
#container a:visited,
#container a:focus { color:#137489;}
#container a:hover {text-decoration:none;}
#container-sub {width: 950px; background: url(../images/layout/container-sub-bkg.gif) repeat-y; margin: -11px auto; padding:0;}
*/
/*#header {height:149px; position: relative; overflow: hidden; }*/
#container-main-sub 
{
    width: 950px;
    background: url(../images/layout/container-main-sub-bkg.gif) repeat-y;
    margin: 0;
    margin-left: 50px;
    padding:0;
    position: relative;
}

#identity { }
#identity h1 {position: absolute; top: 29px; text-indent: -9999px; background:url(../images/layout/title.gif) no-repeat; margin:0;}
#identity h1 a {text-indent: -9999px; display: block; width: 639px; height: 60px; outline: none;}
#identity h2 { position: absolute; top: 19px; text-indent : -9999px; background:url(../images/layout/PSDtitle.gif) no-repeat; margin: 0;}
#identity h2 a {text-indent: -9999px; display: block; width: 639px; height: 96px; outline: none;}
#identity h3 { position: absolute; top: 64px; left: 60px; background:url(../images/layout/header-h3.gif) no-repeat; margin: 0;}
#identity h3 a {text-indent: -9999px; display: block; width: 423px; height: 35px; outline: none;}

#vcubar {width:950px; height:26px; margin:0 auto; background:#000000 url(../images/layout/vcubar.gif) no-repeat;}
#mainphoto {width:950px; height:388px; margin:0 auto; padding:0;margin-top:0;}
<!--Inserted block element anchor tag for photo links here - KMY-->
#mainphoto a { display:block; }

.datasource {background:#e6f0f0; margin:0; padding:10px; text-align: right; }
.datasource label {color:#1e4862; font-family: Verdana, Geneva, sans-serif; font-size:13px; font-weight:bold; margin-right:5px;}


/* Homepages */
#content {margin:0; padding:0 0 25px 0; width:950px;}
#content .gutter {padding:0 230px 0 230px;}

/* Subpages */
#content-sub { float: right; margin:0; padding:0; width:730px; min-height:760px;}
#content-sub .gutter {padding:0 30px 30px 30px;}

#content-posdhome {margin:0px 50px 0px 50px; padding:0 0 25px 0; width:950px;}




/*Sidebars
----------------------------------------------------------------------------------------------------*/
/* Homepages */
#sidebarlf {float: left; width: 220px; /* height:344px; */ margin:0px 0px 0px 50px; padding:0;}
#sidebarlf h1 {color:#141516; background: #d2d2c3 url(../images/layout/sidebar-header-bkg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:7px 0 0 15px; margin: 0; height:31px;}

#sidebarlf .gutter {margin:0; padding: 20px 13px;}
#sidebarlf ul {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000;}
#sidebarlf li {margin:0; padding:0 0 10px 12px; background:url(../images/layout/list-btn.gif) no-repeat 0 5px; list-style:none;}
#sidebarlf p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin:10px 0 0 12px; padding:0 0 10px 0;}

#sidebarrt {float: right; width: 210px; height:350px; background: #f4f4f4; margin:0px 50px 0px 0px; padding: 0;}
#sidebarrt .gutter {margin:20px 13px; padding:0;}
#sidebarrt h1 {color:#141516; background:url(../images/layout/sidebar-header-bkg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:0; margin:10px 0 0 0;}
#sidebarrt h2 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#264c64; font-weight:bold;margin:0; padding:10px 0 0 0;}
#sidebarrt p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin:0; padding:0 0 10px 0;}

/* Subpages */
#sidebarlf-sub {float: left; width: 210px; margin:0; padding:0;}
#sidebarlf-sub .graybkg {background:#eaecee;}
#sidebarlf-sub .gutter {margin:11px; padding:0;}
#sidebarlf-sub h1 {color:#dbdbdb; font-family: Verdana, Geneva, sans-serif; font-size:13px; margin:0; padding:0 0 5px 0;}
/* Main subpages */
#sidebarlf-sub h2 {color:#141516; background:url(../images/layout/sidebar-header-bkg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:7px 0 7px 15px; margin:0;}
#sidebarlf-sub ul {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
#sidebarlf-sub li {margin:0; padding:0 0 10px 12px; background:url(../images/layout/list-btn.gif) no-repeat 0 5px; list-style:none;}
#sidebarlf-sub p {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; margin:10px 0 0 12px; padding:0 0 10px 0;}
#sidebarlf-sub a.link:link, #sidebarlf-sub a.link:visited, #sidebarlf-sub a.link:active {color:#137489; text-decoration:underline; outline:none;}
#sidebarlf-sub a.link:hover {text-decoration:none;}

#sidebarlf-sub-top {  background: #1e4862; }

#sidebarlf-sub .gutter { margin: 0; padding: 7px 11px; }
#sidebarlf-sub #graybkg ul { margin: 0; }

/*NAVIGATIONS
---------------------------------------------------------------------------------------------------*/

/* Main navigation
-------------------------------*/
#mainnav { position: absolute; bottom: 0; right: 0px; left: 0px; background: url(../images/layout/mainnav-bkg.jpg) repeat-x; width:100%; height: 31px; overflow: hidden;}
#mainnav ul {margin:0; padding:0; list-style:none; width: 100%;}
#mainnav li {margin:0; padding:0; float:right; margin-left:2px;}
#mainnav a { display: block; margin:0; padding:0; margin-left:2px; background:url(../images/layout/right.gif) no-repeat right top; text-decoration: none; color: #000000;}
#mainnav a span { display:block; padding:8px 18px 7px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; background:url(../images/layout/left.gif) no-repeat left top; font-size:13px;}
#mainnav a:hover span {background:url(../images/layout/left-hover.gif) no-repeat left top;}
#mainnav a:hover {background:url(../images/layout/right-hover.gif) no-repeat right top;}

body.psd #mainnav { margin-top: 19px; }

/* active state for mainnav */
#mainnav a.current {background: url(../images/layout/right-hover.gif) no-repeat right top;}
#mainnav a.current span {background: url(../images/layout/left-hover.gif) no-repeat left top;}



/*Secondary navigation
-----------------------------*/
#topsub-navcontainer {
	width: 950px;
	margin: 0px auto;
	position: relative;
}
#topsub-nav {height:34px; width:437px; margin:0; padding:0; clear:both;}
#topsub-nav ul {margin:0; padding:0; list-style:none;}
#topsub-nav li {margin:0; padding:0; float:left; border-right:1px solid #dac585;}
#topsub-nav a {display:block; padding:9px 18px 10px 18px; color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; background:url(../images/layout/top-subnav-bkg.gif) repeat-x; font-size:12px; letter-spacing: 0px;}
#topsub-nav a:hover {background: url(../images/layout/top-subnav-selected-bkg.gif) repeat-x;}
#topsub-nav a.current {background: url(../images/layout/top-subnav-selected-bkg.gif) repeat-x; text-decoration: underline;     ;}

/* Subnav (subpages) 
------------------------------*/
ul#subnav {margin: 20px 0 0 15px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; list-style:none;}
ul#subnav li {margin: 0; padding: 0 0 14px 10px; background:url(../images/layout/list-style.gif) no-repeat 0 8px;}
ul#subnav li a {color: #f9fcf7; text-decoration: none; display: block; margin: 0; padding: 0; line-height:16px;}
ul#subnav li a:hover {color:#f8b800;}

/* current state -- activated by global.js */
ul#subnav li a.current,
ul#subnav li a.current:visited,
ul#subnav li a.current:hover,
ul#subnav li a.current:active {color:#f8b800; font-weight:bold;}

/* 3rd level navigation -- */
ul#subnav ul.section {list-style: none; margin: 5px 0 -5px 5px; padding: 0; font-weight:normal;}
ul#subnav ul.section li {background:url(../images/layout/list-style2.gif) no-repeat 0 8px; color:#e3e4e3;}
ul#subnav ul.section li a {font-size: 11px; margin: 0; color:#e3e4e3;}
ul#subnav ul.section li a:hover {text-decoration:underline;}

ul#subnav ul.section li a.current,
ul#subnav ul.section li a.current:link,
ul#subnav ul.section li a.current:visited,
ul#subnav ul.section li a.current:active {color:#e0c67b; font-weight:normal;}


ul#subnav li.spacer { background:url(../images/layout/info-btn-sub.gif) no-repeat #1e4862; height: 41px; text-indent: -1000px; margin-left: -15px; }


/* show section */
body.population ul#subnav li.population ul.section,
body.age ul#subnav li.age ul.section {display: block;}

/* manually set current state for 3rd level links so it is "selected" when you are on child pages*/
body.population ul#subnav li.population a.population,
body.age ul#subnav li.age a.age {color:#f8b800; font-weight:bold;}


/* Search
---------------------------------------------------------*/
#search { position: relative; top: 0px; left: 700px; right: 0; margin:0; width: 245px;}
form#keyword {padding: 10px 0; margin: 0;}
form#keyword label {display: none;}
form#keyword input.field {float:left; color: #555; border: 1px solid #693008; background: #fcfcfc; margin: 2px 2px 0 0; padding: 4px; width: 197px; voice-family: "\"}\"";voice-family:inherit;font: normal 11px Verdana, Helvetica, sans-serif; color: #2f2108;}
html>body form#keyword input.field {color: #555; width: 197px;}
form#sitesearch input.field:focus {background: #fff; color: #333; border: 1px solid #03a4e0;}
#search_btn,#search_btn:hover {margin: 1px 0 0 3px; padding:0; width: 25px; height: 25px; border: 0;}
	

/*Typography
------------------------------------------------------------------------------------------------------------------*/
/* Homepages */
#content { font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#474747; line-height:24px; }
#content h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size:20px; color:#474747; text-align:left; margin:0; padding:40px 0 20px 0;}
#content p { margin:0; padding:0;}

/* Subpages */
#content-sub {font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:26px; color:#474747;}
#content-sub h1 {font-family: Helvetica, Arial, sans-serif; font-size:22px; color:#474747; text-align:left; margin:0; padding:30px 0 0 0;}
#content-sub h2 {font-size:18px; font-family:Helvetica, Arial, sans-serif; color:#474747; font-weight:bold; padding-bottom:1px; border-bottom:1px #474747 solid;}
#content-sub h3 {font-size:15px; font-family:Helvetica, Arial, sans-serif; color:#474747; font-weight:bold;}
#content-sub h4 {font-size:13px; font-family:Helvetica, Arial, sans-serif; color:#474747; font-weight:normal;}
#content-sub ul {margin:0 0 0 30px; padding:0;}
#content-sub ul li {margin:0 0 10px 0; padding:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:26px; color:#333; background:url(../images/layout/list-style3.gif) no-repeat 0 10px; list-style:none;}
#content-sub ul li ul {margin-top:10px;}
#content-sub ul li ul li {background:url(../images/layout/list-style4.gif) no-repeat 0 10px; list-style:none;}
#content-sub ol {margin:0 0 0 45px; padding:0;}
#content-sub ol li {margin:0 0 10px 0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:26px; color:#333;}
#content-sub ol li ol {margin-top:10px; list-style:lower-alpha;}
#content-sub ol li ol li {}

#content-sub a:link, #content-sub a:visited, #content-sub a:active {padding-bottom:.1em; color: #006666; text-decoration: none; border-bottom: 1px solid #bcc2c7;}
#content-sub a:hover {padding-bottom:0; color: #666; border-bottom: none; background:none; }
#content-sub a:active, #content-sub a:focus {padding-bottom:.1em; color: #006666; text-decoration: none; border-bottom: 1px solid #bcc2c7;}


#content-sub a:link.img-link, #content-sub a:visited.img-link { border: none; padding: 0; }

#content a:link.glossary,
#content-sub a:link.glossary {padding-bottom: 1px; text-decoration: none; border-bottom: 2px dotted #bcc2c7;}

#content-sub .glossary-list { font-size: 1em; line-height: 1.4em; }
#content-sub .glossary-list d1 {}
#content-sub .glossary-list dt { margin: 0 0 0.5em 0; font-weight: bold; }
#content-sub .glossary-list dd { margin: 0 0 2em 0; }


/*Footer
-------------------------------------------------------------------------------------------------------------------*/
#footer {
	background: url(../images/layout/footerBkgrd.gif) repeat-y;
	clear: both;
	width: 1050px;
	color: #FFF;
	text-align: center;
	margin: 0px auto;
}
#footer .gutter {
	margin:0;
	padding:15px 20px 15px 15px;
	text-indent: 55;
}
#footer p {margin: 0; padding:0;}
#footer ul {margin:0; padding:0;}
#footer li {margin:0; padding:0; line-height:18px; list-style:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#fff;}
#footer a {color:#f8b800; text-decoration:none; font-weight:bold; outline:none;}
#footer a:active,
#footer a:visited,
#footer a:focus { color:#f8b800;}
#footer a:hover {text-decoration:underline;}

/*
#footer { padding: 0 10px;background: #000 url(../images/layout/footer-bkg.gif) repeat-x; clear: both;} 
#footer .gutter {margin:0; padding:15px 20px 80px 15px;}
#footer p {margin: 0; padding:0;}
#footer ul {margin:0; padding:0;}
#footer li {margin:0; padding:0; line-height:18px; list-style:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#fff;}
#footer a {color:#f8b800; text-decoration:none; font-weight:bold; outline:none;}
#footer a:active,
#footer a:visited,
#footer a:focus { color:#f8b800;}
#footer a:hover {text-decoration:underline;}
#footer .cs {float:right; clear:both;}
*/




/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Tables
---------------------------------------------------------*/

#container-main-sub table {border: 1px solid #c8b68c;border-right: none;border-bottom: none; margin:10px auto;}
#container-main-sub th {color: #dbdbdb;font-size: 12px;border-right: 1px solid #c8b68c;border-bottom: 1px solid #cdc9c4;text-align: left;padding: 10px 6px 10px 12px;background: #1e4862;}
#container-main-sub td {border-right: 1px solid #cdc9c4;border-bottom: 1px solid #c8b68c;padding: 6px 6px 6px 12px;color: #000000; font-size:14px;}
/* alternate bg color on table rows */
#container-main-sub tr {background: #fff;}
#container-main-sub tr.alt {background: #f8fbf6;}


#directory tr td {
	border-bottom: thin solid #BFCDDB;
	margin: 0px;
	padding: 3px;
}

#directory tr th {
	border-bottom: 1pt solid #8495B6;
	border-top: 1px solid #8495B6;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Images
---------------------------------------------------------*/
.imgright {margin:0 0 0 8px; padding:2px; float:right; border:1px solid #c8b68c;}
.imgleft {margin:0 8px 0 0; padding:2px; float:left; border:1px solid #c8b68c;}
.readmore {margin:0 0 0 8px; padding:0; float:right;}
.floatRight {
	margin: 0px 5px 5px 10px;
	padding: 5px;
	border-width: .5px;
	border-style: solid;
	float: right;
}


/* Misc.
------------------------------------------------------------------------------------------------------*/
.blog {width:188px; height:70px; margin:0; padding-bottom:15px;}
.blog a {outline:none; text-decoration:none;}

.info {width:512; height:34px; margin:-34px 0 0 0; padding:0; float:right; display:block; overflow: hidden; border:none; }
.info ul { margin: 0; padding: 0; width: 100%; }
.info ul li { list-style: none; margin: 0; padding: 0; float: right; overflow: hidden; }
.info ul li a { display: block; width: 100%; background: url(../images/layout/i_btn_bg.gif) no-repeat #000000; padding: 10px 0 20px 50px; white-space: nowrap; color: #FFFFFF; font-size: 12px; font-family: Arial; height: 24px; overflow: hidden; text-decoration: none; }
.info ul li a:hover { text-decoration: underline; }
.info ul li a.current { text-decoration: underline; }
#info_about { width: 154px; margin-right: 1px; }
#info_sd { width: 203px; }
#info_lia { width: 153px; margin-right: 1px; }



#sidebarlf-sub .information {background:url(../images/layout/info-btn-sub.gif) no-repeat #1e4862; margin:5px 0 0 0; padding:0;}
#sidebarlf-sub .information ul {margin: 0 0 0 15px; padding:50px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none; color:#f9fcf7;}
#sidebarlf-sub .information ul li {margin: 0; padding: 0 0 8px 10px; background:url(../images/layout/list-style.gif) no-repeat 0 8px;}
#sidebarlf-sub .information ul li a {color: #f9fcf7; text-decoration: none; display: block; margin: 0; padding: 0; line-height:16px;}
#sidebarlf-sub .information ul li a:hover {color:#f8b800;}

#insetbox {font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; width:580px; padding:25px 10px 15px 25px; background-color:#f8fbf6; border: 1px solid #c8b68c;
margin: 20px auto; }
#insetbox p{font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 19px; margin-top:0px; padding-top:0px;}

.source {font-family:Arial, Helvetica, sans-serif; font-style:italic;font-size:8px;}

/* HOMEPAGE extra CSS */
/* body.home #search {margin-top: 10px;} */
body.home #mainnav {float:right; background: url(../images/layout/mainnav-bkg.jpg) repeat-x; width:100%; margin-top:38px; margin-right:-8px;}
body.home #mainphoto {}


/* Project on Societal distress */
body.psd #container-main-sub { margin-top: 0; }


.tn { position: relative; }
.tn-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/layout/thumbnail_overlay.png) repeat; z-index: 10; }
.tn-icon { position: absolute; bottom: 5px; right: 5px; width: 52px; height: 40px; z-index: 20; background: url(../images/layout/thumbnail_icon.png) no-repeat; }


/* Social
------------------------------------------------------------------------------------------------------*/

#social { height: 50px; right: 0; position: relative; top: 5px; left: 700px; width: 242px; z-index: 500; }
#social-fb { float: left; margin-right: 5px; overflow: hidden; width: 48px; }
#social-fblike { float: left; margin: 0 5px 0 0; width: 47px; overflow: hidden;}
#social-tw { float: left; width: 150px; overflow: hidden; }

#social ul { list-style: none; margin: 0; padding: 0; }
#social ul li { float: left; list-style: none; margin: 0 5px 0 0; padding: 0; }
#social ul li.twitter-follow {  overflow: hidden; width: 165px; }

#content-sub .social { margin-top: 40px; }
#content-sub .social a:link { border: 0; padding: 0 5px 0 0; }
#content-sub .social a:hover { border: 0; padding: 0 5px 0 0; }



/* for css used on old site
------------------------------------------------------------------------------------------------------*/
#innerMiddleContentRight { float: right; width: 200px; }
#innerMiddleContentLeft { float:  left; width: 450px; }

img.inlineImageRight
{
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    margin:5px 10px 5px 10px;
    padding:0px 5px 0px 5px;
    float:right;
}

img.inlineImageCenter
{
    display:block;
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    margin:5px auto 5px auto;
    padding:0px 5px 0px 5px;
    text-align:center;
}

button {
	font-size: 100%;
	font-weight: bold;
	color: #333;
	width: auto;
	text-align: left;
	border-style: none;
	display: block;
	background: #FFF;
}
.calloutBox { background-color: #e6f0f0; border: solid 1px #1e4862; padding: 5px 10px;  }


.leadKeyword { font-weight: bold; }
.leadSentence { font-size: 1.2em; font-weight: bold; }

.dataCredit { font-size: 0.8en; font-style: italic; }