/* START: Streetscapes online sub-pages: base CSS ++++++++++++++++++++++++++++++ */

body { 
background-color: #666666;
margin: 0;
padding: 0;
}
a img { border: none; outline: 0; }
:focus { border: none; outline: 0; }
table.permissions-holder { 
margin: 10px 0 10px 0;
padding: 0;
background-color: #666666; 
}
table.main { background-color: #ffffff; }
table.sl {
margin: 0;
padding: 0 0 20px 0;
}

/* header */
td.header {
margin: 0;
padding: 0;
border-top: 20px solid #ffffff; 
}
/* end */

/* date, top navigation */
table.horiz-nav-holder {
margin: 0;
padding: 0;
}
td.top-date, td.top-nav {
margin: 0;
padding: 8px 0 8px 0;
}
td.top-date p {
margin: 0;
padding: 0;
font-family: Verdana, san-serif;
font-size: 10px;
line-height: 10px;
color: #000000; 
}
td.top-date p span {
color: #999999; 
}
td.top-date p a {
color: #000000; text-decoration: none;
}

td.top-nav p {
margin: 0;
padding: 0;
font-family: Verdana, san-serif;
font-size: 10px;
line-height: 10px;
color: #999999;
text-align: right;
}
td.top-nav p a, td.top-nav p a:link, td.top-nav p a:visited {
margin: 0;
padding: 0;
color: #000000;
text-decoration: none;
font-weight: normal;
}
td.top-nav p a:hover, td.top-nav p a:active {
margin: 0;
padding: 0;
color: #999999;
text-decoration: none;
font-weight: normal;
}
/* end */

/* middle content */

h1, h2, h3 {
margin: 0;
font-family: Arial, san-serif;
font-weight: bold;
}
h1 {
padding: 0 0 10px 0;
font-size: 21px;
line-height: 21px;
}
h2 {
padding: 0 0 3px 0;
font-size: 17px;
line-height: 17px;
}
h3 {
padding: 0 0 10px 0;
font-size: 13px;
line-height: 16px;
}

td.middle-content p {
margin: 0;
padding: 0 0 20px 0;
font-family: Verdana, san-serif;
font-size: 11px;
line-height: 14px;
color: #444;
}

td.middle-content img {
margin: 0 20px 10px 0;
}


.sideline { float:right; width:210px; margin-left:10px; margin-bottom:10px; background-color:#DEDEDE; padding:10px; }

/* set all states per page with body class */
td.jhgreen h1, td.jhgreen h2 { color: #4f6931; }
td.jhgreen h3 { color: #798942; }
td.jhgreen p a         { color: #4f6931; text-decoration: none; font-weight: bold; }
td.jhgreen p a:link    { color: #4f6931; }
td.jhgreen p a:visited { color: #4f6931; }
td.jhgreen p a:hover   { color: #ccc; }
td.jhgreen p a:active  { color: #ccc; }

td.jhbrown h1, td.jhbrown h2 { color: #725827; }
td.jhbrown h3 { color: #a0902e; }
td.jhbrown p a         { color: #725827; text-decoration: none; font-weight: bold; }
td.jhbrown p a:link    { color: #725827; }
td.jhbrown p a:visited { color: #725827; }
td.jhbrown p a:hover   { color: #ccc; }
td.jhbrown p a:active  { color: #ccc; }

td.jhred h1, td.jhred h2 { color: #752918; }
td.jhred h3 { color: #945442; }
td.jhred p a         { color: #752918; text-decoration: none; font-weight: bold; }
td.jhred p a:link    { color: #752918; }
td.jhred p a:visited { color: #752918; }
td.jhred p a:hover   { color: #ccc; }
td.jhred p a:active  { color: #ccc; }

td.jhblue h1, td.jhblue h2 { color: #326b86; }
td.jhblue h3 { color: #6d98b4; }
td.jhblue p a         { color: #326b86; text-decoration: none; font-weight: bold; }
td.jhblue p a:link    { color: #326b86; }
td.jhblue p a:visited { color: #326b86; }
td.jhblue p a:hover   { color: #ccc; }
td.jhblue p a:active  { color: #ccc; }

td.jhgrey h1, td.jhgrey h2 { color: #6b7b84; }
td.jhgrey h3 { color: #a0902e; }
td.jhgrey p a         { color: #6b7b84; text-decoration: none; font-weight: bold; }
td.jhgrey p a:link    { color: #6b7b84; }
td.jhgrey p a:visited { color: #6b7b84; }
td.jhgrey p a:hover   { color: #ccc; }
td.jhgrey p a:active  { color: #ccc; }

table.project td { font-family:Verdana, sans-serif; font-size:11px; color:#444; }

.field, .dd { border:solid 1px #a1a1a1; font-family:Verdana, sans-serif; font-size:11px; width:500px; }

.but1 { border:solid 1px #a1a1a1; font-family:Verdana, sans-serif; background-color:#d2d2d2; color:#6b7b84; }

/* Streetscapes Library */
td.content-sl p {
margin: 0;
padding: 0 0 10px 0;
font-family: Verdana, san-serif;
font-size: 11px;
line-height: 14px;
color: #444;
}
td.content-sl p a, td.content-sl p a:link, td.content-sl p a:visited {
font-weight: bold;
text-decoration: none;
color: #6b7b84;
}
td.content-sl p a:hover, td.content-sl p a:active {
font-weight: bold;
text-decoration: none;
color: #cccccc;
}
td.content-sl p.sl-link {
margin: 0;
padding: 0 0 10px 25px;
background-image: url('/streetscapes/img/jhss-pointer.gif');
background-position: top left;
background-repeat: no-repeat;
}
/* end */

/* bottom navigation */
table.horiz-nav-bottom-holder {
margin: 0 0 20px 0;
padding: 0;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}
td.horiz-nav-bottom p {
margin: 0;
padding: 8px 0 8px 0;
font-family: Verdana, san-serif;
font-size: 10px;
line-height: 10px;
color: #999999;
text-align: right;
}
td.horiz-nav-bottom a, td.horiz-nav-bottom p a:link, td.horiz-nav-bottom p a:visited {
margin: 0;
padding: 0;
color: #000000;
text-decoration: none;
font-weight: normal;
}
td.horiz-nav-bottom p a:hover, td.horiz-nav-bottom p a:active {
margin: 0;
padding: 0;
color: #999999;
text-decoration: none;
font-weight: normal;
}
/* end */

td.footer p {
margin: 0;
padding: 0;
font-family: Verdana, san-serif;
font-size: 10px;
line-height: 12px;
color: #666666;
}

/* END: Streetscapes online sub-pages: base CSS ++++++++++++++++++++++++++++++++++++++++++ */


/* START: Streetscapes online sub-pages: horizontal nav CSS ++++++++++++++++++++++++++++++ */

#nav-holder {
margin: 0 0 20px 0;
padding: 0;
width: 670px;
height: 27px;
background-color: #4f6931;
text-align: right;
z-index: 100;
}

#nav-holder img.arrow {
margin: 0;
padding: 0;
border: none;
display: inline;
}

#nav {
margin: 0;
padding: 0;
list-style: none;
position: relative;
height: 25px;
float: right;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
z-index: 100;
}

#nav div.level-one {
margin: 0;
padding: 0; 
position: absolute; 
left: -1px; /* set first one to 0 for correct alignment */ 
top: 26px;
width: auto;
height: auto;
display: none;
float: left;
overflow: hidden;
}

#nav li {
margin: 0;
padding: 0;
font-family: Arial, sans-serif; 
font-size: 11px;
font-weight: bold;
float: left; 
position: relative;
}

#nav li a {
padding: 0 10px;
margin: 0;
text-decoration: none; 
white-space: nowrap; 
display: block;
line-height: 25px; 
float: left; 
font-weight: bold; 
color: #444;
background-color: #fff;
border-right: 1px solid #999;
/* set border-left inline for the first item */
}

/* colors, a states */
#nav li.jhgreen a:link, #nav li.jhgreen a:visited { color: #4f6931; }
#nav li.jhbrown a:link, #nav li.jhbrown a:visited { color: #725827; }
#nav li.jhred a:link,   #nav li.jhred   a:visited { color: #752918; }
#nav li.jhblue a:link,  #nav li.jhblue  a:visited { color: #326b86; }
#nav li.jhgrey a:link,  #nav li.jhgrey  a:visited { color: #6b7b84; }

/* hover/active */
#nav li.jhgreen a:hover, #nav li.jhgreen a:active {
color: #fff;
background-color: #4f6931;
}
#nav li.jhbrown a:hover, #nav li.jhbrown a:active {
color: #fff;
background-color: #725827;
}
#nav li.jhred a:hover, #nav li.jhred a:active {
color: #fff;
background-color: #752918;
}
#nav li.jhblue a:hover, #nav li.jhblue a:active {
color: #fff;
background-color: #326b86;
}
#nav li.jhgrey a:hover, #nav li.jhgrey a:active {
color: #fff;
background-color: #6b7b84;
}

#nav li ul {
padding: 0; 
margin: 0;
list-style: none; 
background-color: #fff; 
width: auto;
position: relative;
}

#nav li ul li { width:270px; text-align:left;
}

#nav li ul li a {
margin: 0;
padding: 6px 10px;
font-size: 11px;
line-height: 11px;
font-weight: normal;
float: none;
border-top: none;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
display:block;
color: #444;
}

/* reset sub-link states after top-level list items were set for colors */

/* colors
#nav li.jhgreen ul li a:link, #nav li.jhgreen ul li a:visited { color: #4f6931; background-color: #dfd6ae; }
#nav li.jhbrown ul li a:link, #nav li.jhbrown ul li a:visited { color: #725827; background-color: #eedc99; }
#nav li.jhred ul li a:link,   #nav li.jhred ul li a:visited   { color: #752918; background-color: #f0d6bf; }
#nav li.jhblue ul li a:link,  #nav li.jhblue ul li a:visited  { color: #326b86; background-color: #d2dae3; }
#nav li.jhgrey ul li a:link,  #nav li.jhgrey ul li a:visited  { color: #6b7b84; background-color: #e2e3e4; }
*/

/* bw */
#nav li.jhgreen ul li a:link, #nav li.jhgreen ul li a:visited { color: #333; background-color: #eee; }
#nav li.jhbrown ul li a:link, #nav li.jhbrown ul li a:visited { color: #333; background-color: #eee; }
#nav li.jhred ul li a:link,   #nav li.jhred ul li a:visited   { color: #333; background-color: #eee; }
#nav li.jhblue ul li a:link,  #nav li.jhblue ul li a:visited  { color: #333; background-color: #eee; }
#nav li.jhgrey ul li a:link,  #nav li.jhgrey ul li a:visited  { color: #333; background-color: #eee; }

#nav li.jhgreen ul li a:hover, #nav li.jhgreen ul li a:active { color: #fff; background-color: #4f6931; }
#nav li.jhbrown ul li a:hover, #nav li.jhbrown ul li a:active { color: #fff; background-color: #725827; }
#nav li.jhred ul li   a:hover, #nav li.jhred   ul li a:active { color: #fff; background-color: #752918; }
#nav li.jhblue ul li  a:hover, #nav li.jhblue  ul li a:active { color: #fff; background-color: #326b86; }
#nav li.jhgrey ul li  a:hover, #nav li.jhgrey  ul li a:active { color: #fff; background-color: #6b7b84; }

/* END: Streetscapes online sub-pages: horizontal nav CSS ++++++++++++++++++++++++++++++++ */


/* END: Streetscapes online sub-pages: base CSS ++++++++++++++++++++++++++++++ */