body {background: url(images/sitewide/bg.gif) repeat-x top #FFFFFF; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #666666;}

.wrapper {width: 978px; margin: 0 auto;}
.admin {width: 150px; margin-left: 0 ;}

.masthead {height: 101px;}
.logo {background: url(images/sitewide/logo.gif); float: left; width: 300px;}
.joinrenewgive {float: left; width: 199px; margin-left: 30px; background: #639bc8; }
.btmjoinrenewgive {background: url(images/sitewide/bottom.joinrenewgive.gif) no-repeat; height: 31px; text-align: center;}
.peaceactionsites {float: left; width: 166px; margin-left: 58px; font-size: 11px; color: #FFFFFF;}
.peaceactionsites a:link, .peaceactionsites a:visited {color: #FFFFFF; padding-left: 6px; text-decoration: none; line-height: 15px;}
.peaceactionsites a:active, .peaceactionsites a:hover {color: #c88433; padding-left: 6px; text-decoration: none; line-height: 15px;}
.emailnewsletter {float: right; width: 166px; margin-left: 44px; font-size: 11px; color: #FFFFFF;}
.emailnewsletter-txtfield {background: url(images/sitewide/textfield.emailalerts.gif) no-repeat; width: 166px; border: none; color: #999; height: 23px;}
.emailnewsletter-txtfield .signup {border: none; color: #999; font-size: 11px; width: 127px; margin-left: 4px; margin-top: 5px; height: 17px;}
.fontsizes {margin: 15px 0 0 0px;}

/* NAV */
.nav {height: 52px; background: #c88433;}

/* SEARCH */
.searcharea {background: url(images/sitewide/bg.search.gif) no-repeat; height: 52px; width: 165px; float:left;}
input.search {color: #999; font-size: 11px; width: 130px; height: 16px; background: none; border: none; margin-left: 2px; margin-top: 20px; display:inline;}

/* HOME PAGE */
.hp-row1 {border-top: solid 2px #FFFFFF; background: #e9e8e8; height: 317px; margin-top: 4px;}
.hp-row1 .leftcol {width: 644px; float: left;}
.hp-row1 .rightcol {width: 303px; float: left; height: 231px; margin-left: 17px; margin-top: 10px; font-size: .9em; line-height: 1.4em;}
.hp-row1 .rightcol h1 {font-family: Georgia, "Times New Roman", Times, serif; color: #c88433; font-size: 1.5em; font-weight: normal; margin-top: 1em;}


.hp-row2 {background: #FFFFFF;}
.hpcontent {margin-left: 16px; line-height: 1.4em;}
.hp-row2 .col1 {width: 308px; float: left;}
.hp-row2 .col2 {width: 308px; float: left; margin-left: 28px;}
.hp-row2 .col3 {width: 303px; float: left; margin-left: 17px; padding-top: 1px;}

/* INNER PAGES */

.ip {background: #FFFFFF; padding-bottom: 2.5em;}
.breadcrumb {padding: 15px 0 5px 39px; font-size: .85em; color: #999999;display:inline;}
.ip .leftcol {float: left; width: 560px; margin-left: 39px;}
.ip .onecol {float: left; width: 750px; margin-left: 71px;}
.ip .rightcol {float: left; width: 308px; margin-left: 71px;}

.picturewithcaption {float: left; font-size: .85em; font-style: italic; color: #005395; width: 208px; margin: 0 1em 1em 0;}
.picturewithcaption img {border: solid 1px #005395; margin-bottom: .5em;}
.calloutquote, blockquote {float: right; font-size: 1.25em; width: 208px; margin: 0 0 1em 1em; font-family: Georgia, "Times New Roman", Times, serif; color: #c88433; border-left: solid 1px #CCC; padding-left: 1em;}

.datatable {border-top: solid 1px #9fb9cc; border-right: solid 1px #9fb9cc;}
.datatable td, .datatable th {padding: 5px; text-align: left; vertical-align: top;}
.datatable td {border-left: solid 1px #9fb9cc; border-bottom: solid 1px #9fb9cc;}
.datatable tr.alt td {border-left: solid 1px #9fb9cc; border-bottom: solid 1px #9fb9cc; background: #e7eef3;}
.datatable th {background: #005395; color: #FFFFFF; font-size: 14px;}
.datatable .date, .datatable th {white-space: nowrap;}

/* INNER NAV */

.rightcol #block-menu-primary-links h2{display:none;}

.rightcol .menu .leaf{display:none;}
.rightcol .menu .expanded{display:none;}
.rightcol .menu .collapsed{display:none;}
/*display active menus */
.rightcol .menu .active-trail{display:block;}
.rightcol .active-trail .menu .leaf{display:block;}
.rightcol .active-trail .menu .expanded{display:block;}
.rightcol .active-trail .menu .collapsed{display:block;}
/*hide level 3 children */
.rightcol .active-trail .menu .expanded .menu{display:none;}
/*style*/
.rightcol .active-trail > a{display:none;}
.rightcol .active-trail .active-trail > a{display:block;}
.rightcol .active-trail .menu {padding: 0 0 0.25em;}
.rightcol .active-trail .menu li.leaf a,.rightcol .active-trail .menu li.collapsed a,.rightcol .active-trail .menu li.expanded a{display:block; height:auto; width: 245px;border-bottom:solid 1px #DAE6EF; padding: .5em;}
.rightcol .active-trail .menu li.leaf{padding:0;}
.rightcol .active-trail .menu li.expanded{padding:0; width: 257px;}
.rightcol a.active {
	background: #DAE6EF;
	border-bottom: none;
	padding: .5em;
	color: #333;
	font-weight:bold;
}
/*show level 3 children */
.rightcol .active-trail .menu .expanded.active-trail .menu{display:block;}
/* level 3*/
.rightcol .active-trail li.active-trail.expanded .menu{
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: #EBF1F6;
}
.rightcol .active-trail li.active-trail.expanded>a{
	background: #DAE6EF;
	border-bottom: none;
	padding: .5em;
	color: #333;
	font-weight:bold;
}
.rightcol .active-trail li.active-trail.expanded .menu a {border-bottom:0px;}
.rightcol .active-trail li.active-trail.expanded .menu .active {
	background: #DAE6EF;
	border-bottom: none;
	padding: .5em;
	color: #666;
	font-weight:normal;
	margin-left: -7px;
    padding-left: 14px;
	width:237px;
}


/* FOOTER */
.footer {background: url(images/sitewide/bg.footer.gif) repeat-x top left; padding-top: 14px; min-height: 98px; width: 978px;}
.footerlinks {font-size: .85em; color: #005395; margin-left: 14px; line-height: 1.3em; float: left;}
.footeraddress {font-size: .85em; color: #666666; margin-right: 28px; line-height: 1.3em; text-align: right; float: right;}
.footer a:link, .footer a:visited {color: #005395; text-decoration: none;}
.footer a:active, .footer a:hover {color: #005395; text-decoration: underline;}
.rssicon {margin-right: 5px;}

/*footer menu */
.footer h2 {display:none;}
.footer #block-menu-primary-links, .footerlinks #home {display:inline;float:left;}
.footerlinks #home {border-right:1px solid #005395;padding-right:2px;}
.footer ul.menu {margin-left:-6px;}
.footer li.expanded ul {display:none;}

.footer li.expanded  {list-type-style:none;display:inline;padding:0;margin:0px;}
.footer li.expanded #item1,.footer li.expanded #item2,.footer li.expanded #item3,.footer li.expanded #item4,.footer li.expanded #item5,.footer li.expanded #item6 {border-right:1px solid #005395;padding-right:2px;}

/* MISC */
.clear, #clear {clear: both;}
img {border: none;}
table {border-collapse: collapse;}
.titleimages {margin-bottom: 15px;}
a:link, a:visited {color: #c88433; text-decoration: none;}
a:active, a:hover {color: #005395; text-decoration: underline;}
.promobuttons {margin: 9px 0;}
.tallpromobuttons {margin: 25px 0;}
.palegray {color: #999999;} /* this should be used for dates in 'In the News' */
hr {border: none; height: 1px; color: #999; background: #999;}
h1 {font-family: Georgia, "Times New Roman", Times, serif; color: #005395; font-size: 2em; font-weight: normal;}
h2 {font-family: Georgia, "Times New Roman", Times, serif; color: #4384b8; font-size: 1.5em; font-weight: normal;}
h3 {font-family: Verdana, Geneva, sans-serif; color: #37893b; font-size: 1em; font-weight: bold; line-height: 1.5em;}
h4 {font-family: Verdana, Geneva, sans-serif; color: #666; font-size: .95em; font-weight: bold;}
.newsicons {margin-right: .5em;}

/** 
 * Drupal Theme 
 */
#col1-buttons { margin-left: 16px; }
.terms-inline { display: none; }

/* PAGES */

/* BLOCKS */
div.block-aggregator { }
div.block-aggregator .content { margin-left: 16px; line-height: 1.4em; }
div.block-aggregator .content .more-link { display: none; }
div.block-aggregator .content ul, 
div.block-aggregator .content ul li { list-style: none; margin: 0; padding: 0; }

/*#block-aggregator-feed-2 {
	
}

#block-aggregator-feed-2 h2 {
	background: url('images/home/title.actionalerts.gif') no-repeat;
}

#block-aggregator-feed-1 h2 {
	background: url('images/home/title.peaceactionblog.gif') no-repeat;
}*/

@charset "UTF-8";

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	/* width: 8em; */
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 243px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 243px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 0 0 0 100%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: solid 1px #005395; border-top: none;
}

ul.MenuBarHorizontal ul li ul
{
	border: solid 1px #005395;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #FFF;
	padding: 0;
	color: #333;
	text-decoration: none;
}

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal ul li a
{
	display: block;
	cursor: pointer;
	background-color: #FFF;
	padding: .5em .5em .5em 1.3em;
	color: #333;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #FFF;
	color: #333333;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #FFF;
	color: #005395;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(images/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(images/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(images/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(images/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

/*top*/
#top { padding: 0; margin: 0 }
#top #block-menu-primary-links h2{display:none;}
#top .menu .menu{display:none;}
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
#top ul.menu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
#top ul.menu li
{
	list-style-type: none;
	float:left;
	position:relative;
	color: #ffffff;
	background:#C88433;
	display:block;
	padding:0;
	margin:0;
}
#top ul.menu li a{display:block;color:#C88433;}
#top ul.menu li a:hover{display:block;color:#C88433;text-decoration:none;}
#top ul.menu #item1 {background: url(images/nav/aboutus_off.gif) 0 0 no-repeat; height:52px; width:113px;}
#top ul.menu>li:hover a#item1, #top ul.menu .active-trail #item1{background: url(images/nav/aboutus_on.gif) 0 0 no-repeat; height:52px; width:113px;}
#top ul.menu #item2 {background: url(images/nav/issues_off.gif) 0 0 no-repeat; height:52px; width:93px;}
#top ul.menu>li:hover a#item2, #top ul.menu .active-trail #item2{background: url(images/nav/issues_on.gif) 0 0 no-repeat; height:52px; width:93px;}
#top ul.menu #item3 {background: url(images/nav/news_off.gif) 0 0 no-repeat; height:52px; width:86px;}
#top ul.menu>li:hover a#item3, #top ul.menu .active-trail #item3{background: url(images/nav/news_on.gif) 0 0 no-repeat; height:52px; width:86px;}
#top ul.menu #item4 {background: url(images/nav/mediacenter_off.gif) 0 0 no-repeat; height:52px; width:155px;}
#top ul.menu>li:hover a#item4, #top ul.menu .active-trail #item4{background: url(images/nav/mediacenter_on.gif) 0 0 no-repeat; height:52px; width:155px;}
#top ul.menu #item5 {background: url(images/nav/takeaction_off.gif) 0 0 no-repeat; height:52px; width:143px;}
#top ul.menu>li:hover a#item5, #top ul.menu .active-trail #item5{background: url(images/nav/takeaction_on.gif) 0 0 no-repeat; height:52px; width:143px;}
#top ul.menu #item6 {background: url(images/nav/resources_off.gif) 0 0 no-repeat; height:52px; width:128px;}
#top ul.menu>li:hover a#item6, #top ul.menu .active-trail #item6{background: url(images/nav/resources_on.gif) 0 0 no-repeat; height:52px; width:128px;}
#top ul.menu #item7 {background: url(images/nav/local_off.gif) 0 0 no-repeat; height:52px; width:95px;}
#top ul.menu>li:hover a#item7, #top ul.menu .active-trail #item7{background: url(images/nav/local_on.gif) 0 0 no-repeat; height:52px; width:95px;}

/*level2*/
#top ul.menu li:hover ul.menu {
	display:block;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	width: 243px;
	position: absolute;
	border: solid 1px #005395; 
	border-top: none;
	z-index: 500;
}
#top ul.menu li:hover ul ul.menu {display:none;} 
#top ul.menu li:hover ul.menu li{
	float:left;
	background-color: #FFF;
	padding: .5em .5em .5em 1.3em;
	color: #333;
	text-decoration: none;
	position:relative;
	list-style-type: none;
	width: 213px;
	z-index: 500;
}
#top ul.menu li ul a{display:block;color:#000;width: 243px;}
#top ul.menu li ul a:hover{display:block;color:#005395;text-decoration:none;}

#top ul.menu li.expanded{background-image: url("images/SpryMenuBarRight.gif");background-position: 95% 50%;background-repeat: no-repeat;}

/*level3*/
#top ul li:hover ul li:hover ul.menu {
	display:block;
	margin-left: 227px;
	margin-top: -23px;
	border: solid 1px #005395;
}
#top ul li:hover ul li:hover ul.menu li {
	
}

/*search box*/
#top {width:978px;height:52px;float:left;}
#top #block-menu-primary-links {width:813px;display:inline; float:left;}
#top .class {display:inline;}

/****************/


@charset "UTF-8";
/* CSS Document */
 
 /* THIS CONTROLS THE MAIN CAROUSEL ON THE HOME PAGE � THE LARGE IMAGES */
 
.jcarousel-control {
    margin-bottom: 10px;
    text-align: right; position: absolute;
	top: 293px; left: 550px; z-index: 10;
}

.jcarousel-control a:link, .jcarousel-control a:visited {
    font-size: .9em;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    border: 1px solid #fff;
    color: #666;
    background-color: rgba(233,232,233,.7);
    background-color: rgb(255,255,255);
}

.jcarousel-control a:active, .jcarousel-control a:hover {
    font-size: .9em;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    border: 1px solid #FFF;
    color: #FFF;
    background-color: rgba(0,0,0,.7);
	    background-color: rgb(0,0,0);

}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}



/* */

.jcarousel-skin-tango-main .jcarousel-container {
}

.jcarousel-skin-tango-main .jcarousel-container-horizontal {
    width: 644px;
    padding: 0; margin-top: 0px;position: relative;
}



.jcarousel-skin-tango-main .jcarousel-clip-horizontal {
    width:  644px;
    height: 317px;
}



.jcarousel-skin-tango-main .jcarousel-item {
    width: 644px;
    height: 317px;
}

.jcarousel-skin-tango-main .jcarousel-item-horizontal {
    margin-right: 10px;
}


.jcarousel-skin-tango-main .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.mainbox {background: rgba(0,0,0,.9); color: #FFF; width: 320px; margin: 65px 0 0 38px; padding: 15px 15px 30px 15px; font-size: 15px;}
.mainbox h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 33px; color: #FFFFFF; font-weight: normal; margin: .5em 0 0 0; padding: 0;}
.mainbox a:link {font-size: 13px; text-transform: uppercase;}
.main1 {background: url(images/home/main/1.png) no-repeat;}
.main2 {background: url(images/home/main/2.png) no-repeat;}
.main3 {background: url(images/home/main/3.png) no-repeat;}
.main4 {background: url(images/home/main/4.png) no-repeat;}

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 237px;
    padding: 0 20px; margin-top: 20px;
}



.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 156px;
}



.jcarousel-skin-tango .jcarousel-item {
    width: 237px;
    height: 156px;
	border: solid 1px #333333;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 72px;
    right: 5px;
    width: 11px;
    height: 15px;
    cursor: pointer;
    background: transparent url(images/home/fiftyyears/next-horizontal.png) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 72px;
    left: 5px;
    width: 11px;
    height: 15px;
    cursor: pointer;
    background: transparent url(images/home/fiftyyears/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**

	
	

@charset "UTF-8";
/* CSS Document */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1; margin-top: 1em;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #dedddd;}
	
.jScrollPaneDrag {
	position: absolute;
	background: #90b891;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 11px;  

}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 11px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


a.jScrollArrowUp {
	background: url(images/home/basic_arrow_up.gif) repeat-x 0 0; 
}
a.jScrollArrowUp:hover {
	background-position: 0 0;
}
a.jScrollArrowDown {
	background: url(images/home/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 0;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 0;
}


.orange-bar .jScrollPaneTrack {
	background: #90b891;
}
.orange-bar .jScrollPaneDrag {
	background: #90b891 url(images/home/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #90b891;
}
			
.holder {
	float: left;
}

.scroll-pane {
	width: 294px;
	height: 231px;
	overflow: auto;
	background: #e9e8e8;
	float: left;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}

#pane1 {

}

#block-block-18 ul { list-style: none; }
#block-block-18 ul li { margin-bottom: 4px; }
#pane2 {
	height: 251px;
}

#pane3 {
	height: 251px;
}

#pane4 {
	height: 251px;
}

/* Blocks */
div.joinrenewgive p, div.emailnewsletter p, div.peaceactionsites p, div.footeraddress p { margin: 0; padding: 0; }
div.issue-blocks-row { clear: both; }
div.issue-blocks-col { float: left; width: 48%; }
div.issue-blocks-row .col2 { margin-left: 20px; }
div.dev-query { clear: both; }
div.hp-row2 #block-views-newsclips-block_1 li { list-style: none; margin: 10px 5px; }
table.views-table { width: 100%; }
table.views-table td { padding: 5px; }
div.expert-contact-info {  }
.jcarousel-skin-tango .jcarousel-next-horizontal { right: 0; }

span.joinrenewtxt { text-align: center; background: url(images/sitewide/bg.joinrenewgivetext.gif) repeat-y; }
span.joinrenewtxt #block-block-12 { top: 0; font-size: 11px; color: #FFF; }
span.joinrenewtxt #block-block-12 .joinrenewgiveimg { top: 0; }