/* @import 'http://www.savedarfur.org/styles/stripstyles'; */
@import 'http://www.savedarfur.org/styles/clearfix';

html, body { padding: 0; margin: 0; text-align:center; }
body {
  font: normal 11px/1em Verdana, "Lucida Grande", sans-serif;
  padding:0; margin:0; 
  border:0;
  text-align:center;
  }
body { background:#e5e5e5 url(http://www.savedarfur.org/sync/images/background_tile.jpg) center top repeat-y; }

a:link, a:visited  {
  color:#000;
  text-decoration:underline;
}
a:hover {
  color:#931010;
  text-decoration:none;
}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img {border:none}



#content {
  width:706px;
  display:block;
  margin:0 auto -140px auto;
  padding: 0;
  background:#e5e5e5 url(http://www.savedarfur.org/sync/images/white_strip.gif) top right repeat-y;
  text-align:left;
  overflow:hidden;
  border:0;
}

#footer {
	position: relative;  /* Needed for Safari */
	width:700px;
	margin:70px auto 0 auto;
	padding:0 0 10px 0;
	text-align:left;
}

#left_side { /*border-bottom:solid 1px blue;*/ 
  float:left; clear:both;
  width:515px;
  text-align:left;
  margin:1px 0 80px 0;
  padding:0 0 10px 0;
  background:#fff;
}

#right_side { /*border:solid 1px blue;*/
  float:right;
  display:block;
  width:177px;
  margin-left:8px;
  background:#fff;
}



#footerinner {margin: 200px 0px; padding: 20px; background:#e5e5e5; border: 1px solid lime;}
#footerinner div {border: 1px solid pink;}

#lower_gray_search_box {
			display:block;
			width:486px;
			padding:30px 0px 20px 0px;
			margin:0 9px;
			letter-spacing:-0.09em;
			text-align:left;
			font: normal 9px/1.5em Verdana, "Lucida Grande", sans-serif;
			/*background:#e5e5e5;*/
		}

			#lower_gray_search_box a, #from_our_blog a, #darfur_in_the_news a {
				color:#000;
				text-decoration:underline;
			}
			#lower_gray_search_box a {margin:0 3px;}
	
		#search {
			display:block; 
			float:right; 
			margin:0; 
			padding:0;
			border:0;
			width:51px;
			height:24px;
			background: transparent url(http://www.savedarfur.org/sync/images/search_button_graybg.gif) no-repeat center left;
			text-align:left; text-indent: -5000pt;
			cursor: pointer; /* hand-shaped cursor */
			cursor: hand; /* for IE 5.x */
		}
		#lower_gray_search_box_form {
/*	        margin:105px 0 0 0;*/
			padding:0;
			float:right;
			display:block;
			width:190px;
		}
		#lower_gray_search_box_form input{
			margin:2px 0 0 0;
			padding:0;
		}
		#lower_gray_search_box span {
			float:left;
			display:block;
			padding:0;
/*			margin:105px 0 0 0;*/
		}
		.footer_search {width:130px; float:left;}

#left_top_header { /*border:solid 1px green;*/
  display:block;
  position:relative;
  width:100%;
  text-align:right;
  background: url(http://www.savedarfur.org/sync/images/top_left_logo.jpg) 0 0 no-repeat;
}
#left_top_header h2 a {/*border:solid 1px green;*/
  float:left;
  width:165px;
  height:205px;
  text-align:left;
  text-indent:-5000px;

}

.photo_montage {
  width:321px;
  height:222px;
}



#nav {
  position: relative;
  margin: 10px 0 0 6px;
  padding: 0;
  width: 500px;
  height: 16px;
  background: url(http://www.savedarfur.org/page/-/Image/SDC_Nav102907.gif);
        border-bottom: 1px solid #000;
  z-index: 20000;
  }

#nav ul {margin: 0; padding: 0;}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;z-index: 20100;}
#nav a {height: 16px; display: block;}
#nav span {display: none;}

#navA {left: 0px; width: 30px;}
#navB {left: 31px; width: 60px;}
#navC {left: 91px; width: 40px;}
#navD {left: 131px; width: 75px;}
#navE {left: 206px; width: 77px;}
#navF {left: 277px; width: 35px;}
#navG {left: 312px; width: 69px;}
#navH {left: 383px; width: 73px;}
#navI {left: 461px; width: 39px;}

#navA a:hover {background: transparent url(http://www.savedarfur.org/page/-/Image/SDC_Nav102907.gif) 0px -18px no-repeat;}
#navB a:hover {background: transparent url(http://www.savedarfur.org/page/-/Image/SDC_Nav102907.gif) -31px -18px no-repeat;}
#navC a:hover {background: transparent url(http://www.savedarfur.org/page/-/Image/SDC_Nav102907.gif) -91px -18px no-repeat;}
#navD a:hover {background: transparent url(http://www.savedarfur.org/page/-/Image/SDC_Nav102907.gif) -131px -18px no-repeat;}
#navE a:hover {background: transparent url(http://www.savedarfur.org/page/-/Image/SDC_Nav102907.gif) -206px -18px no-repeat;}
#navF a:hover {background: transparent url(http://www.savedarfur.org/page/-/Image/SDC_Nav102907.gif) -277px -18px no-repeat;}
#navG a:hover {background: transparent url(http://www.savedarfur.org/page/-/Image/SDC_Nav102907.gif) -312px -18px no-repeat;}
#navH a:hover {background: transparent url(http://www.savedarfur.org/page/-/Image/SDC_Nav102907.gif) -383px -18px no-repeat;}
#navI a:hover {background: transparent url(http://www.savedarfur.org/page/-/Image/SDC_Nav102907.gif) -461px -18px no-repeat;}

/* 
Son of Suckerfish dropdowns:
http://www.htmldog.com/articles/suckerfish/dropdowns/
*/

#nav ul {
  margin: 0;
  padding: 0;
  }
#nav li ul { /* second-level lists */
  position: absolute;
  top: 16px;
  width: 16em;
  list-style: none;
  clear: both;
        z-index: 10000;
  /* left: -5000px; */ /* using left instead of display to hide menus because display: none isn't read by screen readers */
display: none;
  }
#nav li ul li {
  position: relative;
}

#nav li ul li, #nav li ul li a {
  background-image: none !important;
  clear: both;
  }
#nav li ul li a {
  width: 16em;

/*        height: 16px; */
height: auto;
  padding: .5em 1em;
  text-indent: 0 !important;
        font-size: 10px;
  background: #444;
        line-height: 1.2em;
        z-index: 1100;
  border-top: 1px solid #000;
  color: #fff;
  text-decoration: none;
  }

#nav li ul li a:hover {
  background: #B20000; color: #fff;
  }
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
  /* left: 0; */
display: block;
        z-index: 1200;
  }


/*
#main_nav {
  margin-top:10px;
} 

#main_nav li {
  display:block; 
  float:left;
  margin:0 5px;
}
   
  #main_nav a span { 
    padding:0;
    margin:0;
    height:15px;
    text-indent:-5000px; 
  }

#main_nav .home , #main_nav .aboutus , #main_nav .learn , #main_nav .takeaction , #main_nav .getinvolved , 
#main_nav .campaigns , #main_nav .blog , #main_nav .newsroom , #main_nav .store  { border:solid 1px red;
  display:block;
  float:left;
  height:14px;
  padding:0; margin:0;
  text-indent:-5000px;
}

  a.home  {width:28px; background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) 0 0 no-repeat;} 
    a.home:hover {background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) 0 -18px no-repeat;} 
  a.aboutus  {width:48px;  background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -37px 0 no-repeat;}
    a.aboutus:hover {background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -37px -18px no-repeat;} 
  a.learn  {width:32px;  background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -97px 0 no-repeat;}
    a.learn:hover { background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -97px -18px no-repeat;}
  a.takeaction  {width:62px;  background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -139px 0 no-repeat;}
    a.takeaction:hover { background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -139px -18px no-repeat;}
  a.getinvolved  {width:68px;  background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -215px 0 no-repeat;}
    a.getinvolved:hover { background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -215px -18px no-repeat;}
  a.campaigns  {width:56px;  background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -296px 0 no-repeat;}
    a.campaigns:hover { background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -296px -18px no-repeat;}
  a.blog  {width:28px;  background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -363px 0 no-repeat;}
    a.blog:hover { background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -363px -18px no-repeat;}
  a.newsroom  {width:58px;  background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -401px 0 no-repeat;}
    a.newsroom:hover { background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -401px -18px no-repeat;}
  a.store  {width:30px;  background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -468px 0 no-repeat;}
    a.store:hover { background: url(http://www.savedarfur.org/sync/images/nav_text_img.gif) -468px -18px no-repeat;}
*/  
#get_updates {padding:15px; background:#e5e5e5; font-family: Helvetica, "MS Trebuchet", sans-serif; font-size:10px;}
#get_updates h2 {color:#b20000; font-family: Helvetica, "MS Trebuchet", sans-serif; text-transform:uppercase; font-size:17px; line-height:1.5em; margin: 0; padding: 0}
#signup {
  display:block; 
  float:right; 
  margin:0; 
  padding:0;
  border:0;
  width:58px;
  height:18px;
  background: transparent url(http://www.savedarfur.org/sync/images/submit_button.gif) no-repeat center left;
  text-align:left; 
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

/* fix styling issues on BSD signup forms */
form#signup, table#signup{
float: none;
height: auto;
width: auto;
background: none;
cursor: none;
text-indent: none;
display: auto;
}


/* added by CN for the login page */

#signupform {
text-align: center ;
}
#signupform .signuptitle {
text-align: left ;
}
#signupform #signup {
float: none ;
width: auto ;
height: auto ;
cursor: default ;
background: transparent;
}



.image_button {
  border:0;
  padding:0;
  margin:10px 0 0 0;
}

#local_group {
/*  position:relative; */
  margin:10px 0 0 0;
  padding:0;
  height:227px;
  background: transparent url(http://www.savedarfur.org/sync/images/find_local_group.gif) 0 0 no-repeat;
}
  #local_group_links {
    position:relative;
    display:block;
    top:170px;
    margin:0 20px;
    font:normal 10px/1em Arial, Verdana, sans-serif;
    color:#fff;
  }
  #local_group_links_form {margin:0 0 7px 0;}
  #local_group_search, #local_group_signin {
    display:block; 
    float:right; 
    margin:0; 
    padding:0;
    border:0;
    width:44px;
    height:18px;
    background: transparent url(http://www.savedarfur.org/sync/images/search_button.gif) no-repeat center left;
    text-align:left; text-indent: -5000px;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
  }
    #local_group_signin { background: transparent url(http://www.savedarfur.org/sync/images/signin_button.gif) no-repeat center left; }

#help_the_people {
  margin:10px 0 0 0;
  background: transparent url(http://www.savedarfur.org/sync/images/help_the_people_bg.gif) left bottom no-repeat;
}
#help_the_people h2 {
  display:block;
  margin:0; padding:0;
  height:62px;
  text-align:left; text-indent: -5000px;
  background: transparent url(http://www.savedarfur.org/sync/images/help_the_people.gif) 0 0 no-repeat;
}


#help_the_people ul {
  margin:0;
  padding:0 20px 20px 20px;
  text-align:left;
}
  #help_the_people li {
    list-style-type: none;    
    display:block;
    color:#931010;
    margin:10px 0;
    padding:0 0 0 8px;
    background: transparent url(http://www.savedarfur.org/sync/images/red_list_bullet.gif) 0 6px no-repeat;
  }

  #help_the_people li a {
    padding:0; margin:0;
    line-height:1.20em;
  }

/* Homepage Content */
  
#from_our_blog, #darfur_in_the_news {
  display:block;
  width:247px;
  padding-bottom:10px;
  font-size:11px;
  line-height:1.5em;
  background: transparent url(http://www.savedarfur.org/sync/images/content_box_background2.gif) left bottom no-repeat;
}

#from_our_blog {float:left;}
#darfur_in_the_news {float:right; margin-right:7px; }

#from_our_blog div {text-align:left; margin: 10px 30px 15px 30px;}
#from_our_blog h2 {display:block; margin:0; padding:0; height:47px; text-align:left; font-size:1px; letter-spacing:-2em; text-indent: -5000px; background: transparent url(/sync/images/hdr_from_our_blog.gif) 0 0 no-repeat;}
#from_our_blog h2 a {margin:16px 10px 0 0; padding:0; line-height:1em; width:40px; height:20px;  float:right;}

#darfur_in_the_news div {text-align:left; margin:0 20px 15px 20px;}
#darfur_in_the_news h2 {display:block; margin:0; padding:0;  height:47px; font-size:1px; letter-spacing:-2em; text-align:left; text-indent: -5000px; background: transparent url(http://www.savedarfur.org/sync/images/hdr_darfur_in_the_news.gif) 0 0 no-repeat;}
#darfur_in_the_news h2 a {margin:16px 10px 0 0; padding:0; line-height:1em; width:40px; height:20px;  float:right;}
#darfur_in_the_news h3 {text-align:left; font-size:15px;  margin:10px 0px 0 0px; padding:0;  line-height:1em; font-family: Times, Georgia, serif; text-transform:uppercase;}

#interior_content_border {
  position:relative;
  display:block;
  padding:0;
  margin:20px 0 0 0;
  width:504px;
  background: transparent url(http://www.savedarfur.org/sync/images/interior_bg_border.gif) 0 0 repeat-y;
}

#interior_content_bottom {
  position:relative;
  display:block;
  bottom:0; 
  left:0;
  margin:10px 0 0 0; 
  padding:0;
  width:504px; height:11px;
  background: transparent url(http://www.savedarfur.org/sync/images/interior_bottom_border.gif) 0 0 no-repeat;
}

.interior_header_image {display:block;  height:48px; width:504px; padding:0; margin:0 0 15px 0;}
#interior_content_inner {margin: 0 24px; font-family: Verdana, "MS Trebuchet", Helvetica, sans-serif;  line-height:1.5em; font-size:11px;}
#interior_content_border h1 {font-weight: normal; text-transform:uppercase; letter-spacing:0.2em; margin:10px 0px; font-size:16px; text-align:left;}
#interior_content_border h2 {margin:10px 0px; font-weight:bold; font-size:14px; text-align:left;}

#interior_content_border h3 {margin:0 0 15px 0;  text-align:left; font-family: "MS Trebuchet", Helvetica, sans-serif;  font-size:16px; background-color: #b20000; padding: 0 15px; line-height:2.25em; color:#fff;}

#interior_content_border h3.go {padding:0 0 0 15px; height:36px; line-height:2.25em; color:#fff; background-color: #b20000; margin-left:-10pt; }
#interior_content_border h3.go a {display:block; float:right; width:48px; height:35px;  text-align:left; text-indent: -5000pt; background: transparent url(http://www.savedarfur.org/sync/images/interior_right_go_hdr.gif) 0 0 no-repeat;}
#interior_content_border h3.go span {display:block; float:right; width:48px; height:35px;  text-align:left; text-indent: -5000pt; background: transparent url(http://www.savedarfur.org/sync/images/interior_right_go_hdr.gif) 0 0 no-repeat;}

#interior_content_border p {margin:0px 0px 15px 0px; padding: 0;}


ul.interior_nav  {
  display:block;
  margin: 10px 0;
  list-style-type: none;
  padding: 0;
}
.interior_nav li {
  float:left;
  margin:0 10px 0 0;
}

.email_this, .print_this, .blog_this {line-height:1.5em;}
.email_this {padding-left:17px; background: transparent url(http://www.savedarfur.org/sync/images/interior_email_icon.gif) 0 2px no-repeat;}
.print_this {padding-left:18px; background: transparent url(http://www.savedarfur.org/sync/images/interior_print_icon.gif) 0 0 no-repeat;}
.blog_this {padding-left:21px; background: transparent url(http://www.savedarfur.org/sync/images/interior_blogthis_icon.gif) 0 0 no-repeat;}
#left_side p.editThis, #right_side p.editThis {margin-top: 0px; margin-bottom: 0;}

#navSitemap li {margin-left: 20px; margin-bottom: 12px;}
#navSitemap li ul {margin-top: 12px;}

#navSitemap li ul li {margin-left: 20px;}

#sidePage {margin-top: 80px}

/* Photo Gallery */
table.tableBorder {border: 1px solid #ccc;}
table.tableBorder td {border-top: 1px solid #e5e5e5;}
table.tableBorder td.imageBG {border: 5px solid #e5e5e5; text-align: center;}
table.tableBorder td.imageBG div.prev-next {margin-bottom: 12px;}
table.tableBorder td.imageBG div.title {margin: 12px 0;}
div.breadcrumb {margin: 12px 0;}