p	{ 	font-size: 8pt; 
		font-family: Verdana, Arial, Helvetica, sans-serif;	
		color : #003366; }

BODY {
	background : #FFFFF1;
	color : #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-decoration : none;
}

TD {
	color : #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration : none;
}

TH {
	color : #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold; 
}

A { color : #FF6600; }

/* order: link, visited, hover, active!!! */
A:LINK, A:VISITED {
	color : #FF6600;
	text-decoration : none; 
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
A:HOVER { color: #FF6600; text-decoration : underline; }

A:ACTIVE 	{ color:  #990033; text-decoration : underline; font-size: 8pt;}



TABLE { azimuth : center; }

HR { color: #CCCCCC; height: 1pt; }



/* title */

h4 { 	font-family: Verdana, Arial, Helvetica, sans-serif;
 		font-size: 11pt; 
 		text-align: center; }

.mytitle 	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	font-weight: bold; 
	color: #669999; 
	text-align: left; 
}

.mytitle-big 	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15pt; 
	font-weight: normal; 
	color: #669999; 
	text-align: center; 
}

.mytitle_cent 	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	font-weight: bold; 
	color: #669999; 
	text-align: center; 
}

.project_silverbg {
	background-color:#EEEEEE;
	/* padding:5 5 5 5; */
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.project_title {
	/*background-color: #003366;*/
	color : #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight: bold;
}


.smalltitle 	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: bold; 
	color: #669999; 
	text-align: left; 
}



.smalltitle_cent 	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: bold; 
	color: #669999; 
	text-align: center; 
}
.programtitle   {
	background-color: #C0C0C0;
	font-size: 8pt;
	font-weight: bold;
	vertical-align : top;
}

/* font */

.blink {text-decoration:blink;}
.bbc   { font-size: 9pt; font-weight: bold; text-align: center; }
.bgsilver    { background-color: #CCCCCC; padding: 10px; }
.biggerbold 	{ font-size : 10pt; font-weight: bold;}
.bold9   		{ font-size: 8pt; font-weight: bold; }
.bold10   		{ font-size: 9pt; font-weight: bold; }
.bold10_padd   		{ font-size: 9pt; font-weight: bold; padding: 10px 0 5px 0; }
.bold12   		{ font-size: 11pt; font-weight: bold; }
.boldcent   { font-weight: bold; text-align: center; font-size: 11pt;}
.bold10cent   		{ font-size: 10pt; font-weight: bold;  text-align: center; }
.bold10under  		{ font-size: 10pt; font-weight: bold; text-decoration:underline; }
.bold12cent   		{ font-size: 12pt; font-weight: bold;  text-align: center; }

.fontprojectstatus   { font-size: 8pt; font-weight: bold; color: #FF6600; text-align: right; }
.font9 		{ font-size : 8pt; font-weight: normal; }
.font12 		{ font-size : 11pt; font-weight: bold; }
.footerfont  { font-size: 7pt; color : #FFFFF1; }
.green9 		{ font-size: 8pt; color: #669999; text-align: left; }
.italic9     { font-size: 8pt; font-style: italic; }
.italic10     { font-size: 10pt; font-style: italic; }
.italic12     { font-size: 12pt; font-style: italic; }
.orangebold {	color: #FF6600; font-weight: bold;}
.orange9boldcent	{ font-size: 8pt; color: #FF6600; font-weight: bold; text-align: center; }
.redbigger 	{ font-size: 9pt; color: #CC0000; font-weight: bold; }
.smaller 		{ font-size : 7pt; }
.white9 		{ font-size: 8pt; color: #FFFFF1;  }
.white9bold		{ font-size: 8pt; color: #FFFFF1;  font-weight: bold;}
.white9ital	{ font-size: 8pt; color: #FFFFF1; font-style:italic;}
.white9boldcent		{ font-size: 8pt; color: #FFFFF1; font-weight: bold; text-align: center; }

.white10boldcent	{ font-size: 10pt; color: #FFFFF1; font-weight: bold; text-align: center; }

.yellow10bold { font-size:10pt; font-weight:bold; color:#FFFF66; }
.yellow10boldcent { font-size:10pt; font-weight:bold; color:#FFFF66; text-align: center;  }
.yellow9 { font-size:9px; font-weight:normal; color:#FFFF66; }

/* Background */

.bgsilver_boldcent {
	font-size : 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-align: center; 
	background-color:#E3E3E3;
}

.bgsilver_bold {
	font-size : 12px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-align: left; 
	background-color:#E3E3E3;
}
.bgsilver {
	color : #000000;
	font-size : 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#E3E3E3;
}


/*Id*/
#yellow10bold { font-size:10px; font-weight:bold; color:#FFFF66; }
#yellow9 { font-size:9px; font-weight:normal; color:#FFFF66; }


/* New */

/* links with the class nav - for all the links in the website*/
a.nav:link, a.nav:visited {
		background : #FFFFF1;
		color : #003366;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		text-decoration : none;
		font-weight: bold;
}

a.nav:hover, a.nav:active {
		background : #FFFFF1;
		color : #FF6600;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		text-decoration : none;
		font-weight: bold;
}


#navleft { /* Menu on the left side of the page. It replaces previous Java applet */
	position: absolute;
	width: 150px;
	top: 0px;
	left: 0px;
	font-weight: normal;
	background-color: #FFFFF1;
	padding: 10px;
  }

#navleft ul {
        list-style: none;
        margin: 0;
        padding: 0;
		text-indent: 0px;
}
#navleft li {
        list-style: none;
        margin: 0;
        padding: 0;
		text-indent: 0px;
		font-family: Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #003366;
		line-height: 16px;
}

#navleft li.indent0 {
        list-style: none;
        margin: 0;
        padding: 0;
		font-size: 7pt;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-indent: 0px;
		border-bottom: 1px solid #003366;
		text-indent: 0px;
}

#navleft li.indent10 {
        list-style: none;
        margin: 0;
        padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		font-weight: bold;
		text-indent: 0px;
		border-bottom: 1px solid #003366;
		text-indent: 10px;
}
#navleft li.indent20 {
        list-style: none;
        margin: 0;
        padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		font-weight: bold;
		text-indent: 0px;
		border-bottom: 1px solid #003366;
		text-indent: 20px;
}

.navtitle {
	font-size : 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-align: left; 
	text-indent: 0px;
	/*background-color:#E3E3E3;*/
}

.pastel1 { background: #eeeee0;}/*olive*/
.pastel2 { background: #fff5ee;}/*pink*/
.pastel3 { background: #e0eee0;}/*green*/
.pastel4 { background: #fff8dc;}/*yellow*/
.pastel5 { background: #faf0e6;} /*meat colour*/
.pastel6 { background: #f5f5f5; text-align:left;} /*silver*/
.pastel7 { background: #fffafa;}/*light pink*/
.pastel8 { background: #f0f8ff;}/*blue*/

.publ ol li { 
	padding: 0 0 10px 0;
	margin: 0;}

.publ ul li { 
	padding: 0 0 10px 0;
	margin: 0;}



.tb-silver {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 90%; 
	line-height: 18px; 
	background:#EEEEEE;	
	color : #333333;
	text-align:center;
}


/*SUBMENU on the left side - pop-open list*/
#subnavcontainer { /* list container */
	width: 180px;
	background:  none;
	color: purple;
	position: absolute;
	top: 10px;
	left: 0; /*on the */
	float: left;
	margin: 0; 
	padding: 1px 0 0 0;
	font-size: 90%;
	/*  border: 1px solid red;
	 border-bottom: 1px solid #d9d9d9;*/
	/*  border-left: 1px solid #EEEEEE;*/
	
}

#subnavcontainer h1{
	font-size: 14px;
	background: none; 
	margin: 0;
	padding: 5px 0 10px 20px;
	font-weight: normal;
	color: #003366 ;/*#8C8C8C gray, CC3300  red*/
}

#subnavcontainer a:link, #subnavcontainer a:visited {
	color: #003366; /*ff6633 orange #8C8C8C gray*/
	background: none;
	/*width: 150px; - displays percise width, otherwise displays 100%*/
	display: block;
	text-decoration: none;
	font-weight: normal;
}

#subnavcontainer a:hover, #subnavcontainer a:active {
	color: #FF6600; /*#CC3300 red*/
	background: none; /*v1-669999*/
	text-decoration: none; 
}


#subnavlist li {
	list-style-type: none; /*menu list decoration*/
	color: #003366; /* #8C8C8C gray colour of the font (which is not a link) and list decoration*/
	background:  none;
	margin: 0; /*menu indent*/
	padding: 0 0 0 20px; /*padding between li*/
	border-top: 1px solid #F0F0F0;
}

#subcurrent { 
	font-weight: bold;
	color: red;
}

/*subactive - hidden submenu*/
#subactive li { display: none; }/*hides submenu*/
#subactive:hover li { 
	display: block; 
	list-style-type: none; /*no submenu list decoration*/
	/*margin-left: 3px; submenu indent*/
	/*border-top: 1px solid #C0C0C0; no border in the submenu, has to be here, otherwise inherits*/
	border-bottom: 1px solid #C0C0C0;
}


