﻿#logo {
	background: url(images/logo.png) 0 5px no-repeat;
	width:220px;
	height:80px;
	
}

#topbanner {	 
	height:70px;
	width:478px;	
	margin:5px auto;
	padding:5px 5px;
	background:	url(images/banner_bg.gif) no-repeat;
}


div.article_separator
{	
	background: url(images/article_separator.png) 50% 0 no-repeat;
	height:24px;
	
}

div.article_separator_black
{	
	background: url(images/article_separator_black.png) 50% 0 no-repeat;
	height:24px;
	
}

/* searchbox */
div.searchbox {
	width: 120px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	background: url(images/searchbox/searchbox_bg.png) 0 0 no-repeat;
}

div.searchbox:hover {
	background: url(images/searchbox/searchbox_bg.png) 0 -18px no-repeat;
}

div.searchbox:hover input {
	color: #000000;
}

div.searchbox input:focus {
	color: #000000;
}

div.searchbox input {
	width: 84px;
	height: 15px;
	padding: 3px 0px 0px 0px;
	border: none;
	outline: none;
	background: none;
	float: left;
	color: #646464;
	font-size: 11px;
}

div.searchbox button {
	width: 18px;
	height: 18px;
	padding: 0px;
	border: none;
	float: left;
	cursor: pointer;
	line-height: 0px;
}

div.searchbox button.search-magnifier {
	background: url(images/searchbox/magnifier_icon.png) 0 0 no-repeat;
}

div.searchbox button.search-close {
	background: url(images/searchbox/close_icon.png) 0 0 no-repeat;
}

div.searchbox button.search-loader {
	background: url(images/searchbox/loader_icon.gif) 0 0 no-repeat;
}


.module-note {
	font-style: italic;
	width: 215px;
	margin-bottom: 20px;
	background: url(images/note-bg.png) 0 0 repeat-y;
	color: #65613E;
}

.module-note div {
	background: url(images/note-bg-top.png) 0 0 no-repeat;
}

.module-note div div {
	background: url(images/note-bg-bottom.png) 0 100% no-repeat;
}

.module-note div div div {
	padding: 30px 10px 20px 10px;
}


/*____________________________________________________________

Vertical Graybox

____________________________________________________________*/



.vert_graybox 
{
	width:219px;
	background:url(images/vert_graybox_stretcher.jpg) 0 0 repeat-y;
	position:relative;
	top:0px;
}

.vert_graybox_header 
{
	width:219px;
	background:url(images/vert_graybox_header.jpg) 0 0 no-repeat;
	padding-top:5px;	
}

.vert_graybox_footer 
{
	width:219px;
	background:url(images/vert_graybox_footer.jpg) 0 100% no-repeat;
	margin-bottom:0px;
}

.vert_graybox_container 
{
	padding:0px 15px 10px 18px;
}


.article 
{
	width:219px;
	background:url(images/dateback_green.jpg) top left no-repeat;
	padding-left:10px;
	position:relative;
	left:-24px; 
	margin-bottom:18px;
}
	
.article .title 
{
	margin:0 10px 5px 42px;
	color:#00a0d0;
}

.article .title a 
{
	
	color:#00a0d0;
}
.article .info 
{
	font-size:11px;
	margin:4px 10px 0px 22px;
	

}

.article .date 
{
	font-size:8px;
	color:#fff;
	font-weight:bold;
	float:left;
	line-height:1em;
}

.date span 
{
	font-size:8px;
	display:block;
	padding-top:1px;
}




