@charset "UTF-8";
/* Desc: ADRA International Campaign - End it now
 Graphic Design: Jeanelle Isaacs
 CSS Author: Jeanelle Isaacs
 
	Stylesheet Contents
	----------------------
        1. General Properties and Font Styles
		2. Header home layout
		3. Header default layout
		4. Header Search
		5. Navigation - primary & secondary menu
        6. Widget Layout (see widget.css for actual widget css)
        7. Body Area
		8. Footer
		9. Calendar
		10.Shopping cart
		11.Media library
		12.Store
		
		User defined styles
		
		13. Table row
	
        Colour Scheme
     ----------------------
		Background: #000
		Grey text: #afafaf
		Menu red text: #cc0000
		Menu grey text: #dfdfdf
		Widget red header: #cc0000
		Widget red bg: #bb0000
		Widget grey header: #afafaf
		Widget grey text: #f0efef 
		Links: #fff
		Header text: #bbddee
		

		
 
=== === === === === === === === === === */
/* ---------------1. General -------------- */
body {
margin:0;
padding:0;
background: #000 url(../images/body-bg.jpg) repeat-x top left; 
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #afafaf;
line-height: 150%;
}

.content-only{
 margin: 0px auto;
 text-align: left;
 background: url(../images/slide-bg.gif) repeat; 
 /*border:red 1px solid;*/
}
.container{
 margin: 0px auto;
 width: 900px;
 text-align: left;
 background-color: none;
 padding:0px;
}
.nocontainers{
 float: left;
 width: 850px;
 margin: 0px 5px 10px 20px;
 /*border:1px pink solid;*/
}
.cleaner {
 clear:both;
 height:1px;
 font-size:1px;
 border:none;
 margin:0; padding:0;
 background:transparent;
}

img {
 border: 0
}
#content a:link, #content a:visited {
 color: #fff;
 font-weight:normal;
 text-decoration: none;

}
#content a:hover, #content a:active {
 color: #cc0000;
 text-decoration: underline;
 font-weight:normal;
}
a.edit:link, a.edit:visited {
 color: #595438;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
}
a.edit:hover, a.edit:active {
 color: #FF0000;
 text-decoration: underline;
 font-weight: bold;
 text-transform: uppercase;
}
a.view_more_link {
 padding-left:0px;
}

#content li {
 color: #afafaf;
 margin: 0px 0px 2px 50px;
 font-size: 16px;
 background:url(../images/widget-bullet.gif) no-repeat 0 .5em;
list-style-type:none;
padding-left: 16px;
}

#content p{
 margin-bottom:7px;
}

table {
margin-top: 5px;
}
hr {
height:1px;
border-width:0;
background-color:#ccc;
color:#ccc;
}
#content h1, 
#announcements h2,
#news h2,
#forms h2{
 color: #bbddee;
 font-size:24px;
 font-weight:normal;
 text-align:left;
 padding:3px 0px 3px 0px;
 font-weight: bold;
 line-height:150%;
}
#announcements h3, 
#content h2{
 padding: 3px 0px 3px 0px;
 font-weight: bold;
 font-size: 20px;
 color: #bbddee;
 line-height:150%;
}
#content h3{
 font-weight: bold;
 padding: 3px 0px 0px 0px;
 font-size: 16px;
 color: #bbddee;
 line-height:150%;
}
#right h3{
 font-weight: bold;
 font-size: 18px;
 color: #fff;
 margin-bottom: 0px;
}
h4{
 font-weight: normal;
 padding: 3px 0px 3px 0px;
 font-size: 13px;
 color: #bbddee;
 clear: left;
}
h5{
 padding:3px 0px 3px 0px;
 font-size: 11px;
 color:  red;
 clear: left;
}

/* ---------------Background--------------- */


/* ---------------2. Header home layout--------------- */


#header{
 margin-top: 19px;
 height: 126px;	
 background: url(../images/header.jpg) no-repeat; 
} 
/* ------------------------------ */


/* --------------- 5. Navigation ------------ */
/* horz nav*/

#navigation { 

}

#navigation .menu_primary{
  float:left;
  height: 40px;
  padding-left: 10px;
  background-color:#000;
  width: 100%;
}
#navigation .menu_primary ul {
margin: 0 auto;
list-style: none;

}
#navigation .menu_primary ul li {
float:left;
}

#navigation .menu_primary ul li a:link,
#navigation .menu_primary ul li a:visited {
padding: 10px 7px 3px 7px;
color: #dfdfdf; 
text-decoration:none;
font-weight:bold;
font-size:15px;  
display:block;
height:38px;
text-align:left;
}

#navigation .menu_primary ul li a:hover, 
#navigation .menu_primary ul li a:active{
 color: #cc0000;
 background: url(../images/menu-over.gif) repeat-x;
}

#navigation .menu_primary ul li.expanded-menu a{
 font-weight:bold;
 background: url(../images/menu-active.gif) no-repeat top;
 height: 44px;
 color: #cc0000;
}

#navigation .menu_secondary {
clear: both;
height:41px;
background: url(../images/sub-menu-bg.gif) repeat-x top;
padding-left: 10px;


}
#navigation .menu_secondary ul{
margin: 0 auto;
}

#navigation .menu_secondary ul li{
  list-style: none;
  float:left;

}

#navigation .menu_secondary li a:link,
#navigation .menu_secondary li a:visited {
  color: #dfdfdf;
  font-weight:bold;
  text-decoration:none;
  padding: 10px 7px 3px 7px;
  display: block;
  font-size: 13px;
}

#navigation .menu_secondary li a:hover,
#navigation .menu_secondary li a:active {
color:#bbddee

}

#navigation .menu_secondary ul li.expanded-menu a {
 color:#bbddee;
 background: url(../images/sub-menu-active.gif) no-repeat top center;
}


/* --------------- 6. Widget Sections ----------------- */

/*-------1 col home layout--------------*/
#bodyarea .widgetbar{
 padding: 0px 0px 0px 80px;
 float:left;
 width: 90%;
 background-color: #ffffff; 
}
/* -------------------------------- */


/*------- 2col layout--------------*/

#right {
 float: right;
 width:222px;
 margin:0; 
 padding:0px;
}

#content{
 float: left;
 margin: 0px 5px 0px 0px;
 width: 900px;
}

.twocol{
 float: left;
 width: 640px;
margin-top: 15px;
padding-left: 20px;

}


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

/* ---------------7. Body ----------------- */
#bodyarea {
 background: url(../images/slide-bg.gif) repeat; 
 padding: 0px;
 min-height: 430px;
}

.fullcontent{
width: 100%;
padding: 0px;
}

#bodyarea p.clearfloat{
  clear: both;
  background-color:#ffffff;
} 
#bodyarea ul, #bodyarea ol{
 padding:0px !important;
 margin: 0;
}
#bodyarea h3.datehighlight{
 background-color: #E7D5BC;
 margin: 0 20px 0 0;
}
#bodyarea h4.datehighlight{
 background-color: #F2E8DB;
 margin: 0 20px 0 0;
}
#bodyarea p.datehighlight{
 background-color: #F2E8DB;
 font-size: 85%;
 margin: -5px 20px 0 0;
 padding: 0 30px 5px 10px;
 color: #999999;
}

#bodyarea #signup{ /*new website signup*/
 width: 80%;
 float: left;
 padding: 25px 0 0 15px;
 margin: 17px 0px 0px 30px;
}

#bodyarea .fullcontent ul,
#bodyarea .fullcontent ol {
 margin: 0px 0px 0px 20px;
}
#bodyarea .contentarea ul,
#bodyarea .contentarea ol{
 margin: 0px 0px 0px 60px;
}

#bodyarea .imagecaption{
 float: right;
 width: 280px;
}
#bodyarea .mediacat p{
 padding: 0 10px 0 10px;
}
#bodyarea .mediacat h3.video,
#bodyarea .mediacat h3.document,
#bodyarea .mediacat h3.image,
#bodyarea .mediacat h3.news,
#bodyarea .mediacat h3.event{


 padding: 10px 40px 10px 20px;
 margin: 0 0 0 10px;
}
#bodyarea h4.video,
#bodyarea h4.document,
#bodyarea h4.image,
#bodyarea h4.news,
#bodyarea h4.event{
 margin: 0 0 0 10px;
 padding: 5px 40px 5px 20px;
}
#bodyarea .mediacat h3.video,
#bodyarea h4.video{
 background: url(../images/icon-media.gif) no-repeat left;
}
#bodyarea .mediacat h3.document,
#bodyarea h4.document{
 background: url(../images/icon-article.gif) no-repeat left;
}
#bodyarea .mediacat h3.image,
#bodyarea h4.image{
 background: url(../images/icon-images.gif) no-repeat left;
}
#bodyarea .mediacat h3.news,
#bodyarea h4.news{
 background: url(../images/icon-news.gif) no-repeat left;
}
#bodyarea .mediacat h3.event,
#bodyarea h4.event{
 background: url(../images/icon-event.gif) no-repeat left;
}
#bodyarea .sort{ /*events calendar*/
 clear: both;
}
#bodyarea .sort ul li.other span{
 float: right;
 padding: 2px 5px 0 5px;
}
#bodyarea .sort ul li.other span select{
 font-size: 85%;
}
#bodyarea .sort p{
 font-size: 85%;
 padding: 5px 10px 0 10px;
 clear: both;
 text-align: center;
}
#bodyarea .sort ul{
 list-style: none;
 padding: 0;
 width: 100%;
 float: left;
 background-color: #CCc;
 margin: 0;
 border-bottom: 1px solid #4388C9;
}
#bodyarea .sort ul li{
 display: inline;
 background:none;
}
#bodyarea .sort ul li.current span{
 background-color: #000;
}
#bodyarea .sort ul li span{
 display: block;
 float:left;
 padding: 4px 12px 5px 10px;
 margin: 3px 0 -2px 0;
 color: #999;
} /*end events calendar*/
#bodyarea .imagecaption img{
 margin: 0 20px 0 10px;
 border: 1px solid #4388C9;
}
#bodyarea .imagecaption p{
 font-size: 85%;
 padding: 0 20px 0 15px;
 font-style: italic;
 color: #999999;
}
#bodyarea #searchcontent{
 width:100%;
}
#bodyarea #searchcontent #content{
 padding: 0;
}
#bodyarea #searchcontent form{
 margin: 0;
 padding: 0;
}
#bodyarea #searchcontent form fieldset{
 padding:5px 0;
 margin: 0;
 border: none;
}
#bodyarea #searchcontent p{
 padding: 0 10px 0 20px;
 font-size: 85%;
}
#bodyarea #searchcontent form fieldset input,
#bodyarea #searchcontent form fieldset select{
 font-size: 85%;
}
#bodyarea #searchcontent form fieldset input.textfield{
 width: 150px;
 margin: 0 5px 0 0;
}

p.meta, 
#bodyarea p.meta,
#bodyarea p.catmeta{
 font-size: 85%;
 color: #999999;
}
#bodyarea p.pages{
 font-size: 85%;
 padding: 5px 30px 5px 10px;
 margin: 10px 20px 0 0;
 color: #999999;
 border-top: 1px solid #CCE3F8;
 font-weight: bold;
 clear: both;
}
#bodyarea p.meta span{
 float: right;
}
#bodyarea p.catmeta span,
#bodyarea p.icons span{
 float: left;
}
#bodyarea p.meta span img,
#bodyarea p.catmeta span img,
#bodyarea p.icons span img{
 margin: 0;
}
#bodyarea p.archives{
 font-size: 85%;
 margin: 0 0 0 10px;
 padding: 0 10px 5px 10px;
 color: #999999;
 background: url(../images/bullet.gif) no-repeat left;
 clear: both;
}
#bodyarea .newsitemsmall{
 clear: both;
}
#bodyarea .newsitemsmall .image{
 float: left;
}
#bodyarea .newsitemsmall .content{
 float: left;
 width: 300px;
}
#bodyarea .newsitemsmall img{
 margin: 0 5px 5px 10px;
 border: 1px solid #4388C9;
 height: 270px;
}
#bodyarea ul.rel_con{
 padding: 0;
 margin: 0 0 10px 10px;
 list-style: none;
}
#bodyarea ul.rel_con li{
 padding: 0 0 0 20px;
}
#bodyarea ul.rel_con li.rel_announce{
 background: url(../images/icon-announcement.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_image{
 background: url(../images/icon-images.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_media{
 background: url(../images/icon-media.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_article{
 background: url(../images/icon-article.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_news{
 background: url(../images/icon-news.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_event{
 background: url(../images/icon-event.gif) no-repeat left;
}
#bodyarea blockquote{
 font-style: italic;
 padding: 5px 60px 20px 30px;
 font-size: 125%;
 margin: 0;
 color: #666666;
}
/* --------------- 8. Footer --------------- */
#footer {
  clear: both;
}
#footer .container{
padding: 15px 0px 35px 0px;
text-align:center;
color:#afafaf;
font-size:11px;
}
#footer .logo{
clear:both;
margin-bottom:5px;
}
#footer p{
 color:#afafaf;
}
#footer p.homelink{





 color:#9bc56b;
}
#footer a:link,
#footer a:visited{
 color: #0063a7;
 text-decoration:underline;
}
#footer a:hover,
#footer a:active{
 color: #ccc;
 text-decoration:underline;
}

.document_group_widget_holder img {
margin-left: 10px;
}

/* --------------- Miscellaneous --------- */

#events {
 margin-top:25px;
}
.event {
 margin-left:10px;
}
/* --------------- 9. Calendar --------- */



.calendar {
 margin-right:auto;
 padding-left:10px;
 width:98%;
 font-family:"Lucida Grande","Verdana",sans-serif;
 font-size:12px;
 font-size-adjust:none;
 font-style:normal;
 font-variant:normal;
 line-height:0.9em;
 text-align:center;
 float: left; 
}


.calendar th {
 background: #000 none repeat scroll 0 0;
 color: #cc0000;
}

.dayName {
 text-align: center;
}
.dayName th {
 border-bottom:3px solid #dde7d2;
 color:#666666;
 vertical-align:bottom;
 width:75px;
 background-color:#f0f9e5;
 padding-bottom: 4px;
 padding-top: 0;
 height: 25px;
}
.monthName th {
 font-weight:bold;
 padding: 8px;
 text-align:left;
}

.monthName a:visited,
.monthName a:link{
font-weight: bold;
color: #ffffff;
}
.monthName a:hover{
font-weight: bold;
color: #595438;
}

td.specialDay { /*box that contains an event*/
 background-color: #DFFFE3;
 border-bottom:1px dotted #BBBBBB;
}

.specialDay .calendar_000000{ /*link to event*/
font-size: 10px;
}

.calendar .day, .calendar .specialDay {
 border-bottom:1px dotted #BBBBBB;
 text-align:left;
 vertical-align:top;
 height:85px;
 min-height:85px;
}
.weekendDay {
 border-bottom:1px dotted #BBBBBB;
 text-align:left;
 vertical-align:top;
}
.today {
 background-color:#bbddee;
}
.otherMonth.weekendDay {
 color: #c0c0c0;
}
.otherMonth {
 color: #c0c0c0;
 border-right:1px solid white;
 padding:0.7em 1em;
 text-align:left;
 vertical-align:top;
 border-bottom:1px dotted #BBBBBB;
}
.product_description p {
 margin-left:100px;
 width:350px;
}
.upcoming_events {
 margin-top:25px;
}

/* -------------------10. SHOPPING CART ------------------------*/
.products_list h5 {
 color:#000000;
 font-family:"Trebuchet","Trebuchet MS","Lucida Grande","Verdana",sans-serif;
 font-size:125%;
 padding: 0px;
 clear: none;
 font-weight: bold;
}
.top_cart_links {
 margin-top:30px;
}
#cart {
 float: right;
 text-align: right;
}
#cart img {
 margin: 0px;
}
/* ---------------------------------------------------------*/
em.hint {
 font-size: 12px;
 color: #999;
}
/* -------------------11. MEDIA LIBRARY ------------------------*/
.podcast_links a {
 float: left;
 padding: 1px;
}
#media_library .catmeta {
 font-size: 0.8em;
}
#media_library .media_col_name {
 font-size: 1.8em;
 font-weight: bold;
}
#media_library .media_coll_contents {
 padding: 0 10px;
}
.podcast_links {
 /*float: right;*/
 width: 200px;
 margin-bottom: 20px;
 /*padding: 5px;*/
}
.podcast_links a {
 margin-right: 5px;
 float: right;
 text-decoration: none;
}
.podcast_links img {
 margin: 5px;
}
.map {
 width: 160px; 
 height: 150px;
 margin-left: 3px;
}
#admin_map {
 width: 160px; 
 height: 150px;
 margin-left: 3px;
}
.google_text {
 font-size: .8em;
 color: #CCC;
 padding:0px;
}
.content_collection{
 width: 90%; 
}
/* ---------------12. STORE------------------- */
#bodyarea #buysteps{
 margin: 0 0 10px 0;
 font-size: 85%;
}
#bodyarea #buysteps ul{
 padding: 0 10px 4px 10px;
 margin: 0;
 list-style: none;
}
#bodyarea #buysteps ul li{
 padding: 0 10px 0 0;
 display: inline;
 float: left;
 color: #999; 
}
#bodyarea #buysteps ul li.current{
 font-weight: bold;
 color: #666;
}
#bodyarea ul.products_list{
 list-style: none;
 padding: 0;
 margin: 0 24px 0 12px;
}
#bodyarea ul.products_list li{
 padding: 10px 0 0 0;
 margin: 0 24px 0 0;
/* border-bottom: 1px solid #ccc;*/
}
#news ul.products_list li {
 border:none !important;
}
#bodyarea ul.products_list li .product_img{
 overflow: hidden; 
 float: right;
 display: inline-table;
/* Hides from IE-mac \*/
 height: 1%;
 display: block;
/* End hide from IE-mac */ 
}
#news ul.products_list li .product_img{
 float:left !important;
 /*width:110px;*/
}
#news h3{
 padding-left:0px;
}
html>body #bodyarea ul.products_list li .product_img {
 height: auto;
}
#bodyarea ul.products_list li .product_img:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#bodyarea ul.products_list li .product_img img{
 display: block;
 margin: 0 0 10px 0;
}
#bodyarea ul.products_list li .product_desc{
 width: 350px;
 float: left;
}
#bodyarea ul.products_list li p{
 padding: 0 0 10px 0;
 margin: 0;
}
#bodyarea #cart p{
 text-align: right;
 font-size: 85%;
 margin: 0;
 padding: 10px 20px 0 20px;
}

#bodyarea table.products_list {
 margin: 0 24px 40px 12px;
 border-collapse: collapse;
}
#bodyarea .summary table {
 margin: 0px 24px 40px 12px;
 border-collapse: collapse;
}
#bodyarea table.products_list tr th,
#bodyarea .summary table th{
 padding: 3px;
 color: #999;
 font-weight: normal;
 font-size: 85%;
}
#bodyarea table.products_list td,
#bodyarea .summary table td{
 padding: 6px;
 border-top: 1px solid #ccc;
 font-size: 85%;
}
#bodyarea div#searchcontent fieldset {
border: none;
}
div#paginate {
clear: both;
display: block;
height: 20px;
padding: 12px 24px 12px 12px;
}
div#paginate div.next {
display: inline; 
float: right;
}
div#paginate div.previous {
display: inline;
float: left;
}
form label {
margin-left: 12px;
}
p.top_cart_links {
margin: 12px 0 12px 0;
}
.view_links{
 margin:-26px 20px 0px 0px;
}
.themed_pagination{
 margin-left: 15px;
}
.flash_player {
 margin-left:10px;
}
.news_list {
 
}
.news_widget_photo img {
 padding:7px 5px 0px 8px !important;
}

/* -------------------13. TABLE ------------------------*/

tr.even td { background: #DADCEB; }

.widget_content_side .bibleinfo-widget label {font-weight: bold; margin-bottom: 17px; font-size:0px;}


/*----------14.highlight boxes-----------------------*/
.highlight-box-wide{
width: 615px;
background: url(../images/highlight-box-wide.jpg) no-repeat;
padding: 25px 15px 15px 20px;
}

.highlight-box-wide-campaign{
width: 615px;
background: url(../images/campaign.jpg) no-repeat;
padding: 25px 15px 15px 20px;
}
.highlight-box-wide-petition{
width: 615px;
background: url(../images/petition.jpg) no-repeat;
padding: 25px 15px 15px 20px;
}
.highlight-box-wide-resources{
width: 615px;
background: url(../images/resources2.jpg) no-repeat;
padding: 25px 15px 15px 20px;
}
.ppl-bg{
background: url(../images/ppl-bg.jpg) no-repeat;
padding: 10px 0px 0px 11px;
}
#arrow-down {
background: url(../images/arrow-down.png) no-repeat;
padding: 15px 0px 64px 16px;
}
#arrow-side {
background: url(../images/arrow-side.gif) no-repeat;
width: 192px;
height: 123px;
padding: 0px 0px 0px 16px;
}
#arrow-down h2, #arrow-side h2{
color: #fff;
margin:0px;
font-size: 23px;
font-weight: 100;
line-height:normal;
width:150px;
}
#arrow-down p, #arrow-side p{
width:150px;
}

.image-caption{
background: #bb0000 url(../images/red-point.gif) no-repeat center top;
font-size: 14px;
font-weight:bold;
color: #fff;
padding: 9px 10px 5px 10px;
}
#content .image-caption a{
text-decoration:underline;
font-weight: bold;
}
#content .image-caption a:hover{
color:#bbddee;
}