@charset "UTF-8";
/* Desc: ADRA International Campaign - End it now
 Graphic Design: Jeanelle Isaacs
 CSS Author: Jeanelle Isaacs
=== === === === === === === === === === */

/*-------------sidebar widgets------------------*/

.widget_content_side{
 float:left;
 width:100%;
color:#f0efef;
background: url(../images/right-bg.jpg) repeat; 
padding:0px;
margin:0px;

}
#right .widgetdiv4 img{
margin-left:-9px;
}
#right .widgetdiv4 .right-widget-text{
width: 211px;
font-size: 13px;
color: #fff;
padding-left: 0px;
padding-bottom: 0px;
}
#right .widgetdiv4 .right-widget-red, .right-widget-red{
background: #bb0000 url(../images/red-point.gif) no-repeat right top;
font-size: 12px;
color: #fff;
padding: 5px 10px 5px 10px;
width: 202px;
margin-left:-10px;
}

#right .widgetdiv1 {
padding:0px;
margin:0px;
width: 211px;
}

#right #rotator{
margin-left:-10px;
border: 0px;
}
#right #rotator .speech-bg{
padding:0px;
margin-left: -10px;
width: 223px;
height: 72px;
background-color: #bb0000;
background: url(../images/speech-bottom.gif) no-repeat bottom;

}
#right #rotator .speech-top {
width: 223px;
height: 42px;
background: url(../images/speech-top.gif) no-repeat;
position: relative;
z-index: 0;
}
#right #rotator .speech-text{
padding: 15px 0px 0px 0px;
background: #bb0000 url(../images/speech-top.gif) no-repeat top;
position: relative;
z-index: 1;
width: 223px;
display:block;
margin-left: -10px;
}
#right #rotator .speech-text p{
margin: 0px 15px 0px 15px;
font-size: 12px;
font-weight: bold;
color: #fff;
}
.author{
color: #000;
font-size: 15px;
}
#right .speech-rows div{
clear:both;
margin: 0px;
padding:0px;
margin-left: -20px;
border-bottom: 1px #4F4F4F solid;
height:61px;
width: 221px; 
}
#right .speech-rows img{
float: left;
margin: 0px 5px 5px 8px;
}
#right .speech-rows a{
font-weight: bold;
font-size: 16px;
}
.voice-text{
color:#bbddee;
font-weight: bold;
font-size: 13px;
}

/*-----------------------------------------*/

/*---------Content bottom widgets---------*/
#widget-horz{
background: url(../images/horz-widget-bg.gif) no-repeat; 
margin-top: 18px;
color:#f0efef;
height:174px;
line-height: 135%;
}

.widget_content_bottom1 .widgetdiv1 {
float:left;
width:190px;
height:171px;
padding: 0px 15px 0px 16px;
font-size: 12px;
}

.widget_content_bottom2 .widgetdiv1,
.widget_content_bottom3 .widgetdiv1,
.widget_content_bottom4 .widgetdiv1 {
float:left;
width:170px;
height:171px;
padding: 0px 25px 0px 25px;
font-size: 12px;
}

.widget_content_bottom1 .widgetdiv4 h3.widgettitle { /*header text*/
color: #cc0000;
text-align:left;
font-size: 16px;
padding: 10px 0px 0px 0px;
}

.widget_content_bottom2 .widgetdiv4 h3.widgettitle,
.widget_content_bottom3 .widgetdiv4 h3.widgettitle,
.widget_content_bottom4 .widgetdiv4 h3.widgettitle {
color:  #afafaf;
text-align:left;
font-size: 16px;
padding: 10px 0px 0px 0px;
}
.widgetpic{
width: 150px;
height: 124px;
padding:0px;
margin:0px;
}
.events{
background: url(../images/events.jpg) no-repeat right bottom;
}
.resources{
background: url(../images/resources.jpg) no-repeat right bottom;
}
.about{
background: url(../images/about.jpg) no-repeat right bottom;
}
.change{
width: 180px;
background: url(../images/change.jpg) no-repeat right bottom;
}
/*----------------------------------------*/
.widgetdiv4 p,
.widgetdiv4 h4,
.widgetdiv4 li{
font-size:14px;
}

.widgetdiv4 ul li{
background:url(../images/widget-bullet.gif) no-repeat 0 .4em;
list-style-type:none;
padding-left: 15px;
}
.widgetdiv4 ul, #right .widget_content_side .widgetdiv4 ul li{
margin:0px;
}
.widgetdiv4 a:visited,
.widgetdiv4 a:link{
color: #fff;
text-decoration:none;
font-size:14px
}
.widgetdiv4 a:hover{
color:#777;
text-decoration:underline;
}
#bodyarea .widget p{
padding: 0px;
}
#bodyarea .widget p.photo{
padding: 0 5px 3px 5px;
}
#bodyarea .widget p.photo img{
display: block;
margin: 0;
}

#bodyarea .widget form{
padding: 0;
margin: 0;
}
#bodyarea .widget form fieldset{
border: none;
padding: 0 10px 10px 10px;
margin: 0;
}
#bodyarea .widget form fieldset label{
font-size: 85%;
color: #666666;
display: block;
padding: 0;
}
#bodyarea .widget form fieldset input.textfield{
width: 90%;
font-size: 90%;
}
#bodyarea .widget form fieldset textarea{
width: 90%;
font-size: 90%;
margin: 0;
}
#bodyarea .widget form fieldset input.submitbutton{
font-size: 85%;
color: #666666;
margin: 10px 0 0 0;
}