/* Start of CMSMS style sheet 'GF Home Styles' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   background-color: #abc9e7; 
   font-family: Arial, sans-serif;
   color: #1a0055;
   font-size: 75.01%;
   line-height: 1em;
 margin: 3px auto;     /* gives some air for the pagewrapper */
width: 900px; }

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
    color:white;
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
   color:white;              /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: underline;
}

/*****************
basic layout 
*****************/


div#header {   height: 114px; float:left;      }

#donate { float:right; margin:0; padding:0; text-align:right; }
#donate img { border: 3px solid #1a0055; margin: 0; padding:0; }
#donate h1 {padding:3px 0; margin: 2px 0;}

#mission { float: right; background-color:white; text-align: center; width:697px; margin: 0 0 5px; padding:0; border: 3px solid #1a0055; }
#mission p { font-size: 14px; color: #1a0055; padding: 15px;}

div#content { float: right; width:700px; }
div#content p { padding: 15px; }

#menu { float: left; width:173px;  height: 500px; margin:0; padding:0 10px 0 0; }
#menu ul { width:173px; margin: 0; padding:0; }
#menu ul li {  color: #338100; font-size:16px; text-align:center; list-style:none;  background-color: #003366; margin:0px 0px 20px 0px; padding:10px; line-height:16px; }
.currentpage h3 {/*color: white; text-align:center; list-style:none;  background-color: #003366; margin:0px 5px 20px; padding:10px;*/ }
#menu ul li a, a:visited, a:focus { color: white; text-decoration:none; font-size:16px; padding: 5px 0px; text-align:center; list-style:none; margin:0px 0px 20px 0px; line-height:16px;  }
#menu ul li a:hover { text-decoration:underline;  }

#fund { width:352px; float:left; margin: 0 20px 0 0; padding:0;}
#drkblueborder h1 { text-align:center; color:white; background-color: #003366; font-size:20px; padding: 10px 0 0; font-weight: 100;}
#fund p { font-size: 11px; border: 3px solid #003366; background-color: white; margin: 10px 0 0 0; padding:0;}
#fund img { border: 14px solid #003366; margin: 5px 0px; background-repeat:no-repeat;}
#drkblueborder { width:352px; background-color: #003366; margin: 0; padding: 0; }

#testimonial {width:280px; float:right; padding:0px 20px; margin:4px 0 0; background-color: #003366; border: 3px solid #003366; }
#testimonial p {width: 300px; margin: 10px 0 0 0; padding:10px; font-style:italic; color:#abc9e7; font-size: 14px; }
#testimonial h2 { color:white; text-align:center; margin: 0; padding: 5px; }
#testimonial img { background-repeat:no-repeat;}


div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 }

div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #003366;
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;      /* some air for footer */
   text-align: center; /* centered text */
   margin:0;
}

div#footer p a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}
/* End of 'GF Home Styles' */