/* 
CSS for Hope Fountain 
*/ 

body  {   
   color: #000000;
   background-color: #ffffff;
   font-family: arial, veranda, sans-serif;
   scrollbar-base-color: #ffffff;
   scrollbar-face-color: #ffffff;
   scrollbar-track-color: #ffffff;
   scrollbar-arrow-color: #000000;
   scrollbar-highlight-color: #ffffff;
   scrollbar-3dlight-color: #ffffff;
   scrollbar-shadow-color: #000000;
   scrollbar-darkshadow-color: #ffffff;
   overflow: auto;
   float: center;
}

h1  {
   font-size: 20px;
   text-align: left;
}

h2  {
   font-size: 14px;
   text-align: left;
}

h3  {
   font-size: 10px;
   text-align: left;
}

p { 
   font-size: 12px;
   text-align: left;  
}

#menubar {
   position: absolute;
   top: 10px; margin-left: 50px;
}   
  

#menu {  
   font-size: 13px;
}
  
#main { 
   position: absolute;
   top: 195px; 
   margin-left: 50px;
   border-style: solid; border-width: 13px; border-color: #000000; border-top: 0px; border-bottom: 2px;
   background-color: transparent; 
   padding: 10px; padding-right: 5px; padding-bottom: 10px; padding-top: 20px;
   width: 896px; height: 430px;
   overflow: auto;
   float: center; 
}
html>body #main {
	width:855px; height: 425px;
}

#main-text {
   position: absolute;
   top: 45px; margin-left: 240px;
   width:400px;
}   

#news {
position: absolute; top:43px; margin-left: 240px; width: 400px;
}
html>body #news {
	top: 38px;
} 

#home {
position: absolute; top: 182px; margin-left: 86px;
}

#who {
position: absolute; top: 182px; margin-left: 218px;
}

#our-work {
position: absolute; top: 182px; margin-left: 363px;
}

#support {
position: absolute; top: 182px; margin-left: 488px;
}

#contact {
position: absolute; top: 182px; margin-left: 628px;
}

#slogan {
position: absolute; top: 145px; margin-left: 750;
width: 190px;
}

#quick-links {
position: absolute; top: 45px; margin-left: 15px;
width:230px;
}
html>body #quick-links {
	top:38px;
}

#africa {
position: absolute; top: 225px; margin-left: 8px;
}

#flyer{
position: absolute; top: 34px; margin-left: -5px;
}

#tickets{
position: absolute; top: 295; margin-left: 270px; 
}

#feelgoodlogo{
position: absolute; top: 25; margin-left: 450px; 
}

#supporters{
position: absolute; top: 130; margin-left: 445px; width: 150;
}

#contact2{
position: absolute; top: 34px; margin-left: 8px;
}


#block3{
position: absolute; top: 270px; margin-left: 677px;
}


#block4{
position: absolute; top: 32px; margin-left: 681px;
}

#rollover{
position: absolute; top:330px; margin-left: 681px;
}









#arrow1{
position: absolute; top: 280px; margin-left: 600px;
}

#arrow2{
position: absolute; top: 40px; margin-left: 600px;
}

#form1 {
position: absolute; top: 335px; margin-left: 686px;
}

#paylink{
position: absolute; top: 250px; margin-left: 710px; font-size: 12px;
}

a:link { color: #ef5542; text-decoration: none; border:}
a:visited { color: #ef5599; text-decoration: none; border:}
a:hover { font-weight: bold; text-decoration: none;}
a:active { color: #ef5542; text-decoration: none;}