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

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

/* 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;
float: left; 
width: auto;
text-decoration: none;
background: #E25305;
margin: 0;
padding: 7px 12px 6px 13px;
border-right: 1px solid #E25305;

}

#navcontainer a:hover, #navcontainer a:active {
background: #8B421F;
color: #fff;
border-right: 1px solid #E25305
}

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

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

#topright a:hover {
background-color: #8B421F
}

/* LEFT COL LINK COLOURS */

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

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

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


/* RIGHT COL LINK COLOURS */

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

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

#rightcol div.rightcontent {
padding: 0 5px 0 10px
}

#rightcol div.morelink {
margin: 0 0 0 10px;
font-weight: bold
}

div.box h2,
div.boxleft h2,
div.boxleftsm h2,
div.boxrightsm h2,
div.boxright h2 { font-size: 1.3em; font-family: Arial; color: #000000; margin: 0; padding: 0 0 0.5em 0; }

/* boxes with borders */
.boxborder {
display: block;
width: 99%;
float: left;
margin: 0 0 5px 0;
background-color: #F4F4F4
}

.boxborder .boxhd {
background-color: #E25305;
color: #fff;
display: block;
padding: 2px 0 2px 5px;
font-weight: bold
}


.boxborder .boxcontent {
padding: 5px;
}

#maincontent .posted {
display: block;
font-weight: bold;
background-color: #D9E0D9;
padding: 3px 3px 3px 10px;
color: #666666
}

#maincontent .blogcontent{
display: block;
background-color: #F5F5F5;
padding: 3px 3px 15px 10px;
color: #666666;
margin: 0 0 10px 0
}

#maincontent .blogcomment {
margin: 5px 0 5px 0
}

#maincontent .blogcommenthd,
#maincontent .bloghd a{
color: #0065CA;
border: none;
font-weight: bold;
font-size: 1.2em;
}

#maincontent .pageanchor,
#maincontent a.pageanchor,
#maincontent a.pageanchor:link,
#maincontent a.pageanchor:visited,
#maincontent a.pageanchor:active,
#maincontent a.pageanchor:hover {
text-decoration: none;
background-color: transparent;
border-bottom: none;
border-bottom-style: none;
border-bottom-width: 0px;
visibility: hidden;
color: #fff;
margin: 0;
padding: 0

}

#maincontent .postedby {
text-transform: uppercase;
margin: 10px 0 0 0;
font-weight: bold;
color: #E49D41;
font-size: 0.8em
}

#rightcol div.bloghistory {
margin: 10px 5px 5px 5px;
padding: 0
}

#rightcol div.bloghistoryentry {
margin: 0 5px 12px 0;
padding: 0
}

#rightcol div.bloghistoryentry a:hover {
color: #fff;
padding: 0
}

div.bloggerimage {
border: 1px solid #ccc;
padding: 3px;
margin: 5px 5px 5px 10px;
width: 100px
}

/* LANDING PAGE */

/* GET INVOLVED BOX 01 */

#box {

display: block;
width: 100%;
float: left
}

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

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

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

#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: #E25305;
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: #E25305;
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
}

#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: #E25305;
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
}

/* LANDING RIGHT COL */

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

.donateboxheader {
background-color: #E60000;
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;
}