/* set margins, padding, and inline-level content alignment */
body,div	{
	margin: 0;
	padding: 0;
	text-align: left;
	width: auto;
}


/* set widths and float nav & ads div content boxes */
#hdr            { float: centre;}
#hdrleft		{ float: left;}
#hdrright		{ float: right;}


#issuestitle	{ float: centre;}
#issuesarticle	{ float: centre;}
#bar            { float: centre;}
#info_main		{ position: relative; width:100%;}

#news_main		{ position: relative; width:100%;}
#other_main		{ float: right; width:49%;}
#newstitle		{ position: relative; width:100%;}
#news			{ position: relative; width:100%;}
#detailstitle	{ position: relative; width:100%;}
#details		{ position: relative; width:100%;}
#news_main,  	{ border: 2px solid #000000;}

#nav			{ float: left;  width: 180px;}
#ads			{ float: right; width: 180px; text-align: right;}


/* if widths changed, then widths below to be changed too */

/* set side txt margins 5px greater than nav & ads widths */
#txt		{ margin-left: 205px; margin-right:205px;	} 


/* so divs stays underneath */
#ftr		{ clear: both;}
#nav		{ clear: both;}
#bar		{ clear: both;}
/* show boundaries  */
#hdr, #hdrleft, #hdrright #hdrcentre {
	background: #FF00FF;
	background-color: #000000;
	background-attachment: fixed;
	background-repeat: repeat;
}
#ftr { background: #FF00FF;}
#bar { background: #000000;}
#nav, #ads	{ background: #000000;}
#txt		{ background: #000000;}
#issuestitle	{ background: #FF00FF;}
#issuesarticle	{ background: #FFCCFF; border-bottom: 1px solid #000000;}
#newstitle	    { background: #000000;		}
#news	    { background: #000000; border-bottom: 1px solid #000000;		}
#detailstitle	{ background: #000000;		}
#details	{ background: #CCCCFF; }	
/* ----------------------MAIN STYLES--------------------------------------- */
body { 
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	background-color: #000000;
	text-align: left;

}

th {
	text-align: left;
}
td {
	text-align: left;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 6px;
	text-align: left;
	color: #FFFFFF;
}
h1.pink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 6px;
	text-align: left;
	color: #FF00FF;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	margin: 0px;
	margin-top: 12px;
	margin-bottom: 6px;
	color: #FF00FF;
}
h2.pink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	margin: 0px;
	margin-top: 12px;
	margin-bottom: 6px;
	text-align: left;
	color: #FF00FF;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	margin: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #FFFFFF;
	}

h3.pink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	margin: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #FF00FF;
	}
	
h3.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	margin: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: left;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 6px;
	text-align: left;
	color: #FFFFFF;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 5px;
	margin-bottom: 6px; 
	color: #FFFFFF;
}
p.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	margin: 5px;
	margin-bottom: 6px;
	text-align: left;
}
p.footer {
	font-size: xx-small;
	color: #666666;
}
a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #408CB3;
	text-decoration: underline;
}
ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 1px 0px; /* Need padding for cross-browser differences */
	list-style-image: url(bullet.gif);
	list-style-type: square;
	color: #FFFFFF;
}
ul.navbold {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 1px 0px; /* Need padding for cross-browser differences */
	list-style-image: url(bullet.gif);
	list-style-type: square;
	font-weight: bold;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 5px;
	margin-bottom: 3px;
	text-align: left;
}

li.news {
	font-size: xx-small;
	color: #666666;
}
hr {
	color: #CCCCCC;
	height: 1px;
	margin: 0px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align: left;
	margin: 0px;
}
a.grey:link, a.grey:visited, a.grey:active {
	color: #666666;
	text-decoration: none;
}
a.grey:hover {
	color: #666666;
	text-decoration: underline;
}
a.white:link, a.white:visited, a.white:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.white:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a.news:link, a.news:visited, a.news:active {
	color: #000000;
	text-decoration: none;
}
a.news:hover {
	color: #000000;
	text-decoration: underline;
}

