html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: url(../images/headerbackwhatwedo.jpg) left top repeat-x;
 background-color:#ccc;
} 

#header{
 position:relative; 
 height:190px; 
 background-color:#676161; 
 background: url(../images/headerwhatwedo.jpg) right top no-repeat; 
 width:759px;
} 

a:link,
a:active,
a:visited {
color: #003466
}

a:hover {
color: white;
background-color: #003466;
}

a:hover img {
	background-color: transparent;	
}
#toplinks a:hover {
background-color: #4C7094;
color: white
}

#leftcol div.header {
background-color: #4C7094
}

#maincontent h1 {color: #003466}
#maincontent a {color: #4D7195;
padding: 0 1px 0 1px;
border-bottom: 1px dashed #4D7195
}

/* MAIN MENU */

 #navcontainer
{
margin: 0;
padding: 0 0 0 5px;
position: absolute;
top: 134px;
left: 0;
float: left
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer a
{
font-family: arial;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
color: #fff;
display: block;
width: auto;
text-decoration: none;
background: #4C7094;
margin: 0;
padding: 7px 12px 6px 13px;
border-right: 1px solid #4C7094;
}

#navcontainer a:hover, #navcontainer a:active {
background: #003466;
color: #fff;
border-right: 1px solid #4C7094;
}



#navcontainer a.active:link, #navcontainer a.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

#navcontainer li.selecteditemstyle a {
background: #003466;
color: #fff}

/* GET INVOLVED BOX 01 */

.landingbox,
#box {
display: block;
width: 100%;
float: left
}

.landingbox .boxhd,
#box .boxhd {
background-color: #4C7094;
color: #fff;
display: block;
padding: 2px 0 2px 5px;
font-weight: bold
}

.landingbox .boximage,
#box .boximage {
float: right;
margin: 0 0 0 5px
}

..landingbox div.introextra,
#box div.introextra {
font-weight: bold;
font-size: 1.2em;
color: #999;
width: 170px;
padding: 3px 0 5px 0;
float: right;
}

.landingbox .boxcontent,
#box .boxcontent {
padding:  5px;
margin: 0
}

#boxfooter {
float: right;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
font-weight: bold;
width: 200px;
display: block;
padding: 2px;
background-color: #4C7094;
margin: 0 -2px 0 0
}

#boxfooter span {
padding-left: 5px;
float: left
}

#boxfooter a {
margin: 0; padding: 0;
color: #fff;
text-align: right;
border-bottom: none
}

/* GET INVOLVED BOX 02 (LINK LIST) */

#linklistbox {
display: block;
float: left;
margin: 10px 0 10px 0;
width: 360px;
}

#linklistbox .linklistboxhd {
background-color: #4C7094;
color: #fff;
display: block;
padding: 2px 0 2px 5px;
font-weight: bold;
}

#linklistbox .linklistboxitems {
float: left;
display: block;
}

#linklistbox .linklistimage {
float: right
}

#linklistbox ul {
margin: 0;
padding: 5px
}

.linklist {padding: 0 0 0 5px}

#linklistbox ul li {list-style:none;margin: 2px 0 4px 0}

#linklistbox ul li a {font-size: 1.1em; }

/* GET INVOLVED BOX 03 (QUOTE BOX) */

#getinvolvedquotebox {
display: block;
float: right;
margin: 10px 0 0 0;
width: 190px;
height: 120px;
background-color: #F4F4F4
}

#getinvolvedquotebox .linklistboxhd {
background-color: #4C7094;
color: #fff;
display: block;
padding: 2px 0 2px 5px;
font-weight: bold;
}

#getinvolvedquotebox .quote {
padding: 5px;
font-size: 1.1em;
line-height: 1.2em;
color: #666666
}

/* DONATE RIGHT COL */


#donateboxright {
border: 1px solid #000;
width: 145px;
margin: 10px 0 10px 10px;
}

.donateboxheader {
background-color: #4C7094;
color: #fff;
text-transform: uppercase;
display: block;
padding: 3px 0 3px 5px;
font-weight: bold
}

.donateintro {
padding: 5px;
font-size: 0.9em
}

.donatetext {
padding: 0 5px 0 5px;
}

.donateinput {
padding: 0 5px 0 5px;
font-weight: bold;
font-size: 1.2em
}

#donaterightbutton a {
margin: 10px 0 10px 5px;
padding: 5px;
font-weight: bold;
border: 1px solid #ccc;
background-color: #999;

}

/* LEFT COL LINK COLOURS */

#leftcol div.header {
background-color: #003466
}

#leftcol ul li a:link,
#leftcol ul li a:visited,
#leftcol ul li a:active {
color: #003466;
background-color: #F4F4F4
}

#leftcol ul li a:hover {
color: #666666;
background-color: #eee
}

/* RIGHT COL LINK COLOURS */

#rightcol ul li a {
color: #003466;
/*border-bottom: 1px dashed #003466;*/
padding: 0;
line-height: 1.2em
}

#rightcol ul li a:hover {
background-color: #003466;
color: #fff;
border-bottom: none;
}

.webblerimage a:hover,
.webblerimage a:link,
.webblerimage a:active,
.webblerimage a:visited {
	background-color: transparent;
	border: 0px none;
}

#maincol .webblerimage a {
	border: 0px none;
	border-color: #fff;
}

#rightcol a, #rightcol a:hover {
	border: 0px none;
}


#rightcol div.header{
background-color:#4C7094;
}

#boxproject{
display: block;
width: 98%;
float: left;
margin:0;
padding-bottom: 8px
}
#boxproject .boxhd {
background-color: #4C7094;
color: #fff;
display: block;
padding: 2px 0 2px 5px;
font-weight: bold
}
#boxproject p{
margin: 0;
padding-bottom:10px;
}
#boxproject .boxcontent {
padding: 5px 10px 0px 10px;
margin: 0;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333	
}

#boxproject .boximage {
float: left;
margin: 0 0 0 5px
}