p{margin: 0.8em 0 0 0;padding:0}

#greybox{
   position:relative;
   border: solid 1px #c90;
}
#breadcrumb{
		font-size: 11px;
		text-transform: uppercase;
		padding: 4px 0 0 0;
		text-align: left;		
}

#breadcrumb ul,
#breadcrumb li{
margin: 0; padding:0;display: inline;
}
#breadcrumb li{
		
                padding-left: 14px;
                background: transparent url(../images/breadcrumb-arrow.png) 3px 3px no-repeat;
}





.logo{
		padding: 50px 0 0px 30px
}
.logotext{
 position: absolute;
 top: 0px;
 left: 180px;
 padding-top: 120px;
 font-weight: bold; 
 font-size: 13px; 
 line-height: 15px;
 background: none transparent

}
#quicklinks{
  position: absolute;
	top: 0px;
	right: 5px;
	color:#999;
	font-weight: bold;
	padding-top: 5px;

}
#quicklinks a{
	text-decoration: none;
	BACKGROUND-COLOR: transparent;
	color:#999;
}
#searchbox{
   border: 1px solid #999;
   width: 130px;
   

}
#searchbutton{
	color:#999;
	background:black;
	border: 1px solid #999
}

.stripe{
    
		 padding: 10px 5px 3px 0;
		 text-align: right;
		 /*background: url('../images/strip.jpg') no-repeat; */
		 
		 background: url(../images/tile.jpg);	
}



a:link{
	color: #009;
	background-color : transparent;
}
a:visited{
	color: #339;
	background-color : transparent;
}
		
a:hover{
	color: #c03;
	background-color : transparent;
}
a:active{
	color: #c03;
	background-color : transparent;
}	
		
#centercontent p {
	margin: 0.7em 0 0 0; 
	
	
	
}

#footer{
      text-align: center;
  font-size: 1.2em;
	padding: 7px 0;
	line-height : 140%;
	color: white;
	height: 25px;
	
	background: url(../images/tilebottom.png);
	font-weight: bold
	
}	
#footer a:link, #footer a:visited{
	color:white;
	
}
#subfooter{
   
      text-align: center;
 
	padding: 1em 0 0 0;
	
	font-size: 0.9em;
	line-height : 140%;
	
	color: #666;
}	
#subfooter a:link, #subfooter a:visited{
	color:#666;
}
img{
	border: none;
}
ul, ol {
	margin-top: 0;
	margin-bottom: 2em;
	margin-left: 1em;
	padding-left: 0
	}
#center ul{		 
   padding-left: 15px;
	/*list-style-image: url('../images/basic-bullet.gif')*/
	list-style: square;
		}
	
li {
   margin-left: 10px;
   padding-left:10px;
	margin-top: 5px;
	margin-bottom: 0;	
	
}	
li li {	
	list-style-type: disc;
}	


/* TOP NAV */

dl#menu {
margin:0;
padding: 0;
height: 35px;
background: url(../images/tile.png) repeat-x
}
dl#menu dd{
padding:0;
margin: 0;
text-transform: uppercase;
}
dl#menu dd span{
/*visibility: hidden;*/
display: none;
}
dl#menu dd a:link, dl#menu dd a:visited{  
   z-index:0;
	 font-size: 12px;
	 font-weight: bold;
   height: 35px;
	 overflow: hidden;
    padding: 8px 7px 2px 7px;
    display: block;
	 float: left;
	 margin: 0;
	 text-decoration:  none;
	 text-align: center;
	 color: #333;
	 

}

dl#menu dd a:link.current, 
dl#menu dd a:visited.current
{	 
	 color: #c6178b;
	 z-index: 200;
}

dl#menu dd a:hover,dl#menu dd a:active{ 
	color: #c6178b;
	z-index: 100;
}

.homeblock, .block{
	width: 176px;
	height: 176px;
	padding: 5px;
	z-index: 100;
	line-height: 1.2;
	border: solid 5px #ddd;
	background: none #ffc;
	overflow:hidden;
}

.homeblock{
	z-index: 200;
}
.block{
   position:relative;
	float:right;
	clear:right;
	margin-top:10px;
	
	
}
.homeblock h2, .block h2{
	margin-top: 0;
	
}

/*LEFT JHAND SIDE NAVIGATION */
#nav, .nav{
	padding:0;
	margin: 0 ;
}
#nav ul{
  text-align:left;
	padding: 0;
	margin: 0;
	list-style:none;
	}
#nav ul li{
	list-style:none;
	margin: 0;
	padding: 0;
  display: inline;
  font-weight: bold;
}
#nav ul li ul{
	
        
}
#nav ul li ul li{
	font-weight: normal;
        font-size: 0.9em;
        
}


#nav A {
	display: block;
	text-decoration : none;
	line-height: 1.2em;
	padding: 1px 2px 1px 30px;
	margin-top: 6px;
	
	/*border: 1px #c5cbff solid;*/
}

#nav A:link, #nav A:visited {
	text-decoration : none;
	color: #333;
}

	 
#nav A:hover {
    color: #c6178b;
	  text-decoration: underline;
}

/*  see also section-specific */
#nav ul a.select{    
	 color: #c6178b;	
	 background: url("../images/bullet-pink.gif") no-repeat 7px 1px ;
}








h1 {
color: #c6178b;
	 BACKGROUND-COLOR: transparent;
	FONT-SIZE: 1.3em;
	line-height : 120%;
	margin:0 0 1em 0;
	padding:0;
}

h2{
  color: #c6178b;
	FONT-SIZE: 1em;
	margin: 1.8em 0 0 0;	
	
}
h3 {
	FONT-SIZE: 0.9em; 
	margin: 1.4em 0 0 0;	
}

		

#sitemap li a{
  padding: 0;
	text-decoration: none;
}
#sitemap a:hover{
	text-decoration: underline;
}
#sitemap ul{
 margin:0;
 padding: 0;
}
#sitemap ul li{

 list-style-image: none;
 list-style-type: none;
}

#sitemap ul li{
  padding: 0;
	font-weight: bold;
	margin: 5px 0 0 0
}


#sitemap ul  ul  li{
  padding: 0;
	font-size: 1em;
	margin: 5px 0 0 50px;
        font-weight: bold;
	
}

#sitemap ul  ul  ul li{
  padding: 0;
	font-size: 0.9em;
	margin: 0 0 0 0;
         font-weight: normal;

}

textarea {
	border-style: solid; 
	border-width: 1px;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	OVERFLOW: hidden;
	FONT-SIZE: 85%;
	}
.floater{
     font-size: 90%;  
      float: right; 
		clear: right;
	  width: 176px; 
      margin: 20px 0 10px 10px;
      padding: 10px;
		border: 1px solid #666;
		background: none #ffc
}


label {
	cursor:pointer;
}
legend{
	font-size:80%;
}
fieldset {
	border: 1px solid;
	padding: 10px;
}
table{
 border-collapse: collapse

}
table td{
   vertical-align:top
}




table.contact td{
	padding: 0 10px 0 0;
	
	 vertical-align: top;
	}
table.contact td.col1{
 font-size: 85%;
}

form p {
	margin-top: 15px;
	font-size: 85%;
}

.image-right{
  float: right;
  clear:right;
  padding: 0 20px 5px 10px;
  text-align: right;
  }

#bottomlinks{
	 margin: 4em 0 1em 0;
	 color: #666;
	 font-size: 0.9em
}


#bottomlinks strong a{
	
	 color: #687105;
	
}




#bottomlinks a{

	text-decoration: none;
	BACKGROUND-COLOR: transparent;
	color: #666;
}

#breadcrumb  A:hover, #quicklinks  A:hover, #bottomlinks a:hover {
	TEXT-DECORATION: underline;
}
#breadcrumb  A:hover{
	color:#1022BD
}

form input, textarea{
	font-size: 1.1em;
}

form input.text, form textarea{
	color: #000;
	background-color: #fff;
	
	font-size: 1em;
	width: 15em;
	font-family: verdana, arial, helvetica, sans-serif;
	border: solid 1px #ccc;
	padding: 2px 4px 2px 4px;
}
		

form input.button{
   font-family:verdana,helvetica,sans-serif;
	 font-size:1.1em;
   font-weight : 400;
   border: solid 1px;
   padding: 1px 3px 1px 3px;
}
form input.button { /* for IE only */
cursor:pointer;
}
form input.button:hover { /* for Geckos */
cursor:pointer;
 

}
form input.buttonhov{ /*Hover state */
  
}

.wrapper {
width: 100%;
}



.container{
	width: 100%;
}
.spacer{
clear:both;
line-height: 0px
}

.floatright{
	float:right;
	margin: 0 0 10px 10px
}





/* New for FORWARD */



table.downloads{
	table-layout: fixed;
	width:90%;
	margin-top: 1em;
	
}
table.downloads .col1{
	width: 35px;
	padding-right: 0.5em;
}
table.downloads .col2{
	padding-top: 8px;
	width: 280px;
}
table.downloads .col3{
	padding-top: 8px;
}

table.pdf{
	table-layout: fixed;
	width:100%;
	margin-top: 1em;
	font-size: 0.9em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #333
}
table.pdf .col1{
	width: 35px;
	padding-right: 0.5em;
	padding-top: 1em;

}
table.pdf .col2{
	width: 280px;
	
}
table.pdf .col3{
	padding-top: 8px;
}

.calltoaction{
	 
	padding: 2px 0 2px 5px; 
	border-left: solid 8px #c61788;
	font-weight: bold;
	margin: 1em 0

}
.caption{
   margin:0 0 2em 0;
	 padding:0;
	 font-style:italic;
	 
}

.date{

margin-bottom: 1.5em;
font-weight: bold;
font-size: 0.9em
}


#advert{
	position: absolute;
	top: 310px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	line-height: 1.3em;
	
	padding:125px 10px  25px 10px;
	margin: 0 auto auto 30px;
	background: url("../images/girls-at-risk.jpg") no-repeat;
	border: 2px solid #999
	
}


.more{
	font-size: 0.9em;
  margin-top: 0}



/***    OPT IN FORM     ***/

div.opt-in{
     border: 1px solid #687105;
   background: white url(../images/opt-in-form.png) no-repeat 0 15px;
   overflow: hidden;
   padding: 5px 10px 10px 10px;
}

   div.opt-in p{
      margin-top: 120px;
      font-size: 13px;
   }


form#form-subscribe{
   
   /*background: red;*/
   
 
   width: 180px;
   float: right;
   margin: 0 0 0 10px;
   padding: 0;
}

   form#form-subscribe  fieldset{
      
      border: none;
      padding: 0;
      margin: 0;
   }
   
   form#form-subscribe  ol,
   form#form-subscribe  li{
      
     list-style: none;
     list-style-image: none;
     margin: 6px 0 0 0;
     padding: 0;
     font-size: 11px;
   }
   
   
   form#form-subscribe  input
   {
      
     display: block;
   }
   
   form .honey,
   form#form-subscribe li#honey
   {
      
   visibility: hidden;
   height: 0;
   
   }

   
   form#form-subscribe input.submit{
      
      margin-top: 10px;
      text-indent: -9999px;
      border: 0;
      background: url(../images/opt-in-button.png) no-repeat;
      height: 29px;
      width: 180px;
      
   }
   
   form#form-subscribe .error{
      
      color: #FF1F1F;
      font-weight: bold;
      
   }
   
   
   
   
form#form-subscribe-extra{
   
   /*background: red;*/
   
 

  
   margin: 0 0 0 10px;
   padding: 0;
}

   form#form-subscribe-extra  fieldset{
      
      border: none;
      padding: 0;
      margin: 0;
   }
   
   form#form-subscribe-extra  ol,
   form#form-subscribe-extra  li{
      
     list-style: none;
     list-style-image: none;
     margin: 6px 0 0 0;
     padding: 0;
     font-size: 11px;
   }
   
   
   form#form-subscribe-extra  input,
   form#form-subscribe-extra  textarea
   {
     display: block;
   }
   
   form#form-subscribe-extra li #honey
   {
      
   visibility: hidden;
   height: 0;
   
   }

   
   form#form-subscribe-extra input.submit{
      
      margin-top: 10px;
      text-indent: -9999px;
      border: 0;
      background: url(../images/opt-in-button.png) no-repeat;
      height: 29px;
      width: 180px;
      
   }
   

/* ---------- section-specific stuff  ----------- */

#header{
   background:  url('../images/pink.jpg') no-repeat top right; 
   height: 189px;
   margin:0;
   padding:0;
}

body.about #header{
   background-image:  url('../images/orange.jpg') 
}
body.what-we-do #header{
   background-image:  url('../images/dk-green.jpg') 
}
body.key-issues #header{
   background-image:  url('../images/blue.jpg') 
}
body.campaigns #header{
   background-image:  url('../images/dk-orange.jpg') 
}
body.news #header{
   background-image:  url('../images/sand.jpg') 
}
body.get-involved #header{
   background-image:  url('../images/blue.jpg') 
}
body.resources #header{
   background-image:  url('../images/dk-pink.jpg') 
}
body.donate #header{
   background-image:  url('../images/purple.jpg') 
}





h1, h2,
dl#menu dd a:link.current,
dl#menu dd a:visited.current, 
dl#menu dd a:hover, 
dl#menu dd a:active, 

#nav ul a.select,
#nav ul a:hover
{ 
color: #c55715
}

.calltoaction{
   border-color: #db2d19
}
#nav ul a.select{
   color: #c55715;
   background-image: url("../images/bullet-orange.gif")
}

body.about h1,
body.about h2,
body.about dl#menu dd a:link.current,
body.about dl#menu dd a:visited.current, 
body.about dl#menu dd a:hover, 
body.about dl#menu dd a:active, 

body.about #nav ul a.select,
body.about #nav ul a:hover
{ 
   color: #c55715
}

body.about .calltoaction{
   border-color:  #db2d19
}
body.about #nav ul a.select{
   color: #c55715;
      background-image: url("../images/bullet-orange.gif")
}	



body.what-we-do h1,
body.what-we-do h2,
body.what-we-do dl#menu dd a:link.current,
body.what-we-do dl#menu dd a:visited.current, 
body.what-we-do dl#menu dd a:hover, 
body.what-we-do dl#menu dd a:active, 

body.what-we-do #nav ul a.select,
body.what-we-do #nav ul a:hover
{ 
   color: #275638
}

body.what-we-do .calltoaction{
   border-color:  #275638
}
body.what-we-do #nav ul a.select{
   background-image: url("../images/bullet-dk-green.gif")
}	


body.key-issues h1,
body.key-issues h2,
body.key-issues dl#menu dd a:link.current,
body.key-issues dl#menu dd a:visited.current, 
body.key-issues dl#menu dd a:hover, 
body.key-issues dl#menu dd a:active, 

body.key-issues #nav ul a.select,
body.key-issues #nav ul a:hover{ 
   color: #224185
}

body.key-issues .calltoaction{
   border-color:  #224185
}
body.key-issues #nav ul a.select{
   background-image: url("../images/bullet-blue.gif")
}	


body.campaigns h1,
body.campaigns h2,
body.campaigns dl#menu dd a:link.current,
body.campaigns dl#menu dd a:visited.current, 
body.campaigns dl#menu dd a:hover, 
body.campaigns dl#menu dd a:active, 

body.campaigns #nav ul a.select,
body.campaigns #nav ul a:hover
{ 
   color: #db2d19
}

body.campaigns .calltoaction{
   border-color: #db2d19
}
body.campaigns #nav ul a.select{
   background-image: url("../images/bullet-dk-orange.gif")
}	



body.news h1,
body.news h2,
body.news dl#menu dd a:link.current,
body.news dl#menu dd a:visited.current, 
body.news dl#menu dd a:hover, 
body.news dl#menu dd a:active, 

body.news #nav ul a.select,
body.news #nav ul a:hover
{ 
   color: #a96a13
}
body.news .calltoaction{
   border-color: #a96a13
}
body.news #nav ul a.select{
    color: #a96a13;
   background-image: url("../images/bullet-sand.gif")
}


body.get-involved h1,
body.get-involved h2,
body.get-involved dl#menu dd a:link.current,
body.get-involved dl#menu dd a:visited.current, 
body.get-involved dl#menu dd a:hover, 
body.get-involved dl#menu dd a:active, 

body.get-involved #nav ul a.select,
body.get-involved #nav ul a:hover{ 
   color: #224185
}

body.get-involved .calltoaction{
   border-color:  #224185
}
body.get-involved #nav ul a.select{
   color: #224185;
   background-image: url("../images/bullet-blue.gif")
}



body.resources h1,
body.resources h2,
body.resources dl#menu dd a:link.current,
body.resources dl#menu dd a:visited.current, 
body.resources dl#menu dd a:hover, 
body.resources dl#menu dd a:active, 

body.resources #nav ul a.select,
body.resources #nav ul a:hover
{ 
   color: #c00
}

body.resources .calltoaction{
   border-color:  #c00
}

body.resources #nav ul a.select{
    color: #c00;
   background-image: url("../images/bullet-dk-pink.gif")
}


body.donate h1,
body.donate h2,
body.donate dl#menu dd a:link.current,
body.donate dl#menu dd a:visited.current, 
body.donate dl#menu dd a:hover, 
body.donate dl#menu dd a:active, 

body.donate #nav ul a.select,
body.donate #nav ul a:hover
{ 
   color: #390067
}

body.donate .calltoaction{
   border-color: #390067
}
body.donate #nav ul a.select{
   color: #390067;
   background-image: url("../images/bullet-purple.gif")
}	

/* ------  END section specific ---- */

   
   
/* ------ NEWS ------- */


/*
.news, .events{
  float:left;
padding: 0;
margin-top:20px;
}
.news h2, .events h2{
margin: 0; 

}
.news{padding-top: 10px;
width: 55%;}
.events{
width: 30%;
background:#eee;
margin-left: 30px;
padding: 10px}

.news h3, .events h3{
line-height: 110%;
padding:0;
margin: 2em 0 0 0;
}

.news p, .events p{font-size: 0.9em;
line-height: 110%;
padding:0;
margin:0;}

.news .date{font-weight:normal; padding: 0; margin: 0}

*/











dl.years{height: 2em; width: 100%}
dl.yearsdd{display: inline;}
dl.years a:link, dl.years a:visited{
   color: #999; 
	 font-size: 0.8em; 
	 font-weight: bold;
	display: block; 
	 float: left;
	 width: 22px; 
	 text-align: right; 
	 padding: 0 0 5px 5px; 
	 margin-right: 5px; 
	 text-decoration: none; 
	 border-bottom:5px solid #ccc}


dl.years a:hover, dl.years a:active,  dl.years a.current:link, dl.years a.current:visited {
color: #000; 
border-color: #000;
border-width: 10px;
padding-bottom: 0}

/*
.news td {padding-top: 10px}
.news td.col1 {width: 100px; padding-right: 10px; font-size: 0.9em}
.news td h2 {margin-top: 0}
*/

   
/* ------ END NEWS ------- */






table.media{margin-top: 30px}


table.media td{
   padding: 5px 5px 5px 0
}
table.media td h2{
  margin: 0;

}

table.media th.date,
table.media th.date{
   width: 100px
}



/*  News list, Events list */

ul.articles_list,
ul.articles_list li
{
   list-style: none;
   margin: 0;
   padding: 0;
   
}

ul.articles_list h2 
{
  font-size: 1.2em;
  padding-top: 5px;
  border-top: 1px solid #ddd
   
}

ul.articles_list h2 a:link,
ul.articles_list h2 a:visited
{
  text-decoration:none;

   
}

ul.articles_list h4
{
   margin-top:3px;   
}












.homePageEvents,
.homePageNews{
   
   margin-top: 0;
   border: 1px solid #CC9900;
   background: #FFF7DF;
   padding: 10px 10px 10px 10px
}


.homePageNews{
   
   margin-top: 10px;
   
}

.homePageEvents h3 a:link,
.homePageEvents h3 a:visited,
.homePageNews h3 a:link,
.homePageNews h3 a:visited {
   
   text-decoration: none
   
   
}


.homePageEvents h2,
.homePageNews h2 {

margin-top: 0;

}



.homePageEvents p,
.homePageNews p {

font-size: 0.9em;

}




.at-risk-block{
   
   margin-top: 1em;
   padding: 1em;
   background: #EBD79B;
   font-weight: bold;
   
}


/** -- Waris -**/

.waris{
   
   float: right;
   margin: 10px 0 5px 10px;
   padding: 0 10px 10px 10px; 
   border: 1px solid #E2C46C;
   background: #FFF7DF;
   width: 220px
}