/* screen.css */

/*----- GLOBAL STYLES ----- */

a { text-decoration:none; color:#FF9A00; }
a:hover { text-decoration:underline; }
h1
	{
	font-weight:bold;
	margin:0px 0px 18px 0px;
	border-bottom:1px dotted #ff9a00;
	font-size:14px;
	padding:6px 0 7px 0;
	position:relative;
	}
body.home h1
	{
	font-size:12px;
	border-bottom:0;
	padding:0;
	}
h2
	{
	margin:0 0 3px 0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	position:relative;
	}
h2.headings
	{
	height:26px;
	display:block;
	text-indent:10px;
	color:#fff;
	font-size:14px;
	padding:6px 0 0 0;
	font-weight:normal;
	position:relative;
	margin:0;
	}
h2.blogs { background:url(../images/h2_blogs.gif) no-repeat; height:72px; }
h2.categories { background:url(../images/h2_green.gif) no-repeat; }
h2.issues { background:url(../images/h2_mustard.gif) no-repeat; }
h2.latestarticles { background:url(../images/h2_orange.gif) no-repeat; }
h2.latestevents { background:url(../images/h2_pink.gif) no-repeat; }
h2.latestnews { background:url(../images/h2_blue.gif) no-repeat; }
h2.links { background:url(../images/h2_turquoise.gif) no-repeat; width:610px; clear:both; margin:0px 0 1px 0; }
h2 span
	{
	position:absolute;
	right:20px;
	top:7px;
	font-size:12px;
	}
h2 span a
	{
	color:#fff;
	text-decoration:none;
	}
h2 span a:hover
	{
	text-decoration:underline;
	}
h3
	{
	display:block;
	text-indent:10px;
	color:#fff;
	padding:3px 0;
	font-weight:normal;
	margin:0;
	}
h3.articles { background:#ff9a00; }
h3.events { background:#f0027f; }
h3.news { background:#1ea6de; }
h3.links { background:#3bd3c3; }
p
	{
	margin:0px 0px 18px 0px;
	}
	
/*----- GLOBAL STYLES END -----*/

/* mac hide\*/
html, body {height:100%}
/* end hide */
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body
	{
	background:url(../images/bg_body.gif) repeat-x top center #fff;
	}
#main
	{
	padding-bottom:210px;
	width:990px;
	text-align:left;
	margin:auto;
	position:relative;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:12px;
	line-height:18px;
	}
#header
	{
	position:absolute;
	top:0;
	left:0;
	width:990px;
	height:160px;
	overflow:hidden;
	z-index:100;
	background:url(../images/bg_header.gif) no-repeat top center;
	}
#header img#logo
	{
	position:absolute;
	top:26px; 
	left:0;
	}
#header p
	{
	margin:0;
	padding:4px 0;
	color:#b2b2b2;
	}
#latestissue
	{
	border:1px solid #eaeaea;
	padding:8px;
	float:right;
	width:154px;
	text-align:center;
	margin:0 0 0 10px;
	}
#left 
	{
	position:relative;
	width:180px;
	float:left;
	padding:160px 0 0 0;
	}
#middle
	{
	position:relative;
	float:left;
	width:580px;
	padding:0 15px;
	}
#middlehome
	{
	position:relative;
	float:left;
	width:610px;
	}
#middlewide
	{
	position:relative;
	float:left;
	width:785px;
	padding:0 0 0 15px;
	}

#right 
	{
	position:relative;
	width:180px;
	float:right;
	}
#right2
	{
	position:relative;
	width:180px;
	float:right;
	}

#footer 
	{
	width:100%;
	position: relative;
	margin-top: -210px; /* negative value of footer height */
	height: 210px;
	clear:both;
	background:url(../images/bg_footer.gif) no-repeat center center;
	text-align:center;
	}
#footercontent
	{
	width:990px;
	margin:0 auto;
	position:relative;
	top:70px;
	text-align:left;
	color:#656565;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#footercontent a
	{
	color:#656565;
	text-decoration:none;
	}
#footercontent a:hover
	{
	text-decoration:underline;
	}
#footercontent h1
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#ff9a00;
	border:0;
	margin:0;
	}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent 
	{
	width:800px;
	float:right;
	padding:160px 0 0 0;
	}

div#abstract
	{
	font-weight:bold;
	}
div#article
	{
	float:left;
	width:500px;
	}
div#articlelinks
	{
	width:180px;
	height:250px;
	float:right;
	background:red;
	position:relative;
	margin:0 0 0 10px;
	}
div.articles
	{
	background:#eaeaea;
	border-bottom:4px solid #fff;
	border-top:1px solid #fff;
	overflow:hidden;
	}
div.articles img
	{
	float:left;
	margin:0 10px 0 0;
	}
div.articles p
	{
	padding:6px 0 0 0;
	font-size:11px;
	line-height:12px;
	margin:0;
	color:#656565;
	}
div.articles p b
	{
	font-size:12px;
	}
div.banners
	{
	text-align:center;
	}
div.banners img
	{
	margin:0 0 8px 0;
	border:1px solid #e6e6e6;
	}

div.blog
	{
	border-bottom:1px dashed #8923ce;
	padding:10px 5px;
	overflow:hidden;
	}
div.blog img
	{
	float:left;
	margin:0 10px 0 0;
	}
div.blog p
	{
	margin:0;
	line-height:15px;
	}
div.blog a
	{
	color:#8923ce;
	}
div.blog a:hover
	{
	text-decoration:underline;
	}
div.clear
	{
	height:1px;
	clear:both;
	}
div.column
	{
	width:300px;
	float:left;
	margin:0 10px 0 0;
	}
div.columnright
	{
	margin:0;
	}
div.events
	{
	overflow:hidden;
	margin:0 0 3px 0;
	border-top:1px solid #fff;
	border-bottom:1px dashed #F0027F;
	height:80px;
	}
div.events p.date
	{
	width:63px;
	text-align:center;
	margin:0;
	float:left;
	padding:16px 7px 10px 0;
	background:url(../images/bg_event_date.gif) no-repeat;
	color:#F0027F;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:16px;
	}
div.events p.snippet
	{
	width:225px;
	float:right;
	padding:4px 0 0 0;
	margin:0;
	line-height:14px;
	font-size:11px;
	}
div.events p.snippet b
	{
	font-size:12px;
	}

div.events p.snippet a
	{
	color:#F0027F;
	}
	
div#footerleft
	{
	width:495px;
	float:left;
	}
div#footerright
	{
	width:490px;
	float:left;
	padding:90px 5px 0 0;
	}
div#footerright p
	{
	text-align:right;
	margin:0 0 5px 0;
	font-size:11px;
	color:#999999;
	}
div#groupnav
	{
	width:610px;
	height:60px;
	padding:140px 0 0 0;
	}
	
div#issues
	{
	overflow:hidden;
	margin:0 0 10px 0;
	}
div#latestnews
	{
	padding:8px 10px 10px 10px;
	border:1px solid #e6e6e6;
	margin:1px 0 10px 0;
	overflow:hidden;
	line-height:16px;
	width:158px;
	}
div#latestnews a.newstitlelink
	{
	color:#000;
	text-decoration:none;
	}
div#latestnews a.newstitlelink:hover
	{
	color:#000;
	text-decoration:underline;
	}
div#latestnews a.readmorelink
	{
	background:url(../images/arrow_blue.gif) no-repeat left center;
	padding:0 0 0 8px;
	color:#1EA6DE;
	}
div#latestnews p
	{
	margin:0;
	}
div#links
	{
	padding:14px 15px 15px 35px;
	}
div#links div
	{
	float:left;
	margin:0 38px 0 0;
	padding:2px;
	border:1px solid #CCCCCC;
	width:100px;
	text-align:center;
	height:66px;
	}
div#links div:hover
	{
	border:1px solid #3BD3C3;
	}
div#links img
	{
	margin:auto;
	}
div.listing
	{
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #E6E6E6;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	}
div.listing img
	{
	float:left;
	margin:0 10px 0 0;
	}
div.listing p
	{
	margin:0;
	}
div.magcover
	{
	padding:0 10px 10px 10px;
	overflow:hidden;
	}

	
	
div.intro
	{
	/* background:url(../images/bg_textbox_home.gif) no-repeat bottom right; */
	margin:2px 0 0 0;
	}
div.pager
	{
	color:#999999;
	float:left;
	padding:3px 0 0 0;
	}
div#right ul
	{
	margin:0 0 10px 0;
	line-height:14px;
	}
div#right ul li a
	{
	color:#000;
	text-decoration:none;
	font-size:11px;
	border-bottom:1px solid #E6E6E6;
	display:block;
	padding:4px 10px;
	}
div#right ul li a:hover
	{
	background:#eaeaea;
	}
div.sortresults
	{
	clear:both;
	border:1px solid #E6E6E6;
	padding:5px 5px 5px 7px;
	overflow:hidden;
	margin:0 0 18px 0;
	height:23px;
	}
div.sortresults p
	{
	margin:0;
	}
div.textbox
	{
	padding:10px 15px 0 15px;
	}

	
img#articleimg
	{
	float:left;
	margin:0 10px 0 0;
	}
img.issuethumb
	{
	float:left;
	margin:1px 1px 0 0;
	opacity: 0.7;
	}
img.issuethumb:hover
	{
	opacity: 1;
	}
img#pdflink
	{
	margin:10px 0 0 0;
	}

p#articleactions
	{
	clear:both;
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	padding:5px 0;
	position:relative;
	top:10px;
	color:#FF9A00;
	}
p#articleactions a:hover
	{
	cursor:pointer;
	}

p.filter
	{
	float:right;
	}
p.info
	{
	color:#999999;
	font-size:11px;
	}
	
span.abstract
	{
	font-weight:bold;
	}
span.rss
	{
	position:absolute;
	top:3px;
	right:0;
	}
	
	
table#contactform td
	{
	padding:0 0 10px 0;
	}
table#contactform td input.text
	{
	width:180px;
	}
table#contactform td span
	{
	color:#999999;
	}

table#distributors
	{
	width:100%;
	}
table#distributors td
	{
	padding:5px 0;
	border-bottom:1px solid #E6E6E6;
	}
	
	
ul#topnav
	{
	position:absolute;
	top:116px;
	left:15px;
	}
ul#topnav li
	{
	display:inline;
	}
ul#topnav li a
	{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding:8px 15px 12px 15px;
	height:14px;
	display:block;
	float:left;
	width:auto;
	}
ul#topnav li a:hover
	{
	background:url(../images/bg_topnav_over.gif) repeat-x;
	}
	
ul#categories
	{
	margin:0 0 10px 0;
	}
ul#categories li
	{
	border-top:1px solid #fff;
	}
ul#categories li a
	{
	display:block;
	color:#000;
	text-decoration:none;
	background:url(../images/bg_li_categories.gif) no-repeat;
	text-indent:10px;
	width:180px;
	height:20px;
	padding:2px 0 0 0;
	}
ul#categories li a:hover
	{
	color:#fff;
	background:#48c82d;
	}
	
div#groupnav ul
	{
	width:610px;
	height:60px;
	}
div#groupnav ul li
	{
	display:block;
	float:left;
	margin:0 1px 0 0;
	}
div#groupnav ul li#link1 { width:153px; }
div#groupnav ul li#link2 { width:151px; }
div#groupnav ul li#link3 { width:151px; }
div#groupnav ul li#link4 { width:152px; margin:0; }
div#groupnav ul li a 
	{
	display:block;
	outline:none;
	width:100%;height:60px;
	background:transparent url(../images/groupnav-trans.png) no-repeat 0 0;
	text-indent:-9009px;
	margin:0;
	}
div#groupnav ul li#link1 a { background-position:0px -60px; }
div#groupnav ul li#link1 a:hover { background-position:0px 0 }
div#groupnav ul li#link2 a { background-position:-154px -60px; }
div#groupnav ul li#link2 a:hover { background-position:-154px 0 }
div#groupnav ul li#link3 a { background-position:-306px -60px; }
div#groupnav ul li#link3 a:hover { background-position:-306px 0 }
div#groupnav ul li#link4 a { background-position:-458px -60px; }
div#groupnav ul li#link4 a:hover { background-position:-458px 0 }
	

