/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* new clearfix */
.clearfix:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix { zoom: 1; }/* IE6 */
*:first-child+html .clearfix { zoom: 1; }/* IE7 */

/* GRIDS SPECIAL OOCSS ============================================== */
.line, .lastUnit, #beta, #content
{
	overflow: hidden;
	_overflow: visible;
	_zoom: 1;
}

.unit, #alpha, #beta
{
	float: left;
	_zoom: 1;
}

.unitExt { float: right; }
.size1of1 { float: none; }
.size1of2 { width: 50%; }
.size1of3 { width: 33.33333%; }
.size2of3 { width: 66.66666%; }
.size1of4 { width: 25%; }
.size3of4 { width: 75%; }
.size1of5 { width: 20%; }
.size2of5, #beta { width: 40%; }
.size3of5, #alpha { width: 60%; }
.size4of5 { width: 80%; }

.lastUnit, #beta
{
	float: none;
	_position: relative;
	_left: -3px;
	_margin-right: -3px;
	width: auto;
}

/* extending grids to allow a unit that takes the width of its content */
.media { width: auto; }

/* ================================================================ */
body
{
	font: 13px/1.36 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	/* for IE6/7 */
	*font-size: small;
	/* for IE Quirks Mode */
	*font: x-small;
}

/* Nudge down to get to 13px equivalent for these form elements
 */

select,
input,
button,
textarea,
button { font: 99% arial,helvetica,clean,sans-serif; }

/* To help tables remember to inherit
 */

table
{
	font-size: inherit;
	font: 100%;
}

/* Bump up IE to get to 13px equivalent for these fixed-width elements
 */

pre,
code,
kbd,
samp,
tt
{
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

a
{
	color: #0094d6;
	text-decoration: none;
	/*background-color: #daf4ff;*/
}

a:hover
{
	background-color: #eefaff;
	text-decoration: underline;
}

a.jump, a.img_link, .ui-tabs-nav a,.header a, .footer-content a { background: transparent; }
a.img_link:hover { text-decoration: none; }

a.img_link img
{
	padding: 3px;
	background-image: url(diag_gray.gif);
}

a.img_link:hover img
{
	background-image: url(diag_blue.gif);
	background-color: #ddf;
}

.img_link
{
	position: relative;
	overflow: hidden;
	display: block;
	float: left;
}

.img_link_rollover
{
	position: absolute;
	top: 0px;
	left: 0;
	font-size: 20px;
	font-weight: bold;
	background-color: transparent;
	background-image: none;
	color: #fff;
	margin: 3px;
	float: left;
	display: none;
}

.img_link:hover .img_link_rollover
{
	display: block;
	background-image: url(diag_blue.gif);
	background-color: #33f;
}

.watch_link { }

h1, .h1
{
	font-size: 196%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.06;
}

h2, .h2
{
	font-size: 167%;
	font-weight: normal;
	font-style: normal;
}

h3, .h3
{
	font-size: 146.5%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2;
}

h4, .h4
{
	font-size: 123.1%;
	font-weight: normal;
	font-style: normal;
}

h5, .h5
{
	font-size: 108%;
	font-weight: bold;
	font-style: normal;
}

h6, .h6
{
	font-size: 108%;
	font-weight: normal;
	font-style: italic;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { margin-bottom: 10px; }

a.button
{
	background-color: #fff;
	background-position: left bottom;
	background-repeat: repeat-x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
	color: #000;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	padding: 0 10px;
	font-weight: bold;
	text-transform: uppercase;
	border: 2px solid #000;
	display: inline-block;
	line-height: 25px;
}

a.button:hover { background-color: #def; }
p { margin-bottom: 10px; }

/* ================================================================ */
#container
{
	width: 1000px;
	margin: 0 auto;
	background-image: url(dot.gif);
	background-repeat: repeat;
}

#header, #footer { background: #eee; }

.mod
{
	margin: 6px;
	padding: 1px 6px 6px 2px;
	background-color: #fff;
	background-image: url(dot_square_gray.gif);
}

.mod .inner
{
	background: #fff;
	padding: 10px;
}

.mod.smallfeature
{
	margin: 174px 0 0 0;
	padding: 0 8px;
	background: #fff;
}

.mod.smallfeature h3 { margin: 10px 0; }

.hd h3
{
	font-family: "Rockwell";
	font-size: 18px;
}

.hd h3.replace { }

/* ================================================================ */
/* menu stuff */
.part-to-toggle
{
	height: 184px;
	overflow: hidden;
}

.part-to-toggle .grid_5, .part-to-toggle .grid_7 { position: static; }
.part-to-toggle .button { position: static; }
.part-to-hide, .part-to-reveal { background-color: #fff; }

.part-to-keep
{
	background-color: #fff;
	border-bottom: 4px solid #aaa;
}

#head { z-index: 9999; }

#head ul
{
	overflow: hidden;
	margin-bottom: -4px;
}

#head h1
{
	font-size: 5em;
	margin: 0;
	line-height: 1.2em;
}

#head ul li
{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	border-width: 0 1px;
	overflow: hidden;
	float: left;
	margin: 0 5px;
	padding: 0;
	line-height: 1;
}

#head ul li a
{
	color: #555;
	text-decoration: none;
	padding: 5px 20px;
	display: block;
	border-bottom: 4px solid #aaa;
}

#head ul li a:hover
{
	background-color: #fdd;
	border-color: #f00;
}

#head img { /*display: block;*/ }
.part-to-reveal p { line-height: 1.2em; }

#head
{
	zoom: 1;
	z-index: 9999;
}

/* ie fixes */
.vol_don_mail_forms
{
	padding-top: 12px;
	text-align: right;
}

.vol_don_mail_forms a.button { font-size: 18px; }

/* ================================================================ */
.email_signup
{
	border: 2px solid #888;
	background-color: #f2f2f2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
	_zoom: 1;
	float: right;
}

.email_signup .form_submit,
.email_signup .form_input { float: left; }
.email_signup .form_submit input,
.email_signup input.form_input,
.email_signup .form_input input { border: 0; }

/* # -moz-border-radius-topleft  / -webkit-border-top-left-radius */
.email_signup input.form_input
{
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

.email_signup .form_submit input
{
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	padding: 4px;
	font-weight: bold;
	cursor: pointer;
	background-color: transparent;
	margin: 0;
}

.email_signup .form_submit { border-left: 2px solid #888; }
.email_signup .form_input { }

.free_sticker_link
{
	display: block;
	float: right;
	clear: right;
}

.stickerform
{
	background: white;
	padding: 1em;
	width: 30em;
}

.stickerform input.form_input
{
	width: 180px;
	font-size: 16px;
}

.stickerform .text_inputs .form_label { width: 106px; }

.stickerform li
{
	clear: both;
	padding: 10px 0;
}

.text_inputs .form_input
{
	width: 200px;
	float: left;
}

input.form_input,
.form_input input,
#comments-open-data input,
#comments-open-text textarea
{
	border: 2px solid #ccc;
	padding: 5px;
	font-size: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0;
}

.form_input input { }
input.form_input:focus,
#comments-open-data input:focus { border-color: #00A8FF; }

.text_inputs .form_label
{
	float: left;
	text-align: right;
	clear: left;
	padding: 5px 0;
	margin-right: 8px;
}

.submit_holder
{
	padding-top: 10px;
	position: relative;
	text-align: right;
	padding-right: 192px;
}

.submit_holder input,
.submit_holder .submit
{
	font-size: 200%;
	cursor: pointer;
	border: 3px solid #880;
	background-color: #FF8;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #333;
	text-decoration: none;
}

.submit_holder input:focus,
.submit_holder .submit:focus { background-color: #FF0; }

.submit_holder .submit
{
	padding: 3px 6px;
	display: block;
	float: left;
}

.submit_holder.centered
{
	padding: 10px 0 0 190px;
	clear: both;
}

#comments-open-data
{
	clear: both;
	overflow: hidden;
}

#comments-open-data div
{
	padding: 6px 0;
	clear: both;
	display: block;
}

#comments-open-data label
{
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 8px;
}

#comment-form-remember-me label,#comment-form-remember-me input
{
	float: none;
	display: inline;
}

#comment-form-remember-me input
{
	margin-left: 108px;
	border: 0;
}

#comments-open-text textarea
{
	margin: 10px 0;
	width: 100%;
}

/* ================================================================ */
/* feed style */
.personal_feed
{
	line-height: 1.2;
	display: block;
	padding-bottom: 12px;
	font-size: 12px;
}

.personal_feed_image
{
	width: 32px;
	height: 32px;
}

.personal_feed_avatar
{
	float: left;
	padding-right: 8px;
}

.personal_feed_avatar a { display: block; }

.personal_feed_identity_wrapper
{
	overflow: hidden;
	margin-bottom: 3px;
}

.personal_feed_identity h3
{
	font-size: 100%;
	margin: 0;
}

.personal_feed_identity small
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #888;
}

.tweet { margin-bottom: 14px; }

.tweet_reply_link
{
	color: #aaa;
	background-color: #fff;
	padding: 0 3px;
	font-size: 10px;
	border: 1px solid #eee;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.tweet_reply_link:hover
{
	color: #000;
	text-decoration: none;
	border-color: #aaa;
}

small.feed_source
{
	font-size: 10px;
	background-color: #ddf;
	margin-right: .3em;
}

.fundraising { overflow: hidden; }

.organize
{
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.socialicon_16,
.feedlink
{
	vertical-align: text-bottom;
	padding: 0;
}

.feedlink { overflow: hidden; }
.feedlink img { vertical-align: text-bottom; }

/*-------------------------------------------------------  */
#footer-content { }

#footer-content ul.split2 li
{
	width: 50%;
	float: left;
}

#footer-content ul.split2 li.headline
{
	display: block;
	clear: both;
	width: 100%;
}

#footer-content .vol_don_mail_forms
{
	padding-top: 8px;
	text-align: right;
}

#footer-content .vol_don_mail_forms .email_signup
{
	float: right;
	margin: 0 4px;
}

.pp
{
	color: #ddd;
	text-transform: uppercase;
	font-size: 11px;
}

.pp li
{
	display: block;
	float: left;
}

.pp a
{
	color: #bbb;
	padding: 4px 10px;
}

.pp a:hover { color: #999; }
#footer-content .button.donate { float: right; }

/* ================================================================ */
/* colorbox */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/

#colorbox, #cboxOverlay, #cboxWrapper
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}

#cboxOverlay
{
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent
{
	position: relative;
	overflow: hidden;
}

#cboxLoadedContent { overflow: auto; }

#cboxLoadedContent iframe
{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/

#cboxOverlay { background: transparent url('diag_blue.gif'); }
#colorBox { }

#cboxTopLeft
{
	width: 25px;
	height: 25px;
	background: url(border1.png) 0 0 no-repeat;
}

#cboxTopCenter
{
	height: 25px;
	background: url(border1.png) 0 -50px repeat-x;
}

#cboxTopRight
{
	width: 25px;
	height: 25px;
	background: url(border1.png) -25px 0 no-repeat;
}

#cboxBottomLeft
{
	width: 25px;
	height: 25px;
	background: url(border1.png) 0 -25px no-repeat;
}

#cboxBottomCenter
{
	height: 25px;
	background: url(border1.png) 0 -75px repeat-x;
}

#cboxBottomRight
{
	width: 25px;
	height: 25px;
	background: url(border1.png) -25px -25px no-repeat;
}

#cboxMiddleLeft
{
	width: 25px;
	background: url(border2.png) 0 0 repeat-y;
}

#cboxMiddleRight
{
	width: 25px;
	background: url(border2.png) -25px 0 repeat-y;
}

#cboxContent { background: #fff; }
#cboxLoadedContent { margin-top: 30px; }

#cboxTitle
{
	position: absolute;
	bottom: 0px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #999;
}

#cboxCurrent
{
	position: absolute;
	bottom: 0px;
	left: 100px;
	color: #999;
}

#cboxSlideshow
{
	position: absolute;
	bottom: 0px;
	right: 42px;
	color: #444;
}

#cboxPrevious
{
	position: absolute;
	bottom: 0px;
	left: 0;
	color: #444;
}

#cboxNext
{
	position: absolute;
	bottom: 0px;
	left: 63px;
	color: #444;
}

#cboxLoadingOverlay { background: url(loading.gif) 5px 5px no-repeat #fff; }

#cboxClose
{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	color: #444;
	background-image: url(close.gif);
	width: 70px;
	height: 20px;
	text-indent: -9999px;
}

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/

.cboxIE #cboxTopLeft
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/borderTopLeft.png, sizingMethod='scale');
}

.cboxIE #cboxTopCenter
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/borderTopCenter.png, sizingMethod='scale');
}

.cboxIE #cboxTopRight
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/borderTopRight.png, sizingMethod='scale');
}

.cboxIE #cboxBottomLeft
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/borderBottomLeft.png, sizingMethod='scale');
}

.cboxIE #cboxBottomCenter
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/borderBottomCenter.png, sizingMethod='scale');
}

.cboxIE #cboxBottomRight
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/borderBottomRight.png, sizingMethod='scale');
}

.cboxIE #cboxMiddleLeft
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/borderMiddleLeft.png, sizingMethod='scale');
}

.cboxIE #cboxMiddleRight
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/borderMiddleRight.png, sizingMethod='scale');
}

/* ================================================================ */
/* Tabs--------------------------------------------- */
.ui-tabs { background-color: #ffffff; }

.ui-tabs .ui-tabs-nav
{
	list-style: none;
	position: relative;
	padding: .2em .2em 0;
	border: 1px solid #bbb;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	border-width: 0 0 1px 0;
}

.ui-tabs-nav { /* background-color:#ddd;*/ }

.ui-tabs .ui-tabs-nav li
{
	position: relative;
	float: left;
	border-bottom-width: 0 !important;
	margin: 0 4px -1px 0;
	padding: 0;
	border: 2px solid #ccc;
	background-color: #eee;
	background-image: url(diag_gray.gif);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-legend
{
	font-weight: bold;
	border: 0;
	padding: .5em 1em;
	color: #666;
	background: transparent;
}

li.ui-tabs-legend
{
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 10px;
	text-transform: uppercase;
}

.ui-tabs .ui-tabs-nav li a
{
	float: left;
	text-decoration: none;
	padding: .5em 2em;
	color: #333;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
	padding-bottom: 1px;
	border-bottom-width: 0;
	background-color: #fff;
	background-image: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel
{
	/*padding: 1em 1.4em;*/
	display: block;
	border-width: 0;
	background: none;
}

.ui-tabs .ui-tabs-hide { display: none !important; }

.element .article, .ui-tabs .article
{
	display: block;
	float: left;
	width: 33.333%;
}

.article_inner { padding: 20px; }

#section-take-action .article_inner
{
	padding: 2px;
	color: #666;
}

#section-take-action .article { margin-bottom: 20px; }

.article_inner h3
{
	margin-bottom: 0;
	font-size: 127%;
}

#section-take-action .article_inner h3
{
	font-size: 16px;
	font-weight: bold;
}

#section-take-action .article img
{
	padding: .3em 8px .5em 0;
	float: left;
}

.asset-meta
{
	font-style: italic;
	font-weight: bold;
	color: #888;
	margin-bottom: 8px;
}

#section-take-action .asset-meta
{
	margin-bottom: 0;
	font-weight: normal;
	color: #aaa;
}

.controls
{
	clear: both;
	border-top: 1px dotted #ddd;
}

.mod .line
{
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#alpha-inner
{
	padding: 30px 80px;
	margin: 10px;
	background: #fff;
}

/* ================================================================ */
/* MAP */
.map-container
{
	background-color: white;
	position: relative;
}

.map-panel-container { background-color: #aaa; }

#map-show-more
{
	line-height: 28px;
	background-image: url(click-to-see-arrow.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	left: 10px;
	top: 10px;
	color: white;
	padding: 0 20px;
	display: none;
}

#map-show-more.left
{
	background-position: right top;
	padding: 0 15px 0 10px;
}

#map-show-more.right
{
	background-position: left top;
	padding: 0 10px 0 15px;
}

#map-info
{
	width: 400px;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	height: 400px;
	overflow: hidden;
	z-index: 100;
}

#map-info.left { padding-left: 16px; }
#map-info.right { padding-right: 16px; }

#map-info .arrow
{
	background-image: url('info-box-arrow.gif');
	background-position: left top;
	background-repeat: repeat-y;
	width: 18px;
	/*	height: 400px;
*/
	display: inline;
	margin: 0;
}

#map-info.left .arrow
{
	margin-left: -18px;
	float: left;
}

#map-info.right .arrow
{
	margin-right: -16px;
	float: right;
	background-position: right top;
}

#map-info .inner
{
	background-color: #eee;
	padding: 16px 0;
	/*	height: 360px;*/
	height: 100^;
	border-color: #bbb;
	border-style: solid;
	position: relative;
}

#map-info.left .inner { border-width: 2px 2px 2px 0; }
#map-info.right .inner { border-width: 2px 0 2px 2px; }

#map-info-close
{
	float: right;
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 8px;
	background-image: url('close.gif');
	width: 70px;
	height: 20px;
	text-indent: -9999px;
}

#map-info h1
{
	font-size: 2.0em;
	padding: 0 16px;
}

#map-info .inner-content
{
	position: absolute;
	width: 396px;
	padding-top: 10px;
	overflow: hidden;
}

#map-info ul.organizations
{
	/*	padding-left: 200px;
*/
	padding-right: 398px;
	width: 400px;
}

#map-info ul.organizations li
{
	padding: 5px 16px;
	background-image: url('row.gif');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aaa;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
	font-weight: bold;
	background-color: #bac1c5;
}

#map-info ul.organizations li:hover
{
	background-image: url('row-hover.gif');
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #989ea2;
	border-bottom: 1px solid #888;
}

#map-info ul.organizations li.left { /*	width: 190px;
	float: left;
	display: inline;
	margin-left: -200px;
	clear: left;
*/ }
#map-info ul.organizations li.right { /*	width: 190px;
*/ }

#map-info ul.organizations li .li-content
{
	position: absolute;
	left: 400px;
	top: 5px;
	width: 400px;
	padding: 0 0;
	display: none;
	background-color: white;
}

#map-info ul.organizations li .li-content .li-content-inner { padding: 16px 16px 0 16px; }

.li-content a.back
{
	display: block;
	background-image: url('row-hover.gif');
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 16px 5px 32px;
	color: black;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #888;
}

#organizations-list { display: none; }

.page-container
{
	position: relative;
	width: 368px;
	height: 300px;
}

.page
{
	position: absolute;
	left: 0;
	top: 0;
	width: 368px;
	display: none;
	height: 290px;
	overflow: hidden;
	overflow-y: auto;
}

.thumbnails { text-align: center; }
.thumbnails img { border: 2px solid white; }
.thumbnails a:hover img, .thumbnails a.active img { border: 2px solid #45abdb; }

#map-info h2
{
	font-weight: bold;
	font-size: 1.15em;
}

.page .logo
{
	float: left;
	display: inline;
	margin: 0 5px 1em 0;
}

.page-container .picture { text-align: center; }

a.call_to_action
{
	display: block;
	position: absolute;
	right: 31px;
	top: 310px;
	z-index: 10;
	background-image: url('sign_the_call.png');
	width: 216px;
	height: 149px;
	background-position: 0 0;
	text-indent: -9999px;
}

a.call_to_action:hover { background-position: 215px 0; }

/* /MAP ================================================================ */
.trailing_logo
{
	display: block;
	float: right;
	clear: both;
	position: relative;
	left: 30px;
	bottom: 30px;
}

.category_list_item
{
	display: block;
	clear: both;
	padding-bottom: 10px;
	font-size: 14px;
}

.category_list_item_date
{
	padding-right: 6px;
	display: block;
	color: #999;
	font-weight: bold;
	font-style: italic;
	float: left;
}

.category_list_item_title { margin-left: 4em; }

.paragraph_equalizer
{
	display: block;
	margin-bottom: 8px;
}

.paragraph_equalizer p
{
	margin: 0;
	padding: 0;
}

.mod.resolution .inner { background-color: #f6faff; }
.resolution_body { font-size: 14px; }

.resolution_body .whereas
{
	font-family: "Rockwell";
	font-size: 24px;
	font-weight: bold;
	display: block;
}

.highlight { background-color: #ffff88; }
ul.resolution_steps li { padding-bottom: 20px; }
ul.resolution_steps h3 { margin-bottom: 4px; }
.resolution_slides { text-align: right; }
.resolution_slides .img_link { float: none; }
.roman { list-style-type: upper-roman; }
.disc { list-style-type: disc; }
.roman li, .disc li { margin-left: 1.4em; }

.resolution_doc_links span
{
	display: block;
	float: right;
	font-size: 13px;
	font-weight: normal;
	color: #555;
}

.bigtext { font-size: 140%; }
.bigtext p { padding: 30px; }
.rockwell { font-family: "Rockwell"; }