/* CSS Document */

* {margin:0; padding:0;}

body{
background:#4a5a64;
font:76% Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-align:center;
behavior:url(csshover.htc);
}

#container{
width:814px;
margin:10px auto;
text-align:left;
}

.container_border{
border:#612e23 2px solid;
}

#header{
background:url(images/banner_28.jpg);
height:301px;
width:814px;
float:left;
}

.hide {
display:none;
}

#nav{
width:814px;
height:50px;
background-color:#91b0bb;
font-size:.9em;
}

.nav_border{
border-top:#612e23 1px solid;
}

#nav ul{
border:0;
margin:0 0 0 25px; 
padding:0;
list-style:none;
}

#nav li{
padding:16px 0;
margin:0; 
float:left;
font-size:1.2em;
list-style-type:none; 
position:relative;
}

#nav a{
padding:0 12px;
color:#612e23;
text-decoration:none;
}

#nav a:visited{
color:#3E7285;
text-decoration:none;
}

#nav a:hover{
color:#fef4e3;
text-decoration:none;
}  

/* the drop-down starts here */

#nav ul li ul{
margin:-1px 0 0 0; 
width:19em; 
position:absolute; 
left:0;
display:none;  }/* {display:none;}  conceals the drop-down when menu not hovered */

#nav ul li:hover ul{
display:block;
}  /* shows the drop-down when menu is hovered */

#nav ul li ul li{
width:100%; 
border-left:1px solid #612e23;
border-bottom:1px solid #612e23;
border-right:1px solid #612e23; 
padding:1px 0 1px 5px; 
background-color:#91b0bb;
} 

#nav * ul li:first-child {
border-top:1px solid #612e23;
} 

#nav ul li ul li a{font-weight:normal; font-size:.8em; padding-right:45px;
}

#nav ul li ul li:hover{background-color:#57A0BA;}

/*the drop-down ends here */ 

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html #nav ul {
float:left; /* makes the ul wrap the li's */

}
* html #nav ul li ul{margin-top:15px;}
* html #nav ul li ul li ul{margin-top:0;}
* html #nav ul li ul {border-top:1px solid #000000;}
* html html a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */

/* end of hack zone */

.clearfloats {
clear:both
}

#main_index{
width:814px;
background:url(images/friends_logo2.gif);
/*background-position:top,left;*/
background-repeat:no-repeat;
background-color:#fef4e3;
}

#main{
width:814px;
background-color:#fef4e3;
}

#maintext{
width:609px;
font-size:1.1em;
float:left;
padding-top:40px;
padding-bottom:30px;
}

#maintext h1{
color:#612e23;
font-size:1.5em;
font-weight:400;
margin-top:40px;
margin-bottom:20px;
margin-left:40px;
}

#maintext h2{
color:#612e23;
font-size:1.1em;
font-weight:800;
margin-top:30px;
margin-bottom:20px;
margin-left:40px;
}

.maintext_caption{
font-style:italic;
margin-top:-5px;
}

#maintext p{
margin:0 40px 30px 40px;
line-height:1.3em;
color:#612e23;
}

#maintext ul{
color:#612e23;
margin-bottom:20px;
margin-left:60px;
}

#maintext a{
color:#612e23;
text-decoration:underline;
}

#maintext a:visited{
color:#b59151;
text-decoration:none;
}

#maintext a:hover{
color:#91b0bb;
text-decoration:underline;
}

.underline{
text-decoration:underline;
}

.center{
text-align:center;
}

.right{
float:right;
}

.left{
float:left;
padding-right:20px;
}

.italic{
font-style:italic;
}

.bold{
font-weight:bold;
}

.bold_gap{
font-weight:bold;
padding-top:30px;
text-align:center;
}

#mainright_container{
width:190px;
float:left;
}

#mainright{
width:155px;
margin:15px 4px 10px 4px;
padding:20px 13px;
text-align:center;
float:left;
font-size:1.2em;
font-weight:400;
line-height:1.1em;
color:#612e23;
}

#mainright p{
margin:15px 0;
}

.mainright_border{
border:#612e23 1px solid;
}

.light_border{
border:#fef4e3 1px solid;
}

.mainright_caption{
font-size:.9em;
font-style:italic;
margin-top:-3px;
}

.align_left_bold{
text-align:left;
font-weight:bold;
}

#mainright a{
color:#612e23;
text-decoration:underline;
}

#mainright a:visited{
color:#b59151;
text-decoration:none;
}

#mainright a:hover{
color:#4a5a64;
text-decoration:underline;
}

#donate{
margin:20px 25px;
font-weight:bold;
}

#donate.button {
width:108px; 
height:44px; 
top:0px; 
left: 0px; 
border: 1px #612e23 solid;
}

a.roll {
width:108px; 
height:40px; 
display:block; 
padding-top:4px; 
font: bold 10pt;
text-align:center; 
line-height:2.2em; 
background:url("images/donate_button.jpg") 0px 0px no-repeat;
}

#donate.button a.roll:link {
color: #612e23; 
text-decoration:none; 
background-position: 0px 0px;
}

#donate.button a.roll:visited {
color: #612e23; 
text-decoration:none; 
background-position: 0px -44px;
}

#donate.button a.roll:hover {
color:#612e23; 
text-decoration:underline; background-position: 0px -44px;
}

#footer{
background-color:#612e23;
color:#ffffff;
font-weight:bold;
padding-left:15px;
text-align:left;
width:799px;
padding-top:20px;
/*padding-bottom:10px;*/
}

.sponsors{
margin-bottom:50px;
margin-right:12px;
float:left;
width:140px;
}

/*This puts an "invisable" border around the sponsors' logos so they won't have a colored border controlled by the code for links*/
.border{
padding:2px;
border-color:#612e23;
border-width:1px;
border-style:solid;
}

.caption_footer{
text-align:center;
font-size:.9em;
margin-top:2px;
margin-bottom:10px;
}

#footer ul{
border:0;
margin:0; 
padding-left:35px;
list-style:none;
}

#footer li{
padding:16px 24px 16px 0;
margin:0; 
float:left;
font-size:.9em;
list-style-type:none; 
position:relative;
}

#footer a{
color:#fcda9f;
text-decoration:none;
}

#footer a:visited{
color:#b59151;
text-decoration:none;
}

#footer a:hover{
color:#ffffff;
text-decoration:underline;
}

#special{
background-color:#612e23;
text-align:right;
font-weight:normal;
color:#fcda9f;
padding-right:35px;
padding-bottom:25px;
}

#special a{
color:#fcda9f;
text-decoration:underline;
}

#special a:visited{
color:#b59151;
text-decoration:underline;
}

#special a:hover{
color:#ffffff;
text-decoration:underline;
}