@charset "UTF-8";
/* CSS Document */

body{
margin:0;
padding:0;
line-height: 1.5em;
font: 72.5%/1.5em "Lucida Grande", "Lucida Sans Unicode", arial, geneva, sans-serif; color: #333333;
	background: #7ba46a;
color: #000000;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #FFFFFF;
}

#topsection{
background: #FFFFFF;
height: 210px; /*Height of top section*/
padding-bottom: 15px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 350px; /*Set left margin to LeftColumnWidth*/
background: #FFFFFF;
}

#leftcolumn{
float: left;
width: 350px; /*Width of left column*/
margin-left: -960px; /*Set left margin to -(MainContainerWidth)*/
background: #FFFFFF;
}

h1 {
 color: #990099;

}

h2 {
 color: #990099;
}

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }


img
{border:0;}

img.floatLeft { 
 border: 1px solid #cccccc; margin: 12px; padding: 8px; float: left;
}

img.floatRight { 
border: 1px solid #cccccc; margin: 12px; padding: 8px; float: right;
}

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #008CBA;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}


/* set background images for corners */
.rbroundbox { margin-top: -25px; background: url(../images/captionbox.jpg) no-repeat; line-height: 1.4em;}
.rbcontent  { margin: 25px; }

#news {
margin-top:  -50px;
border-top: solid 1px lightgray;
}

#footer{
clear: left;
width: 100%;
background: white;
	font-size:9px;
color: #333;
text-align: center;
padding: 4px 0;
}

#focuscontent {
float: left;
margin-top: 20px;
width:275px;
height:300px;
border-style:solid;
border-color:lightgray;
border-width:1px;
}

#donatecontent {
float: right;
margin-top: 20px;
margin-right: 10px;
width:275px;
height:300px;
border-style:solid;
border-color:lightgray;
border-width:1px;
}


#caption {
background: #08c;
margin-top: -30px;
font: 10px "Lucida Grande", "Lucida Sans Unicode", arial, geneva, sans-serif; color: #FFFFFF;
border-style:solid;
border-color:lightgray;
border-width:1px;
padding: 5px;
}

#footer a{
text-decoration:none;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* ---------------------- Greenslate nav ---------------------- */
.green #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(../images/grayslate3_background.jpg) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.green #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.green #slatenav ul li a{display:block;float:left;color:#666666;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.green #slatenav ul li a:hover,.green #slatenav ul li a.active{color:#fff;background:transparent url(../images/greenslate2_backgroundOVER.jpg) no-repeat top center;}
.menuhere {color:#fff;background:transparent url(../images/greenslate2_backgroundOVER.jpg) no-repeat top center;}
/* ---------------------- END Greenslate nav ---------------------- */



.clear {
	clear:both
}