/*------------------------------------------------------------------
http://wwwmfm.co.za/
(Kenridge Neighborhood Initiative)
- PRINT Style Sheet - 
- Copyright Kenridge Neighborhood Initiative 2009 - 
Created 09|03|09 10:55 pm 
Last Updated   03|09|09 12:00 pm 
------------------------------------------------------------------
BODY*/
body {
background:none;
color:#000;
font-family:"Arial", Helvetica, sans-serif;
}

body a,body a:visited {
color:#000;
text-decoration:none;
}

html {
height:101%;
}

/*HEADINGS and PARAGRAPHS*/
h1 {
background:none;
clear:left;
color:#000;
font-size:2.25em;
font-weight:lighter;
margin:0;
padding:0;
}

h2 {
clear:left;
color:#000;
font-size:1.5em;
font-weight:lighter;
padding:0 0 15px;
}

h3 {
clear:left;
color:#000;
font-size:1em;
padding:0 0 15px;
}

h4 {
clear:left;
color:#000;
font-size:1.6em;
font-weight:lighter;
}

p {
color:#000;
font-size:0.75em;
padding:0 0 20px;
position:relative;
text-align:justify;
letter-spacing:2px;
clear:both;
}

img {
background:none;
display:block;
font-size:0;
margin:0;
padding:4px;
}

hr {
border:none 0;
border-top:1px solid #eceae0;
bottom:0;
display:inline;
float:left;
height:1px;
margin:0;
padding:0;
position:relative;
width:100%;
}

/*MISC*/
.imageFloatright, .imageFloatleft  {
clear:both;
float:left;
position:relative;
margin:0 700px 0 0;
}

.floatLeft {
float:left;
}

.floatRight {
float:right;
}

/*TABLES STYLES*/
table {
background:none;
border:0;
clear:both;
color:#000;
margin:0 0 35px;
width:100%;
}

table caption {
color:#425820;
display:inline-block;
font-size:0.875em;
font-weight:700;
height:30px;
text-align:left;
width:auto;
}

table th {
background:none;
border-bottom:1px solid #000;
color:#000;
padding:12px 20px 12px 25px;
text-align:center;
vertical-align:middle;
}

table th h2 {
color:#000;
padding:0;
}

table td {
background:none;
border-bottom:1px solid #000;
color:#000;
font-size:1em;
padding:12px 18px 12px 13px;
text-align:center;
vertical-align:middle;
}

table td.hightLight,table tr.hightLight {
background-color:#f7f6ed;
border-bottom:1px solid #000;
}

table td.highDark,table tr.highDark {
background-color:#f5f3e9;
border-bottom:1px solid #000;
}

td p {
color:#313131;
font-size:.7em;
margin:0;
padding:0;
position:relative;
text-align:left;
}

/*FORMS*/
form {
clear:both;
display:block;
margin:0;
padding:0 0 35px;
}

.rowContainer {
clear:both;
height:23px;
margin:0 0 18px;
}

fieldset {
border:0;
display:inline-block;
height:100%;
padding:0 30px 0 0;
position:relative;
width:257px;
}

label {
display:inline;
float:left;
font-size:0.75em;
height:17px;
padding:0;
position:relative;
top:3px;
width:77px;
}

input,select {
background:#fff;
border:1px solid #718655;
color:#363838;
display:inline;
float:left;
font-size:.8em;
padding:1px 0 1px 1px;
position:relative;
width:173px;
}

select {
padding:0;
width:175px;
}

/*LISTS*/
ul {
clear:both;
padding:0 0 28px;
position:relative;
list-style:none;
font-size:1.2em;
}

ul li ul li {
background:url(../images/interface/bg-list-ul-li.gif) no-repeat 0 8px;
border:0;
font-size:.9em;
font-weight:400;
list-style:none;
padding:0 0 0 8px;
}

ol {
padding:0 0 28px;
position:relative;
list-style:none;
font-size:1.2em;
}

ol li ol li {
background:0;
border:0;
font-size:.9em;
font-weight:400;
list-style:decimal inside none;
padding:0;
}

.highLightarea {
background:#fff;
border:0;
padding:1px;
position:relative;
}

.highLightarea h1 {
background:#f2f0e4;
color:#531a1a;
padding:15px 0 15px 15px;
position:relative;
}

/*MAIN STRUCTURE CONTAINERS*/
#main {
background:none;
height:114px;
margin:0 auto auto;
position:relative;
width:1112px;
}

#header {
background:none;
position:relative;
width:1112px;
}

#header img {
background:none;
border:none;
left:0;
padding:0;
position:relative;
top:32px;
width:650px;
height:114px;
}

#header a:visited img {
border: 0;
color:#fff;
display:inline-block;
position:relative;
text-decoration:none;
}

ul#controlRoom {
background:none;
border:0;
clear:both;
list-style:none;
margin:10px 0 0;
padding:0;
position:relative;
width:100%;
left:0;
height:150px;
}

ul#controlRoom li {
background:none;
color:#000;
font-weight:400;
list-style:none;
margin:0;
padding:0;
position:relative;
left:0;
float:left;
clear:both;
}

ul#controlRoom li.name {
background:none;
color:#000;
font-size:1.45em;
}

ul#controlRoom li.number {
background:none;
color:#000;
font-size:2em;
top:-3px;
}

ul#login li.noBg {
background:none;
}

ul#login li a,ul#login li a:visited {
color:#fff;
display:block;
padding:8px 14px 9px 12px;
position:relative;
text-decoration:none;
z-index:1000;
}

ul#login li a:active {
color:#eee;
}

#content {
background:none;
float:left;
position:relative;
z-index:1;
border:none;
margin:30px 0 0;
padding:0;
width:100%;
}

#virtualPage {
padding:32px 0 0;
position:relative;
}

#households {
background:none;
margin:0 0 35px;
position:relative;
width:859px;
}

#households h1 {
background:none;
clear:both;
color:#000;
margin:15px 0;
padding:0;
position:relative;
top:0px;
}

#households ul {
border:0;
clear:both;
color:#000;
padding:0;
position:relative;
white-space:nowrap;
}

#households li {
background:0;
color:#000;
font-size:1.125em;
font-weight:400;
padding:0;
background:none;
list-style:none;
}

#households li.areaName {
color:#000;
font-size:1.6em;
}

#households p {
clear:both;
color:#000;
left:0;
padding:0;
top:25px;
}

#goals {
background:none;
padding:0;
position:relative;
}

#goals p {
color:#000;
font-size:0.75em;
font-weight:700;
padding:0;
position:relative;
}

#goals ul {
padding:25px 0 0;
}

#goals ul li {
font-weight:400;
list-style:none;
padding:0 0 15px 0;
}

.nextTarget {
background:none;
border:0;
clear:both;
padding:1px;
position:relative;
}

.nextTarget h4 {
background:none;
color:#000;
padding:0;
position:relative;
}

.nextTarget p {
background:none;
color:#000;
font-size:0.75em;
font-weight:700;
padding:0;
position:relative;
}

#inFocus {
background:none;
clear:both;
padding:15px 21px 35px 0;
position:relative;
}

#inFocus h1 {
margin:0;
padding:0;
}

#inFocus p {
color:#4f632f;
font-size:1.125em;
margin:0 0 0 48px;
}

.photo {
float:left;
font-size:0.75em;
margin:12px 0 0 0;
position:relative;
text-align:center;
}

.noMargin {
margin:12px 0 0;
}

.photo img {
margin:0 0 6px;
}

#events {
background:none;
border:0;
margin:0;
padding:0 2px;
position:relative;
width:385px;
}

#notices {
background:none;
border:0;
margin:0;
padding:0 2px;
position:relative;
width:385px;
}

#events h1,#notices h1 {
margin:8px 0;
padding:0;
}

#events ul,#notices ul {
background:none;
border:0;
float:none;
margin:0 0 2px;
padding:8px 0 12px;
}

#events ul li.dateStamp,#notices ul li.dateStamp {
background:none;
color:#000;
font-size:0.875em;
font-weight:700;
list-style:none;
padding:0;
}

#events ul li.description,#notices ul li.description {
background:none;
color:#000;
font-weight:400;
list-style:none;
padding:0;
}

/*NAVIGATION*/
#navigation {
background:none;
float:left;
position:relative;
width:70%;
display:none;
}

body a:hover,body a:active {
color:#fff;
}

.hidden,a.readMore,a:visited.readMore,ul#login,ul#login li,ul#menu,#menu li,#menu li a,#menu li ul,#menu li ul li,#menu li ul li a,ul#menu li ul,#navFooter,#subNav,#affiliates,#footer {
display:none;
visibility:hidden;
}

ul li,ol li {
background:none;
color:#1d2a35;
font-size:0.75em;
font-weight:700;
padding:0 0 0 37px;
position:relative;
}

ul li ul,ol li ol {
background:0;
border:0;
padding:0;
}

.highLightarea h3,.highLightarea p {
background:none;
padding:0;
position:relative;
}

ul#login li a:hover,#inFocus a,#events ul li.description a,#notices ul li.description a,#menu li a:hover {
color:#000;
}

.button input {
background:#fff;
border: 0;
border-bottom: 1px solid #842727;
clear:both;
color:#842727;
cursor:pointer;
display:inline-block;
height:20px;
margin:0 35px 0 0;
overflow:visible;
position:relative;
text-align:center;
vertical-align:middle;
width:auto;
}

.button {
clear: both;
}

.button input:hover {
background:#fff;
border: 0;
border-bottom: 1px solid #000;
clear:both;
color:#000;
}
