* {
	margin: 0px;
	padding: 0px;
	line-height: 1.2;
}

body {
	
	background-color: gray; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #333333;
	font-size: 12px;
}

input, textarea, select {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
}




#network-banner {
	
	height: 25px;
	padding-right: 5px;
	padding-top: 3px;
	
	background-image: url(/img/news_sites/network-banner-bg.png);
	background-repeat: repeat-x;
	
	font-family: Georgia, Times, 'Times New Roman', serif;
	text-align: right;
	color: #DDDDDD;
	font-size: 11px;
	
}
#network-banner a {
	text-decoration: none;
	color: #DDDDDD;
	font-weight: normal;
}
#network-banner a:hover {
	color: #ffffff;
}






#network-menu {

	background-image: url(/img/news_sites/network-menu-bg.png);
	background-repeat: repeat-x;

	position: absolute;
	top: 20px;
	right: 5px;
	
	z-index: 1;
	display: none;
	padding: 8px;
	
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	
	border-right: 1px solid #444444;
	border-left: 1px solid #444444;
	border-bottom: 1px solid #444444;
}

#network-menu ul {
	list-style: none;
}
#network-menu li {
	margin-bottom: 3px;
}
#network-menu a	{
	position: relative;
	font-weight: normal;
}

#network-menu a:hover {
	text-decoration: underline;
}











#header {
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	min-height: 65px;
	/*height: 65px;
	
	#header #banner-ad {
		float: right;
	}
	
	margin-top: 10px;*/
}
#header table{
	margin:0;
	border-bottom:0;
}
#header table tr:hover{
	background: transparent;
}
#header table td{
	min-width: 220px;
	border-bottom:0;
}
#header table td:FIRST-CHILD img{
	max-width: 220px;
}

#header #logo {
	cursor: pointer;
	height: inherit;
	width: inherit;
	top:inherit;
}
#header #banner-ad img {
	border: 0px;
}

#header .leaderboard{
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 220px;
}


#logo  {
	background-repeat: no-repeat;
	background-position: bottom left;
	height: inherit;
	width: inherit;
}

#logo span {
		display: none;
	}





#border {
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	background-image: url(/img/news_sites/border-bg.png);
		
	padding: 5px;

}
#panel {
	background-color: white;
	overflow: auto; /* to stop that late loading thing */
}





/*



#menu-bg {
	background-color: lightgray;
}

#menu {
	background-image: url(/img/news_sites/menu-grad-15.png);
	background-repeat: repeat-x;

	height: 37px;
	border-bottom: 1px solid gray;
}

	#menu ul {
		list-style: none;
	}
	
	#menu li {
		display: inline;
	}
	
	#menu a {
		font-size: 13px;
		display: block;
		float: left;
		
		margin: 6px 0px 0px 0px;
		padding: 5px 15px 5px 15px;
		
		text-decoration: none;
		color: #fff;
		text-transform: uppercase;

	}

	#menu a:hover, #menu a.current {
		background-image: url(/img/news_sites/menu-hover-grad.png);
		color: gray;
		
		margin: 0px 0px 0px 0px;
		padding: 11px 15px 13px 15px;
	}
	
	#menu a:active {
		background-image: url(/img/news_sites/menu-active-grad.png);
	}
	
	#menu .divider {
		height: 24px;
		float: left;
		margin-top: 7px;
		border-right: 1px solid gray;
		border-color: gray;
	}


*/






a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a:hover  {
	text-decoration: underline;
}
	a.edit {
		background-color: #121822;
		color: white;
		padding-right: 3px;
		padding-left: 3px;
		font-weight: normal;
	}



label {
	float: left;
	font-weight: bold;
}

label.fixed {
	width: 130px;
}
label.fixed.large {
	width: 185px;
}




div.hr {
	border-bottom: solid 1px #DDDDDD;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}


#menu form {
	margin-top: 8px;
	float: right;
	margin-right: 10px;
}
#menu input.search {
	width: 226px;
	
	/* experimental */	
	opacity: 0.85;
	filter: alpha(opacity=85);
}



input.text, textarea.text {
	border: 1px solid #666666;
	padding: 2px;
	background-color: #e9e9e9;
	width: 250px;
	margin-bottom: 2px;
}

select.text {
	border: 1px solid #666666;
	padding: 2px;
	background-color: #ffffff;
	background-color: #e9e9e9;
	width: 180px;
	margin-bottom: 2px;
}

select {
	margin-bottom: 2px;
	margin-top: 2px;
}


input.radio, input.checkbox {
	margin-top: 2px;
}







#main div.comments-form input.main,
#main div.comments-form textarea.main {
	background-color: #ffffff;
}


input.submit {
	width: 50px;
}



input.idle {
	color: #7e7e7e;
}
input.disabled {
	color: #7e7e7e;
}




input.search {
	background-image: url(/img/icons/magnifier.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	padding-left: 20px;
}


span.asterisk {
	color: #8B0000;
}
span.success {
	font-weight: bold;
	color: darkgreen;
}
span.failed {
	font-weight: bold;
	color: darkred;
}





/* table ... */

table {
	width: 100%;
	margin-bottom: 25px;
	border-bottom: 1px solid #333333;
	border-collapse: collapse;
	font-size: 90%;
	
	margin-top: 10px;
}
th, td {
	padding: 3px;
}
th {
	text-align: left;
	background-color: #333333;
	color: white;
}
td {
	border-bottom: 1px dotted #E9E9E9;
}
td.head2 {
	background-color: #E9E9E9;
	font-weight: bold;
	border-bottom: none;
}
td.divider {
	border-color: #333333
}
tr:hover {
	background-color: #E9E9E9;
}




#content {
	padding: 10px;
	font-size: 13px;
	clear: left;	
	letter-spacing: -0.5px;
}

	#main {
		width: 480px;
		float: left;
		margin-bottom: 10px;
		
		min-height: 500px;
	}	
	#ads {
		width: 250px;
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
		
		font-size: 11.5px;
	}
	#sidebar {
		width: 190px;
		float: right;
		margin-bottom: 10px;
		padding: 5px;		
		
		background-color: #e9e9e9;
		font-size: 11.5px;
		
		min-height: 500px;
	}






	
	/* MAIN */
	
	#main h1 {
		font-size: 26px;
		letter-spacing: -0.5px;
		margin-bottom: 15px;
	}
	#main h2 {
		font-size: 18px;
		letter-spacing: -0.5px;
		margin-bottom: 10px;
	}
	
	#main h1.news {
		font-family: Georgia, Times, 'Times New Roman', serif;
		font-size: 28px;
		letter-spacing: -0.5px;
		margin-bottom: 10px;
	}
	#main h2.news {
		font-family: Georgia, Times, 'Times New Roman', serif;
		font-size: 18px;
		letter-spacing: -0.5px;
		margin-bottom: 5px;
	}
	
	#main h3 {
		font-size: 14px;
		letter-spacing: -0.5px;
		margin-bottom: 5px;
	}
	#main h4 {
		font-size: 12px;
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	#main h5 {
		background-color: #333333;
		color: #ffffff;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 12px;
		padding: 3px;
		padding-left: 5px;
		margin-bottom: 5px;
	}

	#main h1.no-margin {
		margin-bottom: 0px;
	}
	
	
	#main a.headline {
		color: #333333;
	}
	#sidebar a.headline {
		color: #333333;
		font-weight: normal;
	}
	

	#main span.author {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
	}
	#main span.date {
		font-size: 12px;
		color: #7e7e7e;
	}
	
	
	


	#main p {
		margin-bottom: 8px;
	}
	#main p.caption {
		margin-bottom: 10px;
	}


	#main div.article-text p {
		/* gonan get rid of the indent for now
		text-indent: 15px;
		*/
	}
	#main div.article-text p:first-child {
		text-indent: 0px;
	}
	/*
	#main div.article-text p:first-child span {
		font-variant: small-caps;
		font-weight: bold;
	}
	*/
	#main div.excerpt {
		xxfont-variant: small-caps;
		font-weight: bold;
		font-size: 105%;
	}
	
	
	/* new idea from time magazine */
	/*
	#main div.article-text p:first-child:first-line {
		font-variant: small-caps;
		font-weight: bold;
	}
	*/

	
	
	
	
	
	#main div.breakout-box {
		border: 1px solid #bbbbbb;
		padding: 10px;
		background-color: #e9e9e9;
		margin-bottom: 15px;
	}
	
	
	
	
	#main span.link {
		float: right;
	}
	#main span.link img {
		float: none;
		margin-bottom: -4px;
	}
	
	




	#main a img:hover {
		border-color: #666666;
	}
	
	#main img.icon {
		border-width: 0px;
		margin-bottom: -4px;
		float: none;
		margin-left: 0px;	
	}
	#main ol {
		list-style-position: inside;
		xmargin-bottom: 25px;
	}
	#main ol a {
		font-weight: normal;
		color: #333333;
	}
	
	
	
	
	
	#main form {
		font-size: 12px;
		margin-bottom: 25px;
	}
	#main div.comments-form {
		border: 1px solid #bbbbbb;
		background-color: #e9e9e9;
		padding: 10px;
		margin-bottom: 25px;
	}
	#main form label {
		float: none;
		font-weight: normal;
		display: block;
		
		/*width: 200px;*/
		
		
	}
	
	#main form label.fixed {
		float: left;
		font-weight: bold;
		display: block;
	}
	
	
	#main form textarea {	
		height: 80px;
	}
	
	/* new */
	#main p.form {
		float: left;
		margin-right: 5px;
	}

	
	
	#main div.subscribe-form input.text {
		font-size: 18px;
	}
	#ads p.enews input.text {
		/* font-size: 14px; */
	}
	#ads p.enews {
		font-size: 12px;
	}	
	

	#main img {
		border: 1px solid #333333;
		margin-bottom: 5px;
	}
	#main img.news {
		float: right;
		margin-left: 10px;
		clear: right;
	}
	
	
	
	#main img.main-mag {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		margin-left: 0px;	
	}
	#main .mag-thumb {		
		float: left;
		width: 150px;
		margin-bottom: 15px;
		margin-right: 5px;
	}
	#main .mag-thumb img {		
		float: none;
		margin-left: 0px;		
	}
	
	
	
	
	
	
	#main div.col {
		width: 200px;
		float: left;
		margin-bottom: 15px;
	}
	
	#main div.clear {
		clear: both;
	}
	
	#main div.col2 {
		width: 315px;
		float: left;
	}
	

	
	#main ul li {
		list-style-position: inside;
		text-indent: -13px;
		padding-left: 25px;
		margin-bottom: 3px;
	}

	#main ol li {
		list-style-position: inside;
		text-indent: -20px;
		padding-left: 35px;
		margin-bottom: 3px;
	}
	#main ul, #main ol {
		padding-bottom: 5px;
	}
	
	
	
	
	#main.full {
		width: 680px;
		padding-right: 9px;
		border-right: 1px solid #DDDDDD;
	}
	
	
	
	
	
	/* SIDEBAR */
	#sidebar img {
		float: right;
		border: 1px solid #333333;
		margin-left: 5px;
	}
	
	#sidebar h1 {
		background-color: #888888;
		color: #ffffff;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 12px;
		padding: 3px;
		padding-left: 5px;
		margin-bottom: 5px;
	}
	#sidebar p {
		margin-bottom: 5px;
	}


	#twitter_div li {
		margin-bottom: 5px;
	}
	
	
	
	
	/* ADS */
	#ads h1 {
		background-color: #333333;
		color: #ffffff;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 12px;
		padding: 3px;
		padding-left: 5px;
		margin-bottom: 5px;
	}
	#ads p {
		margin-bottom: 5px;
	}

	#ads a img {
		border: 1px solid #333333;
	}
	#ads a img.ad {
		border-width: 0px;
		margin-bottom: 5px;
	}

	#ads h3 {
		margin-bottom: 5px;
	}


#footer {

	width: 100%;
	background-color: gray;
	
	overflow: auto;
	font-size: 11px;
	
	padding: 0 0 10px 0;

	clear: both;
}



	#footer dl {
		float: left;
		/*width: 75px;*/
		margin: 10px 10px 0 10px;
	}
	#footer dt {
		font-weight: bold;
		margin-bottom: 2px;
	}
	#footer dd a {
		font-weight: normal;
	}
	#footer a {
		color: #ffffff;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}






#legal {

	text-align: center;
	margin-right: auto;
	font-size: 11px;
	
	margin-top: 3px;
	padding-bottom: 25px;
	
	color: #dddddd;
}
#legal a {
	color: #dddddd;
}





.cat-block-trn {
	width: 475px;
	float: left;
}
.cat-parent-trn {
	font-weight: bold;
	margin-bottom: 5px;
}
.cat-child-block-trn {
	display: none;
	margin-left:25px;
}
.cat-child-trn {
	float: left;
	width: 220px;
}



.cat-block-tap {
	width: 310px;
	float: left;
}



.cat-block-eco {
	width: 900px;
	float: left;
	margin-bottom: 5px;
}
.cat-parent-eco {
	font-weight: bold;
	margin-bottom: 5px;
}
.cat-child-block-eco {
	display: none;
	margin-left:25px;
}
.cat-child-eco {
	float: left;
	width: 400px;
}









#menu-bg {
	background-color: #666666;
}

#menu {
	background-image: url(/img/news_sites/menu-grad-15.png);
	background-repeat: repeat-x;

	height: 37px;
	border-bottom: 1px solid #333333;
	
}

/* ALL LISTS */
#menu ul { 
	list-style: none;
}

/* ALL LINKS */
#menu a { 
	display: block;
	/* width: 10em;*/
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	
	padding-top: 11px;
	padding-bottom: 11px; 
	padding-left: 15px;
	padding-right: 15px;
	
	height: 15px;
}

/* ALL LINKS HOVER */
#menu a:hover, #menu a.current  { 
	color: #333333;
	background-image: url(/img/news_sites/menu-hover-grad.png);
}
/* ALL LINKS ACTIVE */
#menu a:active { 
	background-image: url(/img/news_sites/menu-active-grad.png);
}

/* ALL LIST ITEMS */
#menu li {
	float: left;
	/* width: 10em; */ /* width needed or else Opera goes nuts */
}

/* SECOND LEVEL LISTS */
#menu li ul { 
	position: absolute;
	background-color: #dddddd;
	width: 290px; /* was 250px */ /* was 200px */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	border: 1px solid #333333;

	-webkit-box-shadow: 1px 1px 5px #555;  
   	-moz-box-shadow:  1px 1px 5px #555;  
    box-shadow: 1px 1px 5px #555; 
    
   	z-index: 1;
}

/* SECOND LEVEL LINKS */
#menu li ul a { 
	color: #333333;
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
	padding: 4px;
	width: 282px; /* was 242px */ /* was 192px */
}

/* SECOND LEVEL LINKS HOVER */
#menu li ul a:hover { 
	color: #ffffff;
	background-color: #666666;
	background-image: none;
}
/* SECOND LEVEL LINKS ACTIVE */
#menu li ul a:active { 
	background-image: none;
}

/* SECOND LEVEL LIST ITEMS */
#menu li ul li {

}

/* lists nested under hovered list items */
#menu li:hover ul, #menu li.sfhover ul {	
	left: auto;
}

#menu .divider {
	border-right: 1px solid #555555;
	margin-top: 7px;
	height: 23px;
	float: left;
}

.legend {margin:5px; height:140px;}
.legend dt {font-weight:bold; float:left; width:30px; height:18px;}
.legend dd {float:left; width:200px; height:18px;}

.long {height:86px;}
.long dd { width:190px;}

table.logintable{	margin:0; padding:0; border-bottom:1px solid #ccc;	}
table.logintable tr:hover {	background-color: white;}
table.logintable td:hover {	background-color: white;}

