/* NEWS CSS */

#EDNews{
	background:#FFF url(../images/news-bg.jpg) repeat-y top left;
	font-family: Georgia, Times, Times New Roman, serif;
	width:635px;
	padding: 0;
	margin:0;
}
.cite{
font-size: 8pt;
padding-left:8px;
}

/* MAIN NEWS ITEM ON THE RIGHT */

#topBar{
margin:0; padding 0;
background:#FFF url(../images/news-top.jpg) repeat-y top left;
width:635px;
height:100px;
}

#topBar h2{
/*background:url(../images/news-icon.gif) no-repeat left 50%;*/
margin:0; padding:20px 0 10px 80px; font-size: 16pt;
}

#topBar span{
font-family: helvetica, sans-serif;
font-weight: heavy;
font-style: italic;
}
.snippet{
font-size: 8pt;
margin:0;
padding: 0px 10px;
}



/* --------- MAIN NEWS ---------- */

#newsBox{
	padding: 5px 15px 5 px 5px;
	margin: 0px 10px 0px 28px;
	width: 360px;
	line-height: 12pt;
}


#newsBox h3{
margin:0 5px 0 5px; padding:0 10px 0 0 ; font-size: 14pt;
font-family: Georgia, Times, Times New Roman, serif;
color: #444;
border-bottom:1px solid #369;
}
.story{
padding:3px; margin-top:3px; margin-bottom:5px;
text-align:justify;

}

.action{
font-weight:bold;
font-variant: small-caps;
border:1px dashed #369;
background-color:#EEEBD8;
text-align:center;
padding:4px 2px;
}


/*  ------------ FILED NEWS ITEMS ----------- */
#previousNews{
	float: right;
	width:208px;
	margin: 0 20px 0 0;
	padding: 0;
	display:inline;
}

.headlines{
	width:208px;
	padding: 0;
	display:inline;
}
#previousNews h4{

	color: #000;
	margin:0; padding:0 0 0 8px;
	text-align:left;
	font-size: 12pt;
	border-bottom: 1px solid #DDD;
}

#previousNews h5{
font-size: 10pt;
margin:4px 0 0 0; padding:0 0 0 8px;
text-align:left;
}

#searchNews{
	float: left;
	width:250px;
	margin: 0;
	margin-right: 10px;
	padding: 5px;
}
/*  ------------ ITEMS OF NOTE ----------- */

#notes{
width:200px;
margin:2px; padding:0;
}
#notes h5{
margin:0;
font-size: 12pt
color:#369
}
#notes p{
margin:0;
width: 170px;

}
.notesTop{
background: url(../images/notes-top.jpg) no-repeat top left;
width: 200px;
height:46px;
margin-right:0; padding:0;
}
.notesBody{
background: url(../images/notes-bg.jpg) repeat-y top left;
width: 200px;
margin:0; padding:0;
}
.notesBody h6{
font-family:verdana, arial, sans-serif;
font-size: 10pt;
padding-left:16px;
}

.notesBody p{
font-family:verdana, arial, sans-serif;
padding-top: 4px;
padding-left:18px;
text-indent:4px;
font-size:8pt;
}

.notesFooter{
background: url(../images/notes-footer.jpg) no-repeat;
width: 200px;
height:30px;
margin:0; padding:0;
}


.sidebar{
background: #FFFDF9;
margin: 10px 5px;
padding: 10px 5px;
}

/* ---------- images ------- */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 2px 4px 4 px 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 2px 4px 4 px 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
	

#footerNews{
background:#FFF url(../images/news-footer.jpg) no-repeat;
clear:both;
padding: 0; 
margin:0;
height: 80px;
}
	
/* Begin Form Elements */

#searchform{
width: 250px;
margin:0; padding: 0;

}
#previousNews form{
float: left;
	width:250px;
	margin: 0;
	margin-right: 10px;
	padding: 5px;
}

