.articleTitle {  
	font-size		: 16px; 
	font-weight		: bold; 
	color			: #a7d59d; 
	}
	
.commentTitle {  
	font-size		: 12px; 
	font-weight		: bold; 
	color			: #333333; 
	padding-left 	: 2px;
	}
	
.commentBox {  
	margin-bottom 	: 6px;
	}

a:hover {  
	text-decoration : underline;
	
	}

a {  
	text-decoration : none;
	color 			: #789670;
	}		
	

	
a.articleTitleLink {
	font-size	: 13px; 
	font-weight : bold;	
	}

body {
    scrollbar-face-color 		: #a7d59d;
    scrollbar-shadow-color 		: #a7d59d;
    scrollbar-3dlight-color 	: #B1BBDB;
    scrollbar-highlight-color 	: #a7d59d;
    scrollbar-darkshadow-color 	: #a7d59d;
    scrollbar-track-color 		: #EEEEEE;
    scrollbar-arrow-color 		: #FFFFFF; 
}


div.articleSummaryInfo {
	padding-left	: 16px;
	font-size		: 10px;
	color			: #666666;
}
		
	div.articleSummaryText {
		padding-left : 16px;
	}

	div.popupDiv {  

	}
	
	div.articleData {  
		font-size		: 10px; 
		color			: #666666; 
		}
		
	div.commentData {  
		font-size		: 10px; 
		color			: #666666; 
		padding-left 	: 2px;
		}
			
p.largeWhiteHeading {  
	font-size		: 16px; 
	font-weight		: bold; 
	color			: #a7d59d; 
	}
	

		
.smalltext {  font-size: 10px }

form {
	display	: inline;
}

hr {
	color : #B1BBDB;
	height : 1px;
}

input {
	font-family		: Arial, Helvetica, sans-serif; 
	font-size		: 12px;
	}

	input.button { 
		background-color: #74a366; 
		color			: #000000; 
		font-size 		: 11px; 
		border-top		: 1px solid #D4D9EB; 
		border-left		: 1px solid #D4D9EB; 
		border-right	: 1px solid #00337F; 
		border-bottom	: 1px solid #00337F; 
		} 
	
	input.viewButton { 
		background-color: #D4D9EB; 
		color			: #000000; 
		font-size 		: 10px; 
		border-top		: 1px solid #FFFFFF; 
		border-left		: 1px solid #FFFFFF; 
		border-right	: 1px solid #B1BBDB; 
		border-bottom	: 1px solid #B1BBDB; 
		}
		
	input.searchBox { 
		background-color : #FFFFFF; 
		color			 : #000000; 
		font-size 		 : 11px; 
		width			 : 180px;
		}
		
	input.smallBox 
	{
		font-size: 9px;
		height: 16px;
	}

select, option { 
	font-size 		: 11px 
	}

select.smallBox 
{
	font-size: 9px;
	height:16px;
}
table.articleListBox { 
	
	}

td,p,div {  
	font-family			: Verdana, Arial, Helvetica, sans-serif; 
	font-size			: 12px;
	}
.eventslist
	{
		background-color:#e5f2e2;
	}
	
	td.sidebarheader
	{
		background-color:#d3eace;
		color:black;
	}
	
	td.articleListHeading { 
		border		 	: solid; 
		border-width 	: 0px 0px 1px; 
		border-color 	: #FFFFFF #FFFFFF #d3eace; 
		font-size	 	: 10px; 
		font-weight	 	: bold;
		}
		
	td.articleFilterBox { 
		color		 	: #666666; 
		font-weight	 	: bold; 
		}
		
	td.articleListDate { 
		color 			: #666666; 
		}
	
	td.articleFunction {
		font-weight 	: bold;	
		}

	td.breadCrumbTrail { 
		color 			: #666666; 
		font-size	 	: 10px; 
		font-family		: Verdana, Arial, Helvetica, sans-serif;
		}
	
	td.commentsHeading {  
		color		 	: #FFFFFF; 
		padding-left 	: 10px;
		font-weight		: bold; 
		}
	
	td.formFieldName { 
		font-size		: 11px; 
		font-weight		: bold;
		color 			: #999999;
		}
		
	td.formHelpText {
		font-style : italic;
		color 			: #666666;
		}
	table.shadedbox
	{
		background-color :#f5f8f4;
		width:200px
	}
	
	td.sideBoxBody {  
		background-color: #f5f8f4; 
		
		padding-top		: 4px; 
		padding-right	: 4px; 
		padding-bottom	: 4px; 
		padding-left	: 4px
		}


	td.tabdown {  
		font-size		: 11px; 
		font-weight		: bold;
		background-color: #B1BBDB; 
		padding-left	: 4px;
		padding-right	: 4px;
		border-top		: 2px #B1BBDB solid; 
		border-bottom	: 2px #B1BBDB solid; 
		border-left		: 1px #B1BBDB solid; 
		border-right	: 1px #FFFFFF solid; 
		}
		
	td.tabup { 
		font-size		: 11px; 
		font-weight		: bold;
		background-color: #E7EAF4; 
		color 			: #000099;
		padding-left	: 4px;
		padding-right	: 4px;
		border-top		: 2px #FFFFFF solid; 
		border-bottom	: 2px #E7EAF4 solid; 
		border-left		: 1px #FFFFFF solid; 
		border-right	: 1px #FFFFFF solid; 
		cursor 			: hand;
		}
		
	td.tabup a { 
		font-size		: 11px; 
		font-weight		: bold;
		color 			: #000099;
		cursor 			: hand;
		}
		
	td.tabhover { 
		font-size		: 11px; 
		font-weight		: bold;
		background-color: #B1BBDB; 
		padding-left	: 4px;
		padding-right	: 4px;
		border-top		: 2px #B1BBDB solid; 
		border-bottom	: 2px #B1BBDB solid; 
		border-left		: 1px #B1BBDB solid; 
		border-right	: 1px #B1BBDB solid; 
		cursor 			: hand;
		}
		
	td.tabPopupMenu { 
		background-color: #FFFFFF; 
		padding-left	: 4px;
		padding-right	: 4px;
		border-top		: 2px #B1BBDB solid; 
		border-bottom	: 2px #B1BBDB solid; 
		border-left		: 2px #B1BBDB solid; 
		border-right	: 2px #B1BBDB solid; 
		font-size		: 11px;
		width 			: 180px; 
		}
	
	td.titleGradient {
		background-image: url(../images/CSIRGradient.jpg);
		background-repeat: repeat-y;
		padding-right 	: 8px;
		color			: #FFFFFF;
		font-weight	 	: bold; 
		font-size 		: 10px;		
		font-family		: Verdana, Arial, Helvetica, sans-serif; 
		}
		td.titleGradient a { 
			color		: #FFFFFF;
			}
		td.titleGradient a:hover { 
			color 		: #CCCCCC;
			}
		td.titleGradient a:visited { 
			color 		: #FFFFFF;
			}
		
	td.featureBoxTitle {  
		border			: solid; 
		border-width	: 1px; 
		border-color	: #B1BBDB; 
		padding 		: 4px; 
		background-color: #B1BBDB;
		}
		
	td.featureBoxCell {  
		border			: solid; 
		border-width	: 0px 1px 1px 1px; 
		border-color	: #FFFFFF #B1BBDB #B1BBDB #B1BBDB; 
		padding-top 		: 6px; 
		padding-left 		: 6px; 
		padding-right 		: 6px; 
		padding-bottom 		: 2px; 
		}
		
	td.featureReadMoreCell {  
		font-weight		: bold; 
		text-align		: right;
		border			: solid; 
		border-width	: 0px 1px 1px 1px; 
		padding-top 	: 0px;
		border-color	: #FFFFFF #B1BBDB #B1BBDB #B1BBDB; 
		}
	
	td.advertBoxTitle {  
		border			: solid; 
		border-width	: 1px; 
		border-color	: #D8AFB8;     /*#B1BBDB; */
		padding 		: 4px; 
		background-color: #D8AFB8;
		}
		
	td.advertBoxCell {  
		border			: solid; 
		border-width	: 0px 1px 1px 1px; 
		border-color	: #FFFFFF #D8AFB8 #D8AFB8 #D8AFB8; 
		padding-top 		: 6px; 
		padding-left 		: 6px; 
		padding-right 		: 6px; 
		padding-bottom 		: 2px; 
		}
		
	td.advertReadMoreCell {  
		font-weight		: bold; 
		text-align		: right;
		border			: solid; 
		border-width	: 0px 1px 1px 1px; 
		padding-top 	: 0px;
		border-color	: #FFFFFF #D8AFB8 #D8AFB8 #D8AFB8; 
		}
		
	td.sideBoxHead {  
		background-color: #B1BBDB; 
		padding			: 2px; 
		height			: 24px; 
		}
		
	td.sideBoxMargin {  
		background-color:white 
		}
	
	#menuarea a.title{display:block;font-size:1.1em;font-weight:bold;text-decoration:none;color:#000;background:#a8d59e url("/images/ar_off_grey.gif") no-repeat 95% 50%;padding:3px 15px 2px 5px;border-top:1px solid #fff;z-index:1}

	.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid #fff;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 225px;

}

.anylinkcss a{
color: #fff;
background-color:#8ab0d9;
width: 100%;
display: block;
padding-left :10px;

border-bottom: 1px solid #fff;

text-decoration: none;
font-weight: 700;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #0076c0;
color: black;
text-decoration: none;
}

.anylinkcss a:visited{ /*hover background color*/

}



textarea {
	font-family		: Arial, Helvetica, sans-serif; 
	font-size		: 12px;
}

textarea.commentText {
	width 			: 360px;
}

ul {  
  margin-left 	: 0px; 
  padding-left: 16;
  margin-bottom 	: 2px; 
  list-style-type : disc; 
}
	
ul.subList {  
  list-style-type : circle; 
}
		
#cal 
{
  behavior: url(../ecmascript/calendar.htc);
  width: 175px;
  height: 235px;
  border:1px solid black;
  z-index: 10;
  position: absolute;
  color: white;
}


.anylinkcss2{
position:absolute;
visibility: hidden;
border:1px solid #fff;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 225px;

}

.anylinkcss2 a{
color: #fff;
background-color:#8ab0d9;
width: 100%;
display: block;
padding-left :10px;

border-bottom: 1px solid #fff;

text-decoration: none;
font-weight: 700;
text-indent: 5px;
}

.anylinkcss2 a:hover{ /*hover background color*/
background-color: #0076c0;
color: black;
text-decoration: none;
}

.anylinkcss2 a:visited{ /*hover background color*/

}


/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;
			padding: 0px;
			border-top: 1px solid;
			width: 204px;
		}
		.vertical li a{
			display: block;
			width: 200px;
			text-decoration: none;
			height: 1.2em;
			padding: .1em 1px;
			border: 1px solid white;
			border-top: 0px;
		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.9em;
			margin-left: 200px;
		}
		/*this is the css for the horizontal version*/
		.horizontal ul{
			list-style-type: none;
			padding: 0px;
			border-left: 1px solid;
			display: block;
			height: 1.4em;
		}
		.horizontal li{
			float: left;
			display: inline;
		}
		.horizontal li a{
			text-decoration: none;
			height: 1.2em;
			float: left;
			display: block;
			width: 125px;
			padding: .1em 1px;
			border: 1px solid;
			border-left: none;
		}
		.horizontal li li a{
			border-top: none;
			border-left: 1px solid;
		}
		.horizontal li ul{
			position: absolute; 
			margin-top: 1.3em;
			margin-left: -1px;
			width: 129px;
			border: none;
			display: block;
			height: auto;
			border-top: 1px solid;
		}
		.horizontal li li ul{
			position: absolute;
			margin-top: .1em;
			margin-left: 125px;
		}
		.horizontal li ul li a{
		width: 125px;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 2em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}
		/*colors for menu*/
		.blackwhite li a{
			background-color: white;
			color: black;
			border-color: black;
		}
		.blackwhite li a:hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.blackwhite ul{
			border-color: white;
		}
		.bluewhite li a{
			color: #000;
background-color:#e5f6e0;
width: 100%;
display: block;
padding-left :10px;

border-bottom: 1px solid #fff;

text-decoration: none;
font-weight: 700;
text-indent: 5px;
		}
		.bluewhite li a:hover{
			background-color: #000033;
			color: white;
			
		}
		.bluewhite ul{
			border-color: white;
		}
		
		.horizontal  li ul{
	margin-top: 1.4em;
	margin-left: -129px;
}