/******************************************************************************
 * Homepage
 ******************************************************************************/
body.homepage #footer {
    padding-top: 0;
}

body.homepage #content {
    margin-top: 16px;
    overflow: hidden;
}

H1 {
	width: 118px;
	height: 30px;
	background: transparent url(../../images/homepage/heading_who.gif) left 5px no-repeat;
}

H2#isc-news {
	width: 82px;
	height: 19px;
	padding: 0 0 5px 28px;
	background: transparent url(../../images/homepage/heading_news.gif) 28px 0 no-repeat;
	border: none;
}

H3.press-release {
	width: 95px;
	height: 19px;
	background: transparent url(../../images/heading_press.gif) no-repeat 0 3px;
}

H3.article {
	width: 54px;
	height: 19px;
	background: transparent url(../../images/heading_article.gif) no-repeat 0 2px;
}

H3.event {
	width: 108px;
	height: 19px;
	background: transparent url(../../images/heading_event.gif) no-repeat;
}

/******************************************************************************
 * Intro
 ******************************************************************************/

#intro {
	clear: both;
	padding: 0;
}

#intro A.more,
#intro A.more:link,
#intro A.more:visited {
	display: inline;
	float: none;
	background: transparent url(../../images/arrow_large_on_grey.gif) right 5px no-repeat;
	padding-right: 14px;
	line-height: 1.6;
}

#intro A.more:hover,
#intro A.more:active {
	background-position: right -15px;
}

#intro-copy {
	float: left;
	width: 606px;
	padding: 0 0 20px 0;
}

#intro-right {
    position: relative;
    float: right;
    width: 285px;
    height: 99px;
    background: transparent url(../../images/homepage/email_signup_bg.gif) left top no-repeat;
}

#intro-right #signup-button {
    position: absolute;
    left: 176px;
    top: 45px;
    width: 100px;
    height: 37px;
}

#intro-right #signup-email {
    position: absolute;
    width: 145px;
    height: 15px;
    left: 15px;
    top: 51px;
    padding: 3px 3px;
    font-size: 12px;
}

#intro-copy p {
	padding: 0 15px;
    font-size: 16px;
    color: #666;
}

#intro-list ul {
	margin: 0 0 0 20px;
	list-style:none;
	padding:0px;
}

#intro-list ul li {
	padding: 0 0 0 13px;
    background: transparent url(../../images/bullet_blue.gif) no-repeat 0px 6px;
    font-size: 11.5px;
}

/******************************************************************************
 * Flash
 ******************************************************************************/

#flash-feature {
	width: 909px;
	min-height: 299px;
	clear: both;
	padding: 0;
	margin: 0 0 30px 0;
    background-color: transparent;
}

#flash-feature object {
    margin: 0;
    padding: 0;
}

#flash-feature table.slides {
    width: 100%;
   	height: 100%;
    /*margin: 0px auto;*/
    /*margin: 0;*/
	background-color: #50b3cf;
}

#flash-feature .slides tr {
    height: 60px;
    /*border-bottom: 1px dotted #fff;*/
}

#flash-feature .slides td {
    padding: 20px;
    color: #fff;
}

#flash-feature .slides td p {
    color: #fff;
}

/*#flash-feature .slides td.url {
    width: 80px;
}*/

#flash-feature .slides .rich-content{
    width: 200px;
}

#flash-feature H4 {
    color: #fff;
}

#flash-feature .slides A.more,
#flash-feature .slides A.more:link,
#flash-feature .slides A.more:visited  {
	float: right;
    color: #fff;
	background: transparent url(../../images/arrow_on_blue.gif) right 3px no-repeat;
}

#flash-feature .slides A.more:hover,
#flash-feature .slides A.more:active {
	color: #E86C1F;
	text-decoration: none;
	background-position: right -12px;
}

/******************************************************************************
 * Barkers
 ******************************************************************************/

#home-barkers {
	overflow: hidden;
    clear: both;
	padding: 0 0 20px 0;
}

#home-barkers .triplets {
	float: left;
	width: 607px;
	padding: 0px;
}

.triplet {
	float: left;
	width: 195px;
	height: 318px;
	margin-left: 11px;
	background-color: #FFF;
}

.triplet.first {
	margin-left: 0px;
}

.triplet H2 {
	height: 18px;
	line-height: 20px;
	overflow: hidden;
    letter-spacing: 3px;
}

.triplet IMG {
    height: 140px;
    width: 195px;
}

.triplet .block {
    height: 122px;
    overflow: hidden;
}

.triplet .block-title H4 {
	font-weight: normal;
    line-height: 1.4;
	padding: 15px 15px 0px;
}

.triplet P {
	padding: 0px 15px;
	line-height: 1.5;
	font-size: 12px;
	color: #666;
}

.triplet A.more,
.triplet A.more:link,
.triplet A.more:visited {
    margin: 15px 8px 0 0;
}


.map {
	float: right;
	width: 250px;
	padding: 0 0 0 50px;
	background: transparent url(../../images/homepage/feature_where_we_work_map.gif) no-repeat 25px 0;
}

.map H2 {
    background-color: transparent;
    border: none;
}

.map H2 A {
	display: block;
    height: 170px;
	text-indent: -9999px;
	background-color: transparent;
}

.map UL {
	float: left;
	width: 92px;
	padding: 10px 0px 5px 10px;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
}

.map UL LI {
	line-height: 1em;
	padding-bottom: 4px;
	font-size: 14px;
}

/******************************************************************************
 * News
 ******************************************************************************/

#news-section {
	overflow: hidden;
    clear: both;
	padding: 0 1px;

}

.news-row {
	float: left;
	padding: 13px 0;
	background: transparent url(../../images/homepage/news_divider.gif) repeat -1px top;
}

.news-row .news-item {
	float: left;
	padding: 0 28px;
	width: 246px;
}

.news-row .block {
	height:  120px;
    overflow: hidden;
}

.news-row .block-body {
    font-size: 12px;
	line-height: 1.5;
}

.news-row .block-title {
    font-size: 11px;
    line-height: 1.6;
}

.news-row .block-title .date {
	margin: 0 4px 0 0;
    padding: 0 9px 0 0;
	background: transparent url(../../images/homepage/dots_vertical_home.gif) no-repeat right 2px;
}

.news-row A.more,
.news-row A.more:link,
.news-row A.more:visited {
	background: transparent url(../../images/arrow_on_grey.gif) no-repeat right 4px;
}

.news-row A.more:hover,
.news-row A.more:active {
	background-position: right -11px;
}

/******************************************************************************
 * Modal Window
 ******************************************************************************/
.ui-widget-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

.ui-widget-overlay { 
    background: #000 url(../../images/modal/background_shadow.gif) 50% 50% repeat;
    opacity: .69;
    filter: Alpha(Opacity=69); 
}

 .ui-dialog {
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    overflow: hidden;
 }
 
.ui-dialog-titlebar {
    position: relative;
    height: 35px;
    overflow: hidden;
}

#ui-dialog-title-donate-modal {
    display: none;
}

.ui-dialog-titlebar-close {
    display: block;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 59px;
    height: 17px;
    background: #fff url(../../images/modal/button_close.gif) left top no-repeat;
    text-indent: -9999px;
 }

#donate-modal {
    display: none;
    width: 352px;
    height: 401px;
    padding: 17px 59px 15px 59px;
    text-align: center;
}

#donate-modal p {
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 1.2em;
    color: #333;
}

#donate-modal .modal-image {
    border: 10px solid #f0efef;
    margin-bottom: 12px;
}

#donate-modal A {
    outline: none;
}

#donate-modal #modal-buttons {
    width: 100%;
    height: 93px;
    background: #fff url(../../images/modal/background.gif) center top no-repeat;
}

#donate-modal #modal-buttons A.donate-now {
    display: block;
    width: 243px;
    height: 27px;
    margin: 0 auto 22px auto;
    text-indent: -9999px;
    background: #fff url(../../images/modal/button_donate_now.gif) left top no-repeat;
}

#donate-modal #modal-buttons A.no-thanks {
    font-style: italic;
}