/*
 * HOME CSS for EMC
 * Kris Kelly 28-05-08
 * 
 **/

div#latest-news {
    float: left;
    width: 100%;
}

div#latest-news h3 {
    border-top:1px dotted #141414;
    padding-top: 10px
}

div#latest-news a {
    text-decoration: none;
    color: grey;
    font-weight: bold;
}

div#latest-news h3 a {
    color: #830000;
}

div#latest-news a:hover {
    text-decoration: underline;
}

div#latest-news strong {
    color: #69c;
    font-size: 1.2em;
    font-weight: bold;
}

div.latest-news-image {
        float:left;
		width: 70px;
}

div.latest-news-footer {
        float: right;
	padding-bottom: 20px;
        width: 80%
}

/*
div#latest-news {
	width: 230px;
}
	div#latest-news-header {
		width: 230px;
		height: 37px;
		background: transparent url('/images/home/latest-news-header.gif') 0 0 no-repeat;
	}
		div#latest-news-header a {
			text-indent: -99999px;
			text-align: left;
			display: block;
			width: 100%;
			height: 100%;
		}
	div#latest-news-image {
		padding: 0 6px 1px 5px;
		background: transparent url('/images/home/latest-news-content-bg.gif') 0 0 repeat-y;
		overflow: hidden;
		width: 230px;
	}
	div#latest-news-footer {
		width: 205px;
		padding: 16px;
		background: transparent url('/images/home/latest-news-footer-bg.gif') left bottom no-repeat;
		font-family: Arial;
		font-size: 1em;
		color: #fff;
	}
	div#latest-news-footer a {
		color: #fff;
		text-decoration: none;
	}
	div#latest-news-footer a:hover strong {
		text-decoration: underline;
	}
	div#latest-news-footer strong,
	div#latest-news-footer a strong {
		font-size: 1.17em; *//*14px*//*
		font-weight: bold;
	}
	
*/
h3#help-treat-donate {
	background: #fff url("../images/global/interact-text-small.gif") top left no-repeat;*/
	width: 257px;
	height: 50px;
	text-align: left;
	text-indent: -9999px;
	margin-left: 25px;
	margin-top: 10px;
}
#gift-text {
	padding: 10px;
	color: #830000;
	font-size: 1.2em;
	font-family: "HelveticaNeue","Helvetica","Verdana","Geneva","Arial",sans-serif;
}
a#donate-now-link {
	display: block;
	/*width: 270px;
	height: 57px;
	background: #fff url("/images/home/donate-now-button.gif") top left no-repeat;*/
	text-indent: -9999px;
	margin-top: 10px;
	border-top: none;
	border-bottom: none;
	margin-left: 25px;
}
.left_col_content {
    padding: 5px;
	border: 1px solid #67a8da;
}
.left_col_content p {
    width: 225px; /* Must be the same width as the image above it */
    background-color: #67a8da;
    padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #67a8da;
    color: white;

}

h2 {
	padding-bottom: 35px;
}

.keywords {
	border:1px solid #6CADDF;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
}
	

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position: relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 250px;	 
	width: 220px;	
	border:2px solid #C10001;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.item {
	/*border-bottom:1px solid #ddd;*/ 
	margin:10px 0;
	padding:15px;
	font-size:11.5px;
	height:230px;
	color:#5e92d9;
}

/* elements inside single item */
.item img {
	float:left;
	margin-right:20px;
	height:50px;
	width:38px;
}

.item h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

.item a {
	color:#830000;
	text-decoration:none;
}

/* the action buttons above the scrollable */
#actions {
	width:260px;
	margin:30px 0 10px 0;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.next {
	float:right;
}

.grey
{
	font-size: 8pt;
	color: #666666;
}

.subtitle
{
	font-size: 12pt;
	color: #830000;
}