/*CSS document*/

body {
	margin: 0;
	padding:0;
	text-align: center;
	min-width:780px;
	background-color: #501F59;
	font: verdana; san-serif;
	}

#wrapper{
    text-align: left;
    width: 780px;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

#header{
   margin: 0;
   padding: 0;
}

#logo{
  position: relative;
  top: 45px;
  left: 30px;
}

#pics {
	position: relative;
	left:205px;
	top: -70px;
    margin:0; 
	padding: 0;
}	

#photos ul{
    list-style: none; 
}

#photos li{
    display: inline;
    padding-right: 56px;
}   

#purpose{
   position: relative;
   left:140px; 
   top: -91px;
   margin:0; 
   padding: 0;
 }
 
mission ul{
  padding: 1px;
}

#mission li{
   display: inline;
   list-style: none;
   margin-left:2px;
}

.support{
   font-family: arial, san-serif; 
   font-size: 16px; 
   font-weight: bold; 
   color: #FFF;
   background-color:#E52031;
   padding: 2px 55px; 
}

.education{
    font-family: arial, san-serif; 
    font-size: 16px; 
    font-weight: bold; 
    color: #FFF;
    background-color:#EF8D39;
    padding: 2px 55px; 
}

.advocacy{
   font-family: arial, san-serif; 
   font-size: 16px; 
   font-weight: bold; 
   color: #FFF;
   background-color:#501F59;
   padding: 2px 55px; 
}

#left{
   position: relative;	 
   left: -10px;
   top: 0px;
   width: 170;
   padding-right: 20px;
}

#menu {
   top: 0px;
   left: 0px;
}
 
  #nav ul{ 
   top: 0px;
   left: 0px;
}

 #nav li{
   display: block;
   width: 10em;
   font-family: arial, san-serif;
   font-size: 14px;
   color: #E52031; 
   font-weight: bold;
   list-style: none;
   text-align: left;
   background-color: #fff;
}

 #nav li a{
   background-color: #FFF;
   font-weight: normal;
   text-decoration: none;
 }
 
 #nav li.top{
  border-top: 3px solid #EF8D39;
  border-bottom: 1px solid #EF8D39;
 }
   
#nav li.bottom {
   border-top: 1px solid #EF8D39;
   border-bottom:3px solid #EF8D39;
}
   
 #nav li a:hover{
   text-decoration: none;
   color: 8B8BFB;
}
 
#contact{
   position: relative;
   left: 40px;
   top: 0px;
   width: 170;
   padding-right: 20px;
   font-family: arial, san-serif;
   font-size: 11px;
   font-weight: bold; 
   color: #501f59;
}

#content{
	width: 520px;
	margin-left: 220px;
	margin-top: -225px;
	padding-bottom: 20px;
 }

  h1{
   font-family: arial, san-serif;
   font-size: 20px; 
   font-weight: bold;
 }
   
  p{
   font-family: arial, san-serif;
   font-size: 12px;
 }
   
 #footer{
   width: 100%;
   background-color: #501F59;
   font-family: verdana, san-serif;
   font-size: 9px; 
   color:#EEC3F6;
   text-align: left;
  padding: 10px; 
 }
 
 .sslink {
  margin-left:0px; 
  font-family: verdana, san-serif; 
  font-size: 9px; 
  padding: 30px 0px;  
  color: #EEC3F6; 
 }
 
.sslink a {
  color: #EEC3F6; 	
  text-decoration: underline;
}