/* CSS Document */

a {  color:#3C93CB;}
a img { border:0; }
body {  font-family:Verdana;margin:0;padding:0;}
.clear {  clear:both;}
#container {  width:784px;border-right:1px solid #3C93CB}
#right-col img {display:block;margin-bottom:7px;}
#breadcrumbs { background-color:#168741;font-size:9px; color:#fff;padding:1px 10px 3px 10px;}
#breadcrumbs a{ color:#fff;  }
#left-col {  width:570px;float:left; font-size:10px;}

#left-col #logo { background-color:#DBECCA;width:100%;  padding:19px 20px 26px 13px;border-bottom:1px solid #3C93CB; margin-bottom:20px;}

#left-left-col { float:left; width:180px;margin:0 0px 0px 13px !important;margin:0 0px 0px 7px;}
#left-right-col { margin: 0 0px 20px 0; float:right; width:360px;height:600px;overflow-y:scroll}
/**** NAV STYLES ****/
#left-left-col ul {   padding:0;margin:0 0 14px 0;}



#left-left-col ul li { list-style-type:none; color:#fff; font-weight:bold;  margin:0 0 2px 0 !important;margin:0 0 -10px 0; }
#left-left-col ul.arava li.header { background-color:#006438; margin:0;padding:7px}
#left-left-col ul.friends li.header { background-color:#158945;margin:0;padding:7px}
#left-left-col ul.arava li a{ background:#A0BFB6;color:#fff;font-weight:bold; text-decoration:none;padding:7px 10px;display:block; }
#left-left-col ul.friends li a{ background:#DAEACA;color:#158945;font-weight:bold; text-decoration:none;padding:7px 10px;display:block; }
#left-left-col ul.friends li a:hover {  background-color:#ccc;color:#505875; }
#left-left-col ul li a:hover {  background-color:#ccc;color:#505875; }
#left-left-col ul li.on {margin:0 0 2px 0;padding:7px 10px; background-color:#ccc;color:#505875 }
#left-left-col div.details { margin-top:30px; text-align:center; color:#2185BF}


/*#left-left-col ul li ul {  margin:0;padding:0; background:#fff;}
#left-left-col ul li ul li {    list-style-type:none;}
#left-left-col ul li ul li a {color:#37995A;font-weight:bold;  text-decoration:none;background-color:#DBECCA;padding:7px 5px 7px 21px;}
#left-left-col ul li.header ul li.currentpage {background-color:#ccc;color:#168741;padding:7px 5px 7px 21px;margin-bottom:2px;  }
*/
#left-left-col img { margin-top:28px;  border:0;}
#left-left-col img.donate {margin:5px 0 0px 30px; }

#left-right-col ul,#left-right-col ol {padding:0 25px;margin:0;  }
#left-right-col ul li  { font-size:11px;line-height:15px;padding-bottom:5px;list-style-type:square }
#left-right-col ol li{ font-size:11px;line-height:15px;padding-bottom:5px; }
#right-col { float:right; width:auto !important; width:213px;padding:19px 0 75px 0; background: url('images/bkgd_rightcol.gif') 0 0 repeat-x; }
#right-col img {display:block;margin-bottom:7px;}
#right-col .img-2 { margin-left:48px}
#right-col .img-3 { margin-left:7px}
h1 { color:#505875; font-size:21px;margin:0; padding:0;   }
h2 {  color:#505875; font-size:16px;  margin:0 0 8px 0; padding:0; }
h3 { color:#3C93CB; font-size:19px;padding:0; margin:0 0 9px 0; }
h5 { font-size:10px;margin:0 0 1px 0; font-style:italic;}
p { font-size:11px; line-height:17px; margin:0 0 10px 0;}
#left-right-col h3 {color:#000;font-size:14px;margin-bottom:0px; }
.news { margin:27px 0 0 6px; border-left:9px solid #168741; padding-left:13px;width:175px;}
.news a { color:#505875; font-weight:bold;font-size:10px; text-decoration:underline;}
.news ul {  margin:0; padding:0;}
.news ul li { list-style-type:none; padding-bottom:11px; line-height:11px; }

#left-right-col h3.callout {color:#2083C4}
p.callout { color:#2083C4 }

/**  FOOTER  **/
#footer { background-color:#DBECCA; border-top:1px solid #3C93CB;border-bottom:1px solid #3C93CB; padding:12px 0 20px 12px;color:#3C93CB;font-size:9px;}
#footer div.logos img{margin-right:12px;  }
#footer div.logos .arava-logo{margin-right:232px;  }