/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
	.row{

	}

	p{
		font-family: "Arial", Helvetica, sans-serif; 
		font-size:16px;
		line-height: 20px; 
	}

	.right{
		float: right;
	}

	.clear{
		clear: both;
	}


	a{
		text-decoration: none;
	}

	a:hover{
		text-decoration: underline;
	}
/* ===================================== */
/* 			header styles 				 */
/* ===================================== */

	.header{
		background-image: url('../img/banner_bg.png');
		height:200px;
		border-bottom: 1px solid #0B4C5F;
	}

	#banner_shadow{
		background-image: url('../img/banner_shadow.png');
		background-repeat: no-repeat;
		background-position: center;
		height: 200px;
	}

	.header_content{
		height: 200px;
		color: #fff;
		text-align: justify;		
	}

	.header_content h2{
		padding:15px 0px 15px 0px; 
		font-size: 30px;
		text-shadow: 0px 1px 0px #000;
	}

	.header-img{
		background-color: rgba(3, 107, 138, 0.72);
		min-height: 200px;
		box-shadow: 0px 0px 3px 1px #000;
	}

	.journal-img{
		padding: 10px 0px 10px 25px;
	}

/* ===================================== */
/* 			Section styles 				 */
/* ===================================== */
	#section{
		margin-bottom: 60px;
	}

	.nav{
		background-color: rgba(3, 107, 138, 0.72);
		min-height: 200px;
		box-shadow: 0px 0px 3px 1px #000;
		padding-bottom:50px; 
		font-family: "Arial", Helvetica, sans-serif;
	}

	.nav h2{
		padding: 10px 20px;
		font-size: 22px;
	}

	.nav a{
		display: block;
		color: #fff;
		padding: 10px;
		font-size: 14px;
		border-bottom: 1px dashed #0B2F3A;
	}

/* ===================================== */
/* 			Middle Section styles 		 */
/* ===================================== */
	.middle_content{
		min-height: 200px;		
		margin-top: 20px;
	}
	
	.page_content{
		text-align:justify;
	}
	
	.page_content p{
		padding: 10px 0px;
	}
	
	.page_content table{
		border: 1px solid #333;
		margin:15px 0px;
	}
	
	.page_content tr, .page_content td{
		border: 1px solid #333;
		padding:10px;
	}

	.paper{
		background-color: #FAFAFA;
		min-height: 50px;
		border:1px solid #CCC;
		padding: 10px;
		margin-top: 10px;
		position: relative;
	}

	.download-img{
		position: absolute;
		right: 148px;
		bottom: 6px;
	}

	.paper a{
		color: #000;
	}

	.paper p{
		font-size: 14px;
	}

	.box-shadow-right{
		background-image: url('../img/shadow-box-right.png');
		background-repeat: no-repeat;
		position: absolute;		
		width: 100px;
		height: 8px;
		bottom: -9px;
		right: -13px;
	}

/* ===================================== */
/* Right menu in middle sectiion styles  */
/* ===================================== */	

	.right_content{
		background-color:#FAFAFA;
		margin-top: 20px;
		min-height: 300px;
		border: 1px solid #CCC;
		position: relative;
	}

	.right_content_shadow{
		z-index:-1000 !important;
		background-image: url('../img/right_menu.png');
		background-repeat: no-repeat;
		position: absolute;
		width: 330px;		
		height: 194px;
		bottom: -22px;
		right: -98px;
	}

	.previous_issues{
		padding: 10px 0px 10px 15px;
	}

	.previous_issues h2{
		color:#2E2E2E;
		text-shadow: 0px 1px 0px #000;
		border-bottom: 1px solid #A4A4A4;
	}
	
	.previous_issues ul{
		padding: 20px 0px 20px 25px;
	}
	
	.previous_issues a{
	      color:#2967AA;
	}


/* ===================================== */
/* 			Footer styles 				 */
/* ===================================== */

	.footer{
		background-color: #444444;
		height:200px;
		border-bottom: 1px solid #6E6E6E;
		font-family: "Arial", Helvetica, sans-serif; 
	}

	.footer_content{
		padding: 20px;
	}

	.footer_nav a{
		display: block;
		color: #fff;
		padding: 5px 0px;
		font-size: 14px;
		border-bottom: 1px dashed #6E6E6E;
	}

	.copy_right{
		background-color: #333;
		border-radius: 8px;	
		border-bottom: 1px solid #6E6E6E
	}
	.copy_right p{
		padding:15px; 
		font-size: 13px;
		color: #fff;
	}
/* ===================================== */
/* 			Credit styles 				 */
/* ===================================== */

	.credit{
		background-color: #333333;
		min-height: 20px;
		color:#fff;
	}

	.credit p{
		padding: 10px;
		font-size: 14px;
	}

	.credit a{
		text-decoration: underline;
		color: #fff;
	}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	.header_content h2{
		font-size: 20px;
		padding: 0px;
	}

	.header_content p{
		font-size: 13px;
	}

	.header-img{
		display: none;	
	}

	.footer_nav{
		display: none;
	}
}