#right_ex {
float:left;
width:280px;
height:auto;
margin-left:10px;
margin-right:10px;
}

#middle_ex {
float:left;
width:690px;
height:auto;
margin-left:10px;
}

.ex_article {
float:left;
width:100%;
margin:5px 0 0 10px;
display:inline;
padding-bottom:5px;
}

.ex_article p {
 max-width:660px;
}

.line {
border-bottom:1px dotted #164C97;
float:left;
width:660px;
}

#ex_banner
{
	float:left;
	width:690px; 
	margin-left:10px;
}
#ex_banner .img
{
	margin:0 auto;	
	width:586px;
}

.latest_single
{
	width:100%;
	text-align:center;
	color:black;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	padding:5px 0;
	border-bottom:1px dotted #164C97;
}

.latest_single .smaller
{
	font-size:10px;
	font-weight:normal;
}

.latest_single p
{
	font-weight:bold;	
}

.latest_single:hover
{
	background:#720A11;
	color:white;
}

#latest_releases
{
	float:left;
	width:100%;
	height:auto;border-left:1px dotted #164C97;
	border-right:1px dotted #164C97;
	background-color:#E9EDF0;
}

#vol_issue
{
	float:left;
	width:100%;
	/*border-left:1px dotted #164C97;*/
	/*border-right:1px dotted #164C97;*/
	background-color:#E9EDF0;
}
#vol_issue h1
{
	font-size:14px;
	line-height:18px;
	padding:0 5px;	
}
#in_the_issue
{
	float:left;
	width:100%;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
}

#in_the_issue h2
{
	font-size:16px;
	line-height:16px;
}
#in_the_issue div#extra
{
	margin-top:10px;
	text-align:center;
	font-size:14px;
	line-height:14px;
	width:100%;
	float:left;
}
#in_the_issue div#extra span
{
	margin:0 10px;
	border-right:1px dotted #164C97;
	padding-right:10px;
}
#in_the_issue div#extra span#last
{
	border-right:none;
}

#ex_nav_bar
{
	float:left;
	width:100%;
	color:white;
	margin-bottom:15px;
	text-align:center;
}

#ex_nav_bar ul
{
	font-weight:bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:700px;
	margin:0 auto;
}

#ex_nav_bar ul li
{
	background:#225789 url(../../images/informasiablue.png) repeat scroll 0 0;
	border-right:1px solid #8FA0B0;
	color:white;
	float:left;
	font-family:Arial;
	font-size:12px;
	height:20px;
	line-height:20px;
	margin:0 0 0;
	padding:0.3em 0.6em;
	position:relative;
	width:150px;
	font-weight:bold;
}
#ex_nav_bar ul li a
{
	color:white;
	font-weight:bold;

}

#ex_nav_bar ul li:hover 
{
	background:#720A11;
	text-decoration:none;
}

.boldbig 
{
	font-size:14px;
	font-weight:bold;
}

#archive
{
	margin-top:10px;
	float:left;
	width:100%;
	height:auto;
	background-color:#E9EDF0;
	cursor:pointer;
}
.archive_top
{
	float:left;
	width:100%;
	margin:1px 0;
}

.archive_inner
{
	float:left;
	width:100%;
	padding:1px 0;
}


.year_archive
{
	float:left;
	width:100%;
	height:auto;
	cursor:pointer;
}

.year_archive p 
{
		font-weight:bold;
		padding-left:10px;
}
.month_archive
{
	float:left;
	width:100%;
	height:auto;
	margin-left:10px;	
	display:none;
}

.vol_issue_archive
{
	float:left;
	width:100%;
	height:auto;
	padding:2px 0;
}

.v_i_inner
{
	width:245px;
	border-bottom:1px dotted #164C97;
	margin-left:10px;
}

.v_i_inner:hover
{
	background:#720A11;
	color:white;
	cursor:pointer;
	cursor:hand;
}


.month_archive a 
{
		color:black;
		font-weight:bold;
}

.box_header_month
{
	background: transparent url(../images/bg_box_header.png) repeat-x scroll 0 0;

	font-weight:bold;
	padding:4px 0 4px 8px;
	text-align:left;
}
.box_header_month p
{
	color:white;
	font-size:14px;
	font-weight:bold;
	margin-left:20px;	
}

#ex_extra
{
	float:left;
	width:345px;
	min-height:300px;
	height:auto;
	background-color:#E9EDF0;
}
#ex_extra .title
{
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	margin-left:10px;
}
#ex_extra .smaller_ex
{
	float:left;
	width:315px!important;
	width:300px;
	height:auto;
	margin:5px;
	border:1px dotted #164C97;
	padding:5px;
	
}
#ex_extra_single
{
		float:left;
	width:100%;
}