@import url("/styles/05_eco.css");

.loggedIn
{
	display:					none;
}

.selected_loggedIn
{
	display:					none;
}

/* ***** ***** ***** ***** ***** GENERAL ***** ***** ***** ***** ***** */

a
{
	text-decoration:				none;
	color:						#98A6D3;
}

a span
{
	cursor:						pointer;
}

a img
{
	border:						none;
}

ul, ol
{
	list-style-type:				none;
	padding:					0px;
	margin:						0px;
}

h1, h2, h3
{
	margin:						0px;
}

body
{
	text-align:					center;
	font-family:					verdana, arial;
	background-color:				#AEAEAE;
	margin:						0px;
	padding:					0px;
}

.clear
{
	clear:						both;
}

.underline
{
	text-decoration:				underline;
}

.error
{
	color:						#FF0000;
}

.small
{
	font-size:					0.9em;
}

.italics
{
	font-style:					italic;
}

/* ***** ***** ***** ***** ***** HEADER ***** ***** ***** ***** ***** */

#main
{
	margin:						0px auto 0px auto;
	text-align:					left;
	width:						891px;
	padding:					40px;
	background-color:				#FFFFFF;
}

#header
{
	height:						18px;
	padding:					8px 10px 0px 38px;
	font-size:					0.7em;
}

#header span
{
	display:					block;
	float:						left;
	font-weight:					bold;
}

#title
{
	width:						592px;
}

#date
{
	width:						118px;
}

#issue
{
	width:						125px;
	text-align:					right;
}

#body
{
	background-image:				url("/images/bg.gif");
	background-repeat:				repeat-y;
	color:						#FFFFFF;
	width:						651px;
	padding:					45px 195px 20px 45px;
}

/* ***** ***** ***** ***** ***** AJAX LOGIN ***** ***** ***** ***** ***** */

#AJAXLogin
{
	height:						35px;
	padding-top:					5px;
}

#AJAXLogin p
{
	float:						right;
	margin:						0px;
	color:						#000000;
	font-size:					0.9em;
	margin-right:					5px;
	padding-top:					1px;
}

#AJAXLogin p span
{
	color:						#98A6D3;
}

#AJAXLogin input
{
	height:						15px;
	float:						right;
	margin-right:					5px;
}

#AJAXLogin input.submit
{
	height:						21px;
	padding-bottom:					2px;
	margin-right:					0px;
	border:						1px solid #ADADAD;
	background-color:				#CCCCCC;
	color:						#000000;
}


/* ***** ***** ***** ***** ***** NAVIGATION ***** ***** ***** ***** ***** */

#navigation
{
	margin:						-45px -195px 0px 45px;
	
	float:						right;
	width:						150px;
	font-size:					0.7em;
}

#navigation ul
{
	width:						150px;
	height:						346px;
	background-color:				#ADADAD;
}

#navigation li
{
	height:						auto;

	min-height:					40px;
	border-bottom:					1px solid #FFFFFF;
}

#navigation li a
{
	text-align:					left;
	background-color:				transparent;
	display:					block;

	height:						auto;
	min-height:					29px;

	width:						135px;
	padding:					7px 0px 7px 15px;	
	color:						#000000;	
}

#navigation li.selected a, #navigation li a:hover, #navigation li.selected_loggedIn a, #navigation li.selected_loggedOut a
{
	background-color:				#000000;
	color:						#FFFFFF;
}

#navigation a
{
	display:					block;
	text-align:					center;
	width:						150px;
	height:						105px;	
	color:						#000000;	
	padding:					30px 0px 25px 0px;
}

#navigation a img
{
	padding:					15px 10px 15px 10px;
}

/* ***** ***** ***** ***** ***** HOME PAGE ***** ***** ***** ***** ***** */

#LHS
{
	float:						left;
	padding:					0px 22px 0px 0px;
	font-size:					0.7em;
}

#RHS
{
	float:						right;
	padding:					0px 0px 0px 22px;
	font-size:					0.7em;
	
	text-align:					right;
}

#flags
{
	margin:						0px;
	height:						30px;
}

#flags li
{	
	float:						left;
	width:						31px;
	margin-left:				8px;
}

#flags li.selected
{
	margin:						-3px -3px 0px 8px;
}

#flags li.selected img
{
	border:						3px solid #FFFFFF;
}

#currentIssue
{
	float:						left;
	width:						192px;
	padding-top:					15px;
	font-size:					1.2em;		
	/*
	background-image:				url("/images/pdfLarge.jpg");
	background-repeat:				no-repeat;
	background-position:				100% 100%;
	*/
}

#currentIssue a
{
	display:					block;	
	padding:					20px 0px 5px 0px;
	width:						192px;
	height:						16px;
	text-decoration:				underline;
	font-size:					1.2em;	
}

#latestArticles.homePage
{
	width:						650px;
	padding:					22px 0px 1px 0px;
	background-color:				transparent;	
	
	margin-top:					50px;
}

#latestArticles.homePage h3, #latestArticles.homePage a
{
	color:						#000000;
}

#latestArticles.homePage li
{
	padding:					2px;
}

#latestArticles.homePage li h3
{
	width:						514px;	
}
/* ***** ***** ***** ***** ***** LATEST ARTICLES ***** ***** ***** ***** ***** */

p.right
{
	text-align:					right;
	margin-top:					-30px;
	font-size:					0.7em;
}

#latestArticles
{
	width:						610px;
	padding:					22px 20px 1px 21px;
	background-color:				#ADADAD;	
}

#latestArticles li
{
	height:						110px;
	margin:						0px 0px 22px 0px;
	background-color:				#D1D2D6;	
}

#latestArticles img
{
	float:						left;
}

#latestArticles h3
{
	position:					relative;
	z-index:					1;
	float:						left;
	width:						478px;	
	height:						20px;	
	padding:					6px 10px 0px 10px;	
	margin:						0px;	
	background-color:				#FFFFFF;
	color:						#000000;
	font-size:					0.7em;
}

#latestArticles li p, #latestArticles li a
{
	position:					relative;
	left:						10px;
	top:						0px;
	color:						#000000;
	font-size:					0.8em;
	padding:					0px 10px 0px 0px;
	margin:						0;
}

#latestArticles h3 a
{
	height:						20px;	
	position:					relative;
	z-index:					2;
	float:						right;
	padding:					0px 25px 0px 0px;

	margin:						-16px 5px 0px 0px;

	color:						#000000;
	font-size:					1.0em;
	text-decoration:				underline;
	background-image:				url("/images/pdf.jpg");
	background-repeat:				no-repeat;
	background-position:				100% 0px;	
	
	font-weight:					normal;
}

#latestArticles li.fullImage h3
{
	width:						480px;	
	margin-top:					-110px;
	margin-left:					110px;
}

#latestArticles li.fullImage a
{
	margin-left:					267px;	
}

/* ***** ***** ***** ***** ***** BACK ISSUES ***** ***** ***** ***** ***** */

#backIssues
{
	clear:						left;
}

#backIssues span
{
	display:					block;
	height:						20px;
	font-size:					0.8em;		
}

#backIssues ul
{
	height:						160px;
}

#backIssues li
{
	float:						left;

	width:						81px;
	margin-right:					15px;
}

#backIssues a span
{
	color:						#A9A9A9;
	text-decoration:				underline;
}

h2.left
{
	width:						450px;
	font-size:					1.2em;
	float:						left;
	margin-bottom:					20px;
	color:						#FFFFFF;
}

/* ***** ***** ***** ***** ***** SUBSCRIBE ***** ***** ***** ***** ***** */

form #inputForm, #success, #failure
{
	display:					block;
	width:						601px;
	padding:					20px;
	background-color:				#FFFFFF;
	margin-bottom:					30px;
	color:						#000000;
}

form h2
{
	margin:						-20px 0px 20px 0px;
	padding:					0px;
}

form div div
{
	padding:					10px 20px 20px 20px;
	background-color:				#ADADAD;
}

form li
{
	padding-left:					230px;
	margin-bottom:					3px;
}

form p, form label
{
	color:						#000000;
	font-size:					0.75em;
}

form label
{
	display:					block;
	width:						220px;
	float:						left;
	margin:						4px 0px 0px -230px;
}

form input, form #title
{
	width:						250px;
	border:						1px inset #666666;
}

form select
{
	width:						252px;
	border:						1px inset #666666;
}

form textarea
{
	width:						250px;
	height:						60px;
	border:						1px inset #666666;
}

form textarea.large
{
	width:						250px;
	height:						185px;
	
}

form input.submit
{
	float:						right;
	width:						auto;
	padding:					0px 10px 0px 10px;
	border:						1px solid #000000;
}

#emailSubscription
{
	border:						none;
}

form img
{
	position:					relative;
	top:						4px;
}