/*default style sheet for site */

body{margin: 0px;
     padding: 0px;
     font-family: arial, helvetica, sans-serif;
     font-size: 100%;
     color: #0000cc;
     background-color: #000099;
     background-image: url(../images/nightsky.jpg);
      SCROLLBAR-FACE-COLOR:#ffffcc;
     	    SCROLLBAR-ARROW-COLOR:#000000;
     	   SCROLLBAR-TRACK-COLOR:#ffff66;
	   SCROLLBAR-BASE-COLOR:#ffffcc;
     }
 
#maindiv{position: relative;
         margin-left:auto;
		 margin-right:auto;
         width: 1180px;
         height: 840px;
         padding: 0px;
         background-color: #ccccff;
         background-image: url(../images/back2.jpg);
		 background-position:226px;} 
 
#topbar{ position: absolute;
         top: 0px;
         left: 506px;
         width: 674px;
         height: 136px;
         background-color: #ddddff;
         background-image: url(../images/titlebar4.jpg);
         background-repeat: no-repeat;}

#leftcol{position: absolute;
         top: 0px;
         left: 0px;
         width: 226px;
         background-color: #ffffdd;
         height: 840px;
         } 
         
#title{margin-left: 40px;}

#charitynum{font-style: italic;
            font-size: 9pt;
            position: absolute;
            top: 84px;
            left: 20px;
			text-align:center;
            }
 #contact{font-style: italic;
            font-size: 10pt;
            position: absolute;
            top: 118px;
            left: 20px;
            }          
            
#menubar{position: absolute;
         top: 200px;
         left: 0px;
         width: 210px;
        /* height: 400px;
         overflow: visible;*/
         background-color: ##ddddff;
         background-image: url(../images/menuback3.jpg);
         font-size: 80%;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.9);
	opacity: 0.9;
          padding: 5px;  
         }
         
#menu{/*position: relative;
      top: 20px;
      left: 20px;*/
      margin: 20px;
      margin-right: 0px;
      overflow: visible;
      }      
      
#activities{height: 360px;
            overflow: auto;
            margin: 20px;
            margin-right: 0px;
            }
			
#footer{position:absolute;
        top:720px;
		left:526px;
		width:600px;
		}			
         
a.menulink{display: block;
          width: 160px;
          font-weight: bold;
          color: #000066;
          text-decoration: none;
          padding: 2px;
          background-image: url(../images/gradient5.jpg);
          border-width: 1px;
          border-color: #999933;
          border-style: solid;
          }
 
 a.actlink{display: block;
          width: 160px;
          font-weight: bold;
          color: #000066;
          text-decoration: none;
          padding: 2px;
          background-image: url(../images/gradient7.jpg);
          border-width: 1px;
          border-color: #999933;
          border-style: solid;
          }
          
a.dummylink{display: block;
          width: 160px;
          font-weight: bold;
          color: #000066;
          text-decoration: none;
          padding: 2px;
          background-color: #ffff99;
          background-image: url(../images/gradient4.jpg);
          border-width: 1px;
          border-color: #999933;
          border-style: solid;
          font-size: 120%;
          }          
          
          
a.menulink:hover{  background-image: url(../images/gradient4.jpg);   
                   color: #990000;
                }  
a.actlink:hover{  background-image: url(../images/gradient6.jpg);   
                   color: #990000;
                }     
                
#mylogo{position: absolute;
        font-size: 9pt;
        top: 140px;
        left: 4px;
        width: 100px;
        border-width: 1px;
        border-style: solid;
        border-color: #9999ff;
        padding: 2px;
        text-align: center;
        color: #6666ff;
        }
        
a.logolink{text-decoration: none;
           color: #6666ff;}
a.logolink:hover{color:#ff9900;}