/*************************************************************/  
/* mainpage specific layout */
/*************************************************************/
#container {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

/*************** Header Area CSS ***/
#headerNav { 
	background-image: url(../images/headNavBg.gif);
 }

/*************** Main Navigation CSS ***/
#mainNav {  	
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #fff;
}

#bar { 
	width: 5px;
	display: inline; float: left;
	background: url(../images/barBg.gif) top left repeat-y; 
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#mainImage {
	width: 553px;
	display: inline; float: left; background-color: #e9e9e9; border-bottom: 1px solid #fff;
}

#mainLinks {
	display: inline; float: left;
	width: 193px;
	border-right: 1px solid #333; 
}

#mainLinks ul { 
	list-style: none; margin: 0; padding: 0;
}

#mainLinks ul li { 
	 /* ie 6 bug fix, doesnt accept padding-botttom, or margin-bottom of 0, SO ... use 1px :) */
	 padding-bottom: 1px;
}

#mainLinks li.last a { border: none; margin: 0; } 

#mainLinks ul li a {
 	display: block;
	background: url(../images/buttonBgUmayri.gif) top left no-repeat;
	font: bold 12px/1.5 Georgia;
	color: #333; text-decoration:none; text-align:left;
	padding-left: 6px;
	padding-bottom: 1px;
	padding-top: 1px;
}

#mainLinks li a:hover {
	color: #fff; text-decoration:none; 
	background: none; background-color: #663300;
}

/*************** Body Content CSS ***/
#bodyContent {
	float: left;
	}
	
#bodyrightNav {
	float: right;
	width: 210px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #333;
}

#headlines {
	padding: 0;
	margin-right: 211px;
	border-right: 1px solid #444;
}

#bodyrightNav .header, #headlines .header {	
	color:#fff;
	font-size: 11px;
	font-weight: bold;
	background-color: #333;
	margin: 0;
	padding: 4px 6px 4px 6px;
	border-bottom: 1px solid #fff; 
}

#bodyrightNav .content {
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 4px 6px 4px 6px;
	border-bottom: 1px solid #fff;
}

#headlines .content { 
	padding: 5px;
	margin: 0; 
}

#bodyrightNav ul {
	display: block;
	/*list-style: square;*/
	list-style: square url(../images/arrowRighbar.gif) outside;
	/* set both the :margin and :padding properties to get 
	maximum compatibility across browsers  */
	margin-top: 0;
	margin-left: 10px;
	padding-left: 5px;
	text-indent: 0;
}
#bodyrightNav ul li { margin-bottom: 2px; margin-left: 5px; line-height: 12px; }
#bodyrightNav ul li a { color: #333; text-decoration: none; }
#bodyrightNav ul li a:hover { color: #777; }

/*************** other CSS ***/
#content {
	border-right: 1px solid #444;
}