
/* new design implementation JC 17 February 2008 */
body{
	font-size:62.5%;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	background:white url(../images/bg-grad.gif) repeat-x scroll 0 0;
}
#topbar_container {
	border-top:4px solid #009cdd;
	background: transparent url(../images/topbar-shadow-bg.png) repeat-x scroll 0 0;
}
#body_container_shadow{
	position:relative;
	min-width:640px;
	max-width:762px;
	margin:auto;
	padding-left:20px;
	background:transparent url(../images/bg-border-l.gif) no-repeat scroll left top;
}
#body_container_shadow2{
	position:relative;
	min-width:620px;
	max-width:742px;
	margin:auto;
	padding-right:20px;
	background:transparent url(../images/bg-border-r.gif) no-repeat scroll right top;
}
#body_container {
	min-width:600px;
	max-width:722px;
	margin:auto;
	padding:0 10px 40px;
	font-size:0.9em;
	position:relative;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	height:100%;
	background:white url(../images/topbar-shadow.png) repeat-x scroll 0 0;
}

#header {
	border-bottom:2px solid #009cdd;
	min-height:130px;
	padding-top:10px;
	text-align:left;
	color:#9b9b9b;
	position:relative;
}
	.ARlogo{
		position:absolute;
		bottom:55px;
		left:10px;
	}
	.magLogo{
		position:absolute;
		bottom:49px;
		right:10px;		
	}
	#header a{
		text-decoration:none;
		color:#009cdd;		
	}
	#header a:hover{
		color:#9b9b9b;
	}
	
	#header ul#top_menu {
		position:absolute;
		right:10px;
		top:5px;
		font-weight:bold;
		font-size:11px;
	}
		#header ul#top_menu li{
			float:left;
			list-style:none;
			padding-left:10px;
		}
		
	#header form#search {
		float:right;
		bottom:5px;
		color:#009cdd;
		font-weight:bold;
	}
		#header form#search p{
			margin:0 5px;
			float:left;
		}
		#header form#search input{
			float:left;
		}
		#header form#search .searchText{
			background:transparent url(../images/bg_input.gif) repeat scroll 0 0;
			display:block;
			height:33px;
			overflow:hidden;
			width:149px;
			float:left;
		}
			#header form#search .searchText input{
				display:block;
				margin-top:8px;
				width:122px;
				margin-left:13px;
				border:0;
				background:transparent;
				color:#9b9b9b;
			}
#nav{
	height: 25px;
	width: 702px;
	margin: 0 0 0 60px;
	padding: 0px;
	 position: absolute;
	bottom:0;
		}
	#nav li {
		float: left;
		padding-right: 9px;
		list-style:none;
	}
		.homeOn {
		   height:24px;
			background:url(../images/nav/homeOn.gif) no-repeat left bottom ;
		}
		
		.homeOff {
			height:24px;
			background:url(../images/nav/homeOff.gif) no-repeat left bottom ;
		}
		
		.aboutOn {
			height:24px;
			background:url(../images/nav/aboutOn.gif) no-repeat left bottom ;
		}
		
		.aboutOff {
			height:24px;
			background:url(../images/nav/aboutOff.gif) no-repeat left bottom ;
		}
		
		.subscribeOn {
			height:24px;
			background:url(../images/nav/subscribeOn.gif) no-repeat left bottom ;
		}
		
		.subscribeOff {
			height:24px;
			background:url(../images/nav/subscribeOff.gif) no-repeat left bottom ;
		}
		.archiveOn {
			height:24px;
			background:url(../images/nav/archiveOn.gif) no-repeat left bottom ;
		}
		
		.archiveOff {
			height:24px;
			background:url(../images/nav/archiveOff.gif) no-repeat left bottom ;
		}
		.contactOn {
			height:24px;
			background:url(../images/nav/contactOn.gif) no-repeat left bottom ;
		}
		
		.contactOff {
			height:24px;
			background:url(../images/nav/contactOff.gif) no-repeat left bottom ;
		}
		
		.artReviewOn {
			height:24px;
			background:url(../images/nav/artReviewOn.gif) no-repeat left bottom ;
		}
		
		.artReviewOff {
			height:24px;
			background:url(../images/nav/artReviewOff.gif) no-repeat left bottom ;
		}


.title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.9em;
	color:#999;
	padding:25px 0 0 0;
}
.titleFloat{
	float:left;
	}

	.searchTitle{
		padding-bottom:10px;
		border-bottom:1px solid #d6d6d6;
	}

.content{
	padding:0px;
	position:relative;
	border-bottom:1px solid #d6d6d6;
}
	.content img.thisIssue{
		float:left;
		padding:0 50px 0px;
	}
	.content img.thisIssueFlip{
		float:left;
		padding:0 50px 20px;
	}	
	.content img.register{
		position:absolute;
		top:65px;
		left:0px;
		border:0;
	}
	.content .leftContent{
		width:385px;
		float:left;
	}
	.content .rightContent{
		margin-left:385px;
	}
	.content .searchContent{
		margin-left: 160px;
		min-height: 170px;
	}
		.content .searchContent a.magLink{
			color:#009cdd;
			text-decoration:none;
			font-weight:bold;
		}
		.content .searchContent a.magLink:hover{
			color:#9b9b9b;
		}		
		
		.content .searchContent a.moreLink{
			color:#009cdd;
			text-decoration:none;
			font-weight:bold;
		}
		.content .searchContent a.moreLink:hover{
			color:#9b9b9b;
		}	

	.content h2{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		color:#000;
		font-size:1.6em;
		background:url(../images/underline.gif) no-repeat left top ;
		padding-top:7px;
		margin:10px 0 5px 0;
	}
		.content .searchContent h2{
			background:none;
			color:#4b4b4b;
			margin-top:0;
		}	
		.content .searchContent .page{
			font-weight:bold;
		}
	.content p{
		margin:0;
	}
	.content .author{
		color:#000;
	}
	.content .sponsoredAd{
		width:722px;
		margin:10px 0;
	}
	.content .content_left, .content .content_right{
		width:359px;
		margin:10px 0;
		float:left;
		border:none;
	}
	.content .content_right{
		border-left:1px solid #d6d6d6;
	}
.button{
	margin:0 auto;
	width:300px;
}
	.button_left{	
		background:transparent url(..//images/btn-bg-left.gif) no-repeat scroll left center;
		border:0;
		height:23px;
		margin-top:10px;
		padding:0 0 0 9px;
		text-align:center;	
	}
	.button_right{
		background:transparent url(../images/btn-bg-right.gif) no-repeat scroll right center;
		border:0;
		height:23px;
		margin:0;
		padding:0 9px 0 0;
		text-align:center;
	}
	.button a{
		background:transparent url(../images/btn-bg-mid.gif) no-repeat scroll 0 0;
		color:#01A2E4 !important;
		font-weight: bold;
		display:block;
		height:19px;
		min-width:70px;
		padding:6px 0 0;
		text-decoration:none;
		width:125px;	
	}
	
.forms{
	padding:0 20px 10px 20px;
	position:relative;
	}

	.forms label { 
		f2ont-size:62.5%;
		color:#666666;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0; 
		font-weight:bold;
		}
	.forms table{
		font-size:10px;
	}
	.forms input{
		margin:10px 0;
	}
	#registerForm fieldset{
		border:0;
		margin:0;
		padding:0;		
	}
	#registerForm dl{
		margin:0;
		padding:0;
	}
	#registerForm dt{
		clear:both;
		float:left;
		margin:10px auto;
		min-height:17px;
		text-align:right;
		width:26%;
		font-weight:bold;
	}	
	#registerForm dd{
		float:right;
		margin:5px auto;
		min-height:17px;
		width:70%;
	}
	#registerForm input, #registerForm select{
		background-color:#FFFFFF !important;
		margin:0;
	}
	.forms input, .forms select{
		background-color:#FFFFFF !important;
	}
	.forms h2{
		font-family:"Courier New", Courier, monospace;
		font-weight:bold;
		color:#009EE0;
		font-size:1.8em;
		padding-bottom:7px;
		margin:20px 0 5px 0;
	}
	.forms p{
		margin:0;
	}
	.forms p.tagline{
		font-size:14px;
		font-family:"Courier New", Courier, monospace;
		padding-bottom:20px;
	}
	.forms a{
		text-decoration:none;
		color:#009cdd;		
		font-weight:bold;	
	}
	.formErrors {
		color: #f00;
		padding-top: 10px;
	}
	input.btn, #registerForm input.btn{
		background:url(../images/btn_submit.gif) no-repeat;
		border:0;
		color:#666666 !important;
		display:block;
		height:23px;
		width:93px;
		font-family:verdana;
		font-size:1em;
		text-decoration:none;		
		margin:10px auto;
	}
div.desc{
	padding:10px 5px;
	border-bottom:1px solid #d6d6d6;
	position:relative;
}
	.intro{
		color:#3f3f41;
		font-size:1.2em;
	}
	.intro-bullets{
		color:#73a331;
		font-size:1.1em;
		list-style:none;
	}
.desc img.register {
	border:0 none;
	right:1px;
	position:absolute;
	top:6px;
}	
#archiveSearch {
	min-height:60px;
	text-align:left;
	color:#9b9b9b;
	position:relative;
	border-bottom:1px solid #d6d6d6;
	padding-bottom:5px;
}
	#archiveSearch a{
		text-decoration:none;
		color:#009cdd;		
	}
	#archiveSearch a:hover{
		color:#9b9b9b;
	}
	
	#archiveSearch ul#top_menu {
		position:absolute;
		right:10px;
		top:5px;
		font-weight:bold;
	}
		#archiveSearch ul#top_menu li{
			float:left;
			list-style:none;
			padding-left:10px;
		}
		
	#archiveSearch form#search {
		position:absolute;
		top:20px;
		right:0px;
		color:#009cdd;
		font-weight:bold;
	}
		#archiveSearch form#search p{
			margin:-3pt 5px;
			float:left;
			font-size: 1.3em;
		}
		#archiveSearch form#search input{
			float:left;
		}
		#archiveSearch form#search .searchText{
			background:transparent url(../images/bg_input.gif) repeat scroll 0 0;
			display:block;
			height:33px;
			overflow:hidden;
			width:149px;
			float:left;
		}
			#archiveSearch form#search .searchText input{
				display:block;
				margin-top:8px;
				width:122px;
				margin-left:13px;
				border:0;
				background:transparent;
				color:#9b9b9b;
			}
div.advert {
	padding-top:10px; 
	padding-bottom:8px;
	border-bottom:1px solid #d6d6d6;
}
	div.advert img{
		float:left;
	}
	div.advert img.ad1{
		margin-right:10px;
	}	


#footer{
	border-top:1px solid #d6d6d6;
	padding:10px 5px;
}
	#footer p{
		float:left;
	}
	#footer a{
		color:#666666;
		text-decoration:none;
	}
	#footer .poweredBy{
		color:#009de0;
		float:right;
	}
	
a.searchLinks{
			color:#009cdd;
			text-decoration:none;
			font-weight:bold;
		}
		a.searchLinks:hover{
			color:#9b9b9b;
		}	
		
fieldset {
	border:0px none;
}	

.left {
	float:left;
	padding-top: 1px;
}

.left li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}	

.left .name{
	padding: 0px;
}
.right {
	padding-left: 350px;
	padding-top: 1px;
}	
a.refer img{
	border:0;
	padding-left:30px;
}