﻿/* CSS layout */

#wrap{
	margin: 1px auto; /*this line centralises the container*/
	width: 800px;
}
#masthead {
	/*background-color: #1BF10E;*/
	/*background-image: url('images/bannerback.jpg') height: 135px;*/
	/*padding-left: 25px;*/
}

#top_nav {
	padding: 3px;
	text-align: center;
}

#container {
	border: 2px #66FF33 solid;
	position: relative;
	width: 790px;
	padding: 2px;
}

#left_col {
	
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
	/*border: 2px #66FF33 solid;*/
}

#page_content {
	margin-left: 200px;
	background-color: #FFFFCC;
	border: 2px #66FF33 solid;
}

#footer {
}

body         
{ 	
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	color: #800000;
	font-size: 10pt
}
.normal		{
				color: #800000; font-family: Arial, Helvetica, sans-serif; 
				font-size: 10pt; 
				 
}

.h1           
{ 
	font-family: Arial, Helvetica, sans-serif; 
	color: #800000; 
	font-size: 16pt;
	font-weight: bold 
}

.h2           
{ 
	color: #800000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14pt 
}

.h3           
{ 
	color: #800000; font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold 
}

.copyright   
{ 
	color: #800000; 
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif; 
}

.copyrightlight   
{ 
	color: #FFFF00; 
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif; 
}

.scientific{
	font-style:italic
}

a:link       { 
	font-size: 10pt; 
	color: #0000FF; 
	text-decoration: underline 
}
a:visited	{	
	font-size: 10pt;			
	color: #FF00FF; 
} 
a:active 	{	
	font-size: 10pt;			
	color: #FF00FF;
}
a:hover		{
	font-size: 10pt;
	color: #0000FF;
	font-style: italic;
}

.align-centre {
	text-align: center;
}

.table_main {
	border-width: 0;
background-color: #000000;
}

.table_left_col {
	border: 2px solid #00FF00;
	background-color: #000000;
	text-align: center;
}
.table_content {
	border: 2px solid #00FF00;
	background-color: #FFFFCC;
}

/* menu CSS follows*/

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}


/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
	display: block;
	width: 114px; /*Width of top level menu link items*/;
	padding: 2px 8px;
	border: 1px solid #202020;
	border-left-width: 0;
	text-decoration: none;
	background: url("../images/menubg.gif") center center repeat-x;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 160px; /*width of sub menu levels*/
font-weight: bold;
padding: 2px 5px;
background: #e3f1bd;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url("../images/menubgover.gif") center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
background: #cde686;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url("../images/menuarrow.gif") no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */


