/* CSS DOCUMENT FOR STRUCTURE STYLING PURPOSES */
#container, #header, #navbar, #footer {
	width: 780px;
}
#container {
	min-height: 75%;
	margin: 0 auto;
}
#header {
	height: 160px;
	background: url(../_images/wa-logofill.jpg) top right no-repeat;
	position: relative;
}
#quiz {
	position: absolute;
	top: 20px;
	right: 12px;
	width: 200px;
	height: 28px;
	text-align: center;
	padding: 15px;
	color: #4a9390;
	font-size: 9px;
}
	#quiz a {
		color: #4a9390;
		text-decoration: none;
	}
	#quiz a:hover {
		color: #4a9390;
		text-decoration: none;
	}
#navbar {
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}
	#navbar ul {
		margin: 0;
	}
	#navbar ul, #navbar li, #navbar li a {
		display: inline-block;
		width: auto;
		height: 25px;
		line-height: 25px;
		vertical-align: middle;
		font-size: 10px;
	}
	#navbar li, #navbar li a {
		display: inline-block;
		float: left;
		color: #FFF;
	}
	#navbar li a {
		color: #FFF;
		text-decoration: none;
		text-transform: uppercase;
		padding: 0 8px;
		_padding: 0 4px;		
	}
	#navbar li a:hover {
		text-decoration: underline;
		color: #f8e1dd;
	}
	
#left {
	width: 435px;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 8px;
}
.widerleft {
	width: 510px !important;
}
	#left h2.welcome {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2-welcome.gif) top left no-repeat;
	}
	#left h2.what {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_whatis.gif) top left no-repeat;
	}
	#left h2.laurel {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_laurel.gif) top left no-repeat;
	}
	#left h2.writers {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_writers.gif) top left no-repeat;
	}
	#left h2.past {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_pastissues.gif) top left no-repeat;
	}
	#left h2.subscriptions {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_subscription.gif) top left no-repeat;
	}
	#left h2.unsubscribe {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_unsubscribe.gif) top left no-repeat;
	}
	#left h2.thanks {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_subscription.gif) top left no-repeat;
	}
	#left h2.advertising {
		display: block;
		width: 300px;
		height: 60px;
		display: block;
		background: #FFF url(../_images/h2_advertising.gif) top left no-repeat;
	}
	#left h2.disclaimer {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_disclaimer.gif) top left no-repeat;
	}
	#left h2.privacy {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_editorial.gif) top left no-repeat;
	}
	#left h2.contact {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_contact.gif) top left no-repeat;
	}
	#left h2.popq {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_popq.gif) top left no-repeat;
	}
	#left h2.cquiz {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_cquiz.gif) top left no-repeat;
	}
	#left h2.forward {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_forward.gif) top left no-repeat;
	}
	#left h2.readmore {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 20px;
	}


	#left p {
		margin-bottom: 20px;
		line-height: 18px;
	}
	#left p span { 
		font-style:italic;
		}
	#left h2 span {
		display: none;
	}
		
/*Current Issue styling */
 
#current {
	width: 820px;
	height: auto;
	float: left;
	margin-top: 20px;
}
	#current h2 {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_currentissue.gif) top left no-repeat;
	}
	#current h2 span {
		display: none;
	}

/* Past issues Main page styling */
#left dl {
	width: auto;
	display: block;
	margin-left:20px;
}
	#left dt {
		display: block;
		height: auto;
		width: 150px;
		float: left;
		margin-bottom: 20px;
		line-height: 18px;
	}
	#left dd {
		display: block;
		height: auto;
		width: 200px;
		float: left;
		margin-bottom: 20px;
	}
	#left dd li {
		line-height: 18px;
	}
	
/*Past Issue sub pages styling */
 
#past {
	width: 820px;
	height: auto;
	float: left;
	margin-top: 20px;
}
	#past h2 {
		display: block;
		width: 276px;
		height: 50px;
		display: block;
		background: #FFF url(../_images/h2_pastissues.gif) top left no-repeat;
	}
	#past h2 span {
		display: none;
	}


/* Top page and Consciousness Quiz styling */

#right {
	width: 306px;
	height: auto;
	float: left;
	margin-top: 60px;
	text-align: center;
}
	#signup {
		margin-left: 50px;
	}
	
#right img.cquiz { margin-bottom:100px; }


/* Pop Question styling */

#left ol { 
		margin-left:20px;
		}
	#left ol li {
		margin-bottom:5px;
		}	
		

/* Contact styling */
#left dl.contact {
	width: auto;
	display: block;
	margin: 0;
}
	#left dt.contact {
		display: block;
		height: auto;
		width: 180px;
		float: left;
		margin-bottom: 20px;
		line-height: 18px;
	}
	#left dd.contact {
		display: block;
		height: auto;
		width: 230px;
		float: left;
		margin-bottom: 20px;
	}


/* subscriptions */
.mandatory {
	color: #e79487;
}

table#form {
	line-height: 25px;
	margin-bottom: 20px;
}
.description {
	font-size: 10px;
}

/* read more gems */
p.date {
	margin-bottom: 8px !important;
}	

#banner {
	width: 160px;
	float: left;
	height: auto;
	padding: 5px 10px;
	position: relative;
	background: none;
	margin: 83px 0 0 30px;
	display:inline;
}


/* other secondary pages styling */
#photo {
	width: 251px;
	float: left;
	height: auto;
	padding: 5px 10px;
	position: relative;
	background: url(../_images/photo-repeat.gif) top right repeat-y;
	margin: 110px 0 0 50px;
	display:inline;
}


	.photo-top {
		position: absolute;
		top: 0;
		right: 0;
		_right: -1px;
	}
	.photo-bottom {
	position: absolute;
	bottom: 0;
	right: 0;
	_right: -1px;
	left: 500px;
	top: 438px;
	}
	.margin-top5px {
		margin-top: 5px;
	}	
		
	
.space { clear:both;
		 height:50px;
		 }


#splitbar {
	width: 100%;
	height: 4px;
	background: url(../_images/splitbar-repeat.gif) left top repeat-x;
	position: relative;
	clear: both;
	left: -3px;
	top: 1px;
}
	#splitbar-left {
		position: absolute;
		top: 0;
		left: 0;
	}
	#splitbar-right {
		position: absolute;
		top: 0;
		right: 0;
	}
		


#footer {
	height: 15%;
	margin: 0 auto;
	text-align: center;
	color: #519895;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom:20px;
}
#renewal {
	display: block;
	clear: both;
}

#footerlinks {
	margin: 10px 0;
}
	#footerlinks a {
		color: #519895;
		text-decoration: none;
	}
	#footerlinks a:hover {
		color: #519895;
		text-decoration: underline;
	}
#copyright {
	text-align: center;
	font-size: 10px;
	text-transform: none;
	word-spacing: normal;
	margin-top: 20px;
}