CSS - http://www.sabinet.co.za
http://www.sabinet.co.za/db/images/ejour/ej/ej_style.css

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	margin: 0px;
	font-size: 9pt;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: black;
	padding-left: 2px;
	font-weight: normal;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#009966;	
	padding-left: 2px;
	text-align: center;
	font-weight:bold ;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-left: 2px;
	text-align: center;
}


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009966;
	padding-left: 2px;
	}


h4 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009966;
	padding-left: 2px;
	text-align: center; }

par {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	padding-left: 2px;
}

.news { text-decoration:blink ;
         font-size:16px ;
		 color:#009966 ;
		 }

.pages a:link{color:#3300FF ;
         font-style:bold ;
         text-decoration:underline ; 
          font-size: 13px;}	   
       

a:link {
	color: #008657;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	}
a:visited {
	color: #008657;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:hover {
	text-decoration: underline;
	color: #21624B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
}
/*no border around static images [logo, tabs, icons]*/
img {
	border: 0px;
}
/* border around images in articles and pnas cover*/
img.border {
	border: 1px solid black;
}

/*subscribe link*/
a:link.subscribe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	color: #FFFFFF;
}

a:visited.subscribe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	font-size: 7pt;
}

a:hover.subscribe {
	color: #CCCCCC;
	text-decoration: underline;
	font-size: 7pt;
}


.sidebar { font-size:10px ;
           font-family:Arial, Helvetica, sans-serif ;
           background-color:#efefef ; }
		   
.issue { color:#ff8e00 ;
         font-weight:bold ; 
		 text-align:left ;
		 }
		 

.nstf { font-size:10px ;
         font-family:Arial, Helvetica, sans-serif ; }




/* white text link on a dark background*/
a:link.light {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #FFFFFF;
}

a:visited.light {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc;
}

a:hover.light {
	color: #FFFFCC;
	text-decoration: underline;
}



/* text links under topic heading on homepage*/
a:link.topic {
	font: 8pt verdana, arial, sans-serif;
	color: #003399;
	text-decoration: none;
	
}

a:visited.topic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #003399;
	text-decoration: none;
}

a:hover.topic {
	font: 8pt verdana, arial, sans-serif;
	color: #000066;
	text-decoration: underline;
}


	
/* text links in left navigation under quick links heading*/


a:link.leftlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #000066;
	text-decoration: none;
	text-align : left;
}



a:visited.leftlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000066;
	text-decoration: none;
}

a:hover.leftlink {
	color: #666666;
	text-decoration: underline;
}



/* background and border style used for left navigation quick links*/
.leftnav {
	background-color: #86ABA3;
	border-bottom: none;
	border-right: none;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-left-style: none;
	background-position: left;
	padding: 2px;
	text-align: left;
}







/*gray horizonal rule*/
.hdivide {
	padding-bottom: 1px;
	border-bottom: 1px solid #CCCCCC;
}



/*bullet style for topics*/
ul.topics {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	list-style-type: none;
	margin-bottom: 0px;
	margin-left: 2px;
}

/*bullet style for more news at bottom of page*/
ul.morenews
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	list-style-image : url(images/morebullet.gif);
	vertical-align: middle;
	margin-left: 16px;
	margin-bottom: 10px;
	
}








/* dark blue underlined  heading for top news & sh headlines*/
h3.blurbhead {
font-family: verdana, arial, sans-serif;
        font-size: 9pt;
        color: #000000;
        font-weight: bolder;
        margin:0px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom:0px;
}









/* dark blue text for top news and sh descriptions*/
p.blurb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #333333;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}



/* bullet style for top news and sh lists*/
ul.blurb {
	color: #003399;
	margin-top: 0px;
	list-style-type : square;
	text-indent: 0px;
	font: 8pt verdana, arial, sans-serif;
	
	}




/*link style for top news and sh text links*/
a:link.blurb{
	font: verdana;
	font-size: 8pt;
	color: #003399;
	padding-left: 5px;
}
a:hover.blurb{
	font: verdana;
	font-size: 8pt;
	color: #003399;
	padding-left: 5px;
	background-color: silver;
}
a:visited.blurb {
	font: verdana;
	font-size: 8pt;
	color: dimgray;
	padding-left: 5px;
}





/*small dark gray text */
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	word-spacing: normal;
	letter-spacing: normal;
	vertical-align: baseline;
	white-space: normal;
	line-height: normal;
	font-weight: normal;
	list-style-type: square;
}


/* small dark gray text used for date in top news and sh blurbs*/
.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
}







/* text links under top news and sh blurbs*/
a:link.morenews {
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000000;
	font-weight: bolder;
}
a:visited.morenews {
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #666666;
	font-weight: bolder;
}
a:hover.morenews {
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #999999;
	font-weight: bolder;
}


/* 1px gray vertical rule*/

.vdivide {
	border-left: 1px  solid  #CCCCCC;
	padding-right: 5px;
}


/* copyight and terms of use text  in page footer*/
.copyright {
		color: #ffffff;
		font: 8pt verdana, arial, sans-serif;
		background-color: #000066;
		text-align: center;
}
a:link.copyright {
		color: #ffffff;
		font: 8pt verdana, arial, sans-serif;
		text-decoration: none;
		
}
a:visited.copyright {
		color: #ffffff;
		font: 8pt verdana, arial, sans-serif;
		text-decoration: none;
}








/* new and notable column on right of homepage*/
td.new {

	background-color: lightyellow;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid silver;
	border-right: 1px solid silver;
	border-left: 1px solid silver;
	vertical-align : top;
	font: 8pt verdana, arial, sans-serif;
	color: #000066;

}





/* career box under quick links*/
td.career {

	background-color: #FFFFE0;
	padding: 2px;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	vertical-align : top;
	font: 8pt verdana, arial, sans-serif;
	color: #000066;

}


/* new and notable headings*/
th.newhead {
	background-color: #666699;
	padding: 2px;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	vertical-align : top;
	font: bold 8pt verdana, arial, sans-serif;
	color: #ffffff;
}

td.newhead {
	background-color: #666699;
	padding: 2px;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	vertical-align : top;
	font: bold 8pt verdana, arial, sans-serif;
	color: #ffffff;
}





/*institutional links under NA header */
a:link.inst {
	color: white;
	font: 7pt verdana, arial, sans-serif;
	text-decoration: none;
	padding-left: 5px;
}

a:visited.inst {
	color: white;
	font: 7pt verdana, arial, sans-serif;
	text-decoration: none;
	padding-left: 5px;
}
a:active.inst {
	color: white;
	font: 7pt verdana, arial, sans-serif;
	text-decoration: none;
	padding-left: 5px;
}
a:hover.inst {
	color: white;
	font: 7pt verdana, arial, sans-serif;
	text-decoration: none;
	padding-left: 5px;
}




/* text links above copyright statement*/
a:link.bottomlinks {
	font: 8pt verdana;
	color: #FFFFFF;
}

a:visited.bottomlinks {
	font: 8pt verdana;
	color: silver;
}


/*text links under what's new*/
a:link.new {
	color: #666699;
	font: 7pt verdana, arial, sans-serif;
	text-decoration: underline;
	}

a:visited.new {
	color: #000066;
	font: 7pt verdana, arial, sans-serif;
	text-decoration: underline;
	}
a:active.new {
	color: #666699;
	font: 7pt verdana, arial, sans-serif;
	text-decoration: underline;
	}
a:hover.new{
	color: #990033;
	font: 7pt verdana, arial, sans-serif;
	text-decoration: none;
	
}



/*styles for site highlights*/
p.hlight {
	padding-left: 3px;
	font: 9pt verdana, arial, sans-serif;
	}
a:link.hlight {
	color: #000066;
	font: 8pt verdana, arial, sans-serif;
	text-decoration: underline;
	}

a:visited.hlight {
	color: #000066;
	font: 8pt verdana, arial, sans-serif;
		}
a:active.hlight {
	color: #666699;
	font: 8pt verdana, arial, sans-serif;
		}
a:hover.hlight{
	color: #990033;
	font: 8pt verdana, arial, sans-serif;
	text-decoration: none;
	
}

/*border styles*/
.box {
	border: 1px solid silver;
}
.topicleftbox {
	border-bottom: 1px solid silver; 
	border-left: 1px solid silver; 
	border-top: 1px solid silver;
}

.topicrightbox {
	border-bottom: 1px solid silver; 
	border-right: 1px solid silver; 
	border-top: 1px solid silver;
}


/* styles for PNAS on homepage*/
div.pnas_cover {
	text-align : left;
	}
span.pnas_header {
	font: bold 8pt verdana, arial, sans-serif;
	color: #666666;
}
span.pnas_blurb {
	font: 8pt verdana, arial, sans-serif;
	color: #000066;
}


a:link.headline {
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000066;
	font-weight: bolder;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	text-decoration: none;
	
	
}

a:visited.headline{
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000066;
	font-weight: bolder;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	text-decoration: none;
}

a:hover.headline
{
	color: #666666;
	font: bold 9pt verdana, arial, sans-serif;
	text-decoration: underline;
}


/*small descriptive text under topnews and sih tabs*/

td.tagline {
	font:  7pt verdana, arial, sans-serif;
	color: #ffffff;
	font-style : normal;
	background-color:#666699;
	padding-left: 10px;
}

table.topnews {
	border: 0;
	padding: 0;
	vertical-align: top;
	
}

table.sith {
	border: 0;
	padding: 0;
	vertical-align: top;
	
}


/*list and link styles for more news */
ul.morelink {
	list-style-image : url(images/morebullet2.gif);
	vertical-align: middle;
	margin-left: 16px;
	margin-bottom: 10px;
	color: #990000;
	
}

a:link.morelink {
	color: #990000;
	font: bold 8pt verdana;
}
a:hover.morelink {
	color: #999999;
}
a:visited.morelink {
	color: #990000;
	font: bold 8pt verdana;
}


/*accessibility links--seen by screen readers*/
a:link.invisible {

	color: #000066;
	font: 3pt;
	
	}
a:visited.invisible{

	color: #000066;
	font: 2pt;
	
	}
a:active.invisible{

	color: #000066;
	font: 3pt;
	
	}



.headleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #86ABA3;
	text-align: center;
	padding: 5px 2px 5px 3px;
	background-image: url(images/wild_strepe.jpg);
}
.top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align: center;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #666666;
	text-align: center;
}
.centrenav {
	background-color: #86ABA3;
	border-bottom: none;
	border-right: none;
	font: normal 9pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-left-style: none;
	background-position: left;
	padding: 2px;
	text-align: center;
	background-image: none;
}