body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.7em;
	color:#757870;
	margin:0;
	padding:0;
}
.body{
	text-align:center;
	background-color:#212324;
	
}

div, span, td, p, ul, li, a{
	margin:0;
	padding:0;
	font-size:100%;
	text-align:left;
}

img{
	border:0;
}

h1, h2{
	font-family:"Lucida sans unicode";
	color:black;
	font-weight:normal;
}


a {
	color:#ef7507;
}

#site{
	margin:auto;
	width:100%;
	background-color:#f9f9f9;
}

#header{
	width:100%;
	background-image:url('../images/header_bg.jpg');
	background-repeat:repeat-x;
	height:154px;
}

#header_content{
	width:980px;
	margin:auto;
}

#logo{
	float:left;
	width:620px;
	margin-top:10px;
	margin-left:20px;
}

#header_right{
	float:left;
	margin-top:30px;
	width:340px;
	height:140px;
	font-size:130%;
}

#navigation{
	width:100%;
	background-image:url('../images/navigation_bg.jpg');
	background-repeat:repeat-x;
	height:51px;
	padding-top:8px;
	text-align:center;
}
#navigation a{
	color:#c9c9c9;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
}

#main{
	width:980px;
	background-color:#f9f9f9;
	margin:auto;
}

#content{
	float:left;
	width: 630px;
	margin-left:40px;
}

#headlines{
	float:left;
	width:270px;
	margin-left:40px;
}

.headline_footer{
	float:left;
	width:260px;
	margin-top:15px;
	background-image:url('../images/headline_bg.jpg');
	background-repeat:repeat-x;
}

.headline_more{
	position:relative;
	top:0px;
	margin-top:-10px;
	left:0px;
	margin-left:150px;
}

#footer{
	width:100%;
	background-image:url('../images/footer_bg.jpg');
	background-repeat:repeat-x;
	height:135px;
	text-align:center;
}

#footer a{
	color:#c9c9c9;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
}

#footer_content{
	width:980px;
	margin:auto;
}

#footer_logo{
	float:left;
	margin-top:5px;
	margin-left:40px;
	width:120px;
}

#footer_right{
	float:left;
	width:700px;
	margin-top:25px;
}

.story_image{
	margin-bottom:5px;
}

.small{
	font-size:80%;
}

.arch{
	font-weight:bold;
}
.newslist, .newslist li{
	list-style:none;
	margin:0;
	padding:0;
	margin-left:10px;
}
.newslist{
	margin-bottom:10px;
}

/********** Funky Menu *******/
	
	#lava {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:center; 
		width:980px; 
		height:40px;
		margin:auto;
	}
	
	#lava ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:110px; 
		top:0; 
		
		/* should be higher than #box */
		z-index:100;

	}
	
	#lava ul li {
		
		/* give some spaces between the list items */
		margin:0 25px; 
		padding-top:5px;
		
		/* display the list item in single row */
		float:left;
	}
	
	#lava #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		
		/* should be lower than the list menu */
		z-index:50; 

		/* image of the right rounded corner */
		background:url('../images/navigation_box_right.gif') no-repeat right center;
		background-position:right;
		/*background:#ccc;*/ 
		height:23px;
		
		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* self-adjust negative margin to make sure the box display in the center of the item */
		margin-left:-10px;
	}
	
	#lava #box .head {
		/* image of the left rounded corner */
		background:url('../images/navigation_box_left.gif') no-repeat 0 0; 

		/*background:#eee;*/
		height:23px;

		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:10px;
	}