/* External Style Sheet for screen: John Howard Society of Peterborough */
/* Site Design: Black Cap Design */
* {margin: 0} /* sets margin on everything to 0 to address IE & non-IE rendering inconsistencies */
img {border: none;} /* removes border on all images */
body
{
padding: 0;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 11px;
background: #708225;
}
.no_display
{
display: none;
}
/* ------------------------ */
#header
{
background: url('../images/header.gif') no-repeat;
margin: 0 auto;
width: 760px;
height: 134px;
margin-bottom: 12px;
}
#logo
{
position: absolute;
top: 4px;
left: 12px;
}
#address
{
position: absolute;
top: 24px;
right: 30px;
}
#address p
{
text-align: center;
color: #787878;
font-size: 10px;
}
/* ------------------------ */
#container
{
margin: 0 auto;
width: 760px;
padding: 0;
position: relative; /* necessary for absolute positioning of logo div */
background: white;
}
#three_column_container
{
background: url('../images/3column_bg.gif') repeat-y;
}
/* ----------------------------- */
#content
{
margin: 0 190px 60px 200px;
padding: 10px 14px 0 8px;
color: #5b3e42;
}
h1
{
margin: 12px 0 12px 0;
font-size: 13px;
}
h2
{
margin: 14px 0 12px 0;
font-size: 12px;
color: #d93d1e;
}
h3
{
margin: 14px 0 12px 0;
font-size: 11px;
}
h4
{
margin: 14px 0 12px 0;
font-size: 11px;
color: #d93d1e;
}
p
{
margin: 8px 0;
line-height: 150%;
}
#breadcrumbs
{
/* margin: 0; */ /* if restoring breadcrumbs, return h1 margin-top to 12px */
display: none;
}
#content ul.standard
{
margin: -4px 0 0 0;
list-style-type: none;
padding: 0 0 0 16px;
}
ul.standard li
{
background: transparent url('../images/bullet.gif') no-repeat;
padding: 0 0 0 20px;
background-position: 0px 2px;
line-height: 150%;
}
ul.none
{
margin: -4px 0 0 0;
list-style-type: none;
padding: 0 0 0 16px;
line-height: 200%;
}
.nowrap
{
white-space: nowrap;
}
.subnav_link
{
position: relative;
top: 6px;
}
.indent
{
padding: 0 40px 0 20px;
}
/* ----------------------------- */
/* ------------------------------ */
#left_sidebar
{
float: left;
width: 178px;
background: white;
}
/* --Sidebar Navigation-- */
#navlist
{
padding: 20px 0 36px 16px;
width: 160px;
}
#navlist li, #navlist li ul li
{
list-style: none;
font-size: 11.5px;
line-height: 220%;
font-weight: bolder;
}
#navlist a
{
display: block;
padding: 0 0 0 20px;
width: 140px;
color: #858585;
text-decoration: none;
}
#navlist li a:link
{
color: #858585;
}
#navlist li a:visited
{
color: #858585;
}
#navlist li a:hover, li#active a:link#current, li#active a:visited#current, li#active a:hover#current
{
color: #59671d;
background: url('../images/navmarker.gif') no-repeat;
background-position: 0 6px;
}
#subnavlist li a:hover,#subnavlist2 li a:hover, li#subactive a:link#subcurrent, li#subactive a:visited#subcurrent, li#subactive a:hover#subcurrent
{
color: #59671d;
background-image: url('../images/subnavmarker.gif');
background-position: 0 6px;
}
div#navcontainer ul li:hover ul
{
display: block;
}
ul#subnavlist li a, ul#subnavlist2 li a
{
width: 140px;
}
/* ------ */
#navcontainer li
{
position: relative;
}
/* next is for drop down */
#navcontainer ul ul
{
position: absolute;
top: -8px;
left: 75%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
div#navcontainer ul ul
{
display: none;
}
#navcontainer ul ul
{
position: absolute;
z-index: 500;
}
#navlist li ul
{
background: #ececec;
padding: 8px 8px 8px 4px;
border: 1px solid black;
}
#navlist li ul li
{
line-height: 200%;
}
/* Sub Menu Styles */
#navcontainer li ul li a
{
padding: 1% 1% 1% 20px;
width: 140px;
background: #ececec;
line-height: 200%;
}
/* --/Sidebar Navigation-- */
#utility
{
height: 76px;
width: 179px;
background: url('../images/utility_bg.gif') no-repeat;
}
#utility img#utility_img_1
{
margin: 20px 0 0 11px;
}
#utility img#utility_img_2
{
margin: 20px 0 0 3px;
}
#utility img#utility_img_3
{
margin: 20px 0 0 -2px;
}
#utility img#utility_img_4
{
margin: 20px 0 0 2px;
}
#uw_logo
{
position: absolute;
bottom: 110px;
left: 30px;
}
#notice
{
position: absolute;
top: 440px;
left: 20px;
font-size: 12px;
font-weight: bold;
width: 160px;
}
/* ------------------------------ */
/* ------------------------------ */
#right_sidebar
{
float: right;
width: 182px;
}
#right_sidebar_image
{
margin: 0;
padding: 10px 4px 24px 0;
}
#right_sidebar p
{
color: #5b3e42;
padding-right: 8px;
}
/* ----------------------------- */
#footer
{
clear: both;
background: url('../images/footer_bg.gif') no-repeat;
height: 106px;
}
/* ======================== */
#footer_nav
{
margin: 0 auto;
width: 760px;
height: 34px;
}
#footer_navlist, #footer_navlist2
{
text-align: center;
padding: 30px 0 0 0px;
}
#footer_navlist2
{
padding: 16px 0 0 0px;
}
#footer_navlist ul, #footer_navlist2 ul
{
margin: 0;
white-space: nowrap;
padding: 0;
}
#footer_navlist li, #footer_navlist2 li
{
display: inline;
list-style-type: none;
padding: 0 8px;
font-size: 11px;
}
#footer_navlist a, #footer_navlist2 a
{
padding: 6px 0 8px 16px;
border: none;
}
#footer_navlist a:link, #footer_navlist a:visited, #footer_navlist2 a:link, #footer_navlist2 a:visited
{
color: #858585;
font-weight: bold;
text-decoration: none;
}
#footer_active a:link, #footer_active a:visited, #footer_active a:hover, #footer_navlist a:hover, #footer_navlist2 a:hover
{
border: none;
background-image: url('../images/footer_navmarker.gif');
background-repeat: no-repeat;
background-position: -1px 8px;
color: #59671d;
}
/* ======== */
.clear_right
{
clear: right;
}
#footnote
{
text-align: center;
font-size: 9px;
padding: 46px 0 0 0;
color: #787878;
}
.back_to_top
{
position: absolute;
bottom: 110px;
left: 344px;
}
.back_to_top a:link
{
text-decoration: none;
}
.back_to_top a:visited
{
color: #59671d;
text-decoration: none;
}
.image_shift
{
margin-bottom: -2px;
}
/* ======================== */
/* ====== */
a:link
{
color: #59671d;
text-decoration: underline;
}
a:visited
{
color: #e25e36;
text-decoration: underline;
}
a:hover
{
color: #59671d;
text-decoration: none;
}
/* ====== */