* { 
padding : 0;
margin : 0;
} 
body { 
font-family : Arial, Helvetica, sans-serif;
color : #666666;
font-size : 12px;
} 
#wrapper { 
width : 80%;
margin : 5px auto 0 auto;

} 
#wrapper_full { 
width : 100%;
margin : 5px auto 0 auto;
align:center;
} 
img { 
padding : 3px;

} 
img.floatTL { 
float : left;
margin-right : 7px;
margin-bottom : 7px;
margin-top : 7px;
margin-left : 10px;
} 
img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 7px;
margin-top : 7px;
margin-right : 10px;
} 
#one { 
width : 200px;
float : left;
background-color : #000000;
width:100%;

} 
* html #one { 
height: 81px;
} 
#one h1 {
color: #ffffff;
font-size: 12px;
padding-left: 15px;
}

#one h2 {
color: #ffffff;
font-size: 12px;
padding-left: 15px;
}
#two { 
width : 220px;
float : left;
min-height : 70px;
background-color : #299ad4;

} 
#two h1{
color: #ffffff;
padding-left: 15px;
font-size: 12px;
}
#two h2 {
color: #ffffff;
font-size: 12px;
padding-left: 15px;
}
* html #two { 
height : 77px;
} 
#three { 

width : 200px;
float : left;
min-height : 70px;
background-color : #6c9626;
font-size: 14px;


} 
* html #three { 
height : 77px;
} 
#three h1{
color: #ffffff;
padding-left: 15px;
font-size: 12px;
}
#three h2 {
color: #ffffff;
font-size: 12px;
padding-left: 15px;
}

#four { 

width : 200px;
float : left;
min-height : 70px;
background-color:#000080;
font-size: 14px;
width : 199px;

} 
* html #four { 
height : 77px;
} 
#four h1{
color: #ffffff;
padding-left: 15px;
font-size: 12px;
}
#four h2 {
color: #ffffff;
font-size: 12px;
padding-left: 15px;
}
#one a,#two a, #three a, #four a { 
color : #fffffe;
font-family : Verdana;
font-size : 10px;
color:#FF9900;
text-decoration : none;
float : left;
padding-right : 5px;

} 

#one a:hover,#two a:hover, #three a:hover, #four a:hover { 
font-family : Verdana;
font-size : 12px;
color:#FFFF99;
text-decoration : none;
float : left;
padding-right : 5px;

}
#international
{
display : inline;
width : 199px;
float : left;
background-color : #f2f2f2;

}
#address { 

width : 199px;
float:left;
background-color : #ffffff;
padding-left:20px;
border-color:#ffffff;
border-left : 10px solid #fff;
border-bottom:5px;
color:#000080;
font-weight:bold;
text-align:justify;


} 
* html #navigation { 
height : 179px;
} 
#navigation { 
float : left;
padding-left: 10px;
display : inline;
width : 198px;
min-height : 440px;
background-color : #fff;

border-left : 1px solid #000;
border-bottom : 1px solid #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-right:2px ridge #000;
} 
#navigation_head
{
background-color:#000000;
color : #ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif
font-size : 16px;
padding-left : 0px;
padding-top : 3px;
padding-bottom : 4px;
margin-right : 1px;
padding-left : 10px;
text-align:center;
font-weight:bold
}
#navigation h2{
background-color : #000;
color : #ffffff;
font-family : verdana;
font-size : 12px;
padding-left : 10px;
padding-top : 3px;
padding-bottom : 4px;
margin-right : 1px;

}
#navigation h3{

color:#000;
padding-left: 0px;
font-size: 14px;
}

#navigation ul { 
margin : 0;
padding : 0;
} 
.navigation li { 
border-bottom : 1px solid #d5e8ad;
list-style : none;
text-transform : lowercase;
} 
.navigation li a { 
color : #553;
display : block;
padding : 4px 4px 5px 12px;
text-decoration : none;
font-family : Verdana;
font-size : 0.75em;
font-weight : bold;
} 
.navigation li a:hover { 
color : #553;
} 

#colourbar{
	width: 700px;
	color: #ffffff;
	background: #000080;
	float: left;
	height:10px;
	
}


#header { 
border-color:#000088;
display : inline;
width : 598px;
float :left;
height : 250px;
/*height:210px; the original height*/
/*background-image : url(images/zero.jpg);*/
background-repeat : no-repeat;

background-color:#ffffff;
} 


* html #header { 
height : 180px;
} 

#colourbar { 

color:#000080;

width : 775px;
height : 25px;
border-top : 3px solid #fff;
margin-bottom : 3px;

} 


#col_one { 
display : inline;
width : 210px;
float : left;
min-height : 440px;
background-color : #fff;
border-top : 1px solid #ccc;

border-bottom : 1px solid #fff;
} 
* html #col_one { 
height : 440px;
} 
#col_one h2 { 
background-color : #000;
color : #f1f1f1;
font-family : verdana;
font-size : 16px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
margin-right : 1px;
} 
#col_one h3 { 
font-family : verdana;
font-size : 0.9em;
padding-top : 10px;
padding-left : 15px;
padding-bottom : 5px;
color:#CC0000;
background-image : url(images/news.gif);
background-repeat : no-repeat;
background-position : left 10px;
margin-left : 10px;
} 
#col_one p { 
font-family : verdana;
font-size : x-small;
padding-left : 15px;
padding-bottom : 5px;
margin-left : 10px;
margin-right : 10px;
text-align : left;
padding-right : 20px;
background-color : #eff6ff;
} 
#col_one a { 
margin-left : 25px;
margin-bottom : 2px;
color : #48b033;
font-size : 0.8em;
font-weight : bold;
padding : 2px;
} 
#col_two { 

width : 220px;
float : left;
height : 440px;
background-color : #fff;
border-top : 1px solid #ccc;
border-bottom : 1px solid #fff;
} 
* html #col_two { 
height : 440px;
} 
#col_two p { 
font-size : 1.0em;
text-align : left;
background-color : #ffffff;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
} 
#col_two h2 { 
background-color : #299ad4;
color : #f1f1f1;
font-family : verdana;
font-size : 16px;
padding-top : 3px;
padding-left : 5px;
padding-bottom : 4px;
 
} 
#col_two img { 
margin-top : 5px;
margin-left : 5px;
} 
#col_two h3 { 
text-align : center;
font-family : verdana;
font-size : 14px;
padding-top : 10px;
padding-bottom : 5px;
font-weight : lighter;
} 

#col_two LI a { 
	PADDING-RIGHT: 0.5em; 
	DISPLAY: block; 
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 4px; 
	background-color : #ffffff;
	color:#888888;
 	PADDING-TOP: 0px; 
	FONT-FAMILY: arial, helvetica sans-serif; 

	text-decoration:underline;
	font-size : 12px;

} 
#col_two LI a:hover{ 
	PADDING-RIGHT: 0.5em; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 4px; 
 	color : #000000;
	PADDING-TOP: 0px; 
	FONT-FAMILY: arial, helvetica sans-serif; 
	background-color : #ffffcc;
	TEXT-DECORATION: none;
	font-size : 12px;
 }

#col_two a {
	
	PADDING-RIGHT: 0.5em; 
	DISPLAY: block; 
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 4px; 
	WIDTH: 200px; 
	color : #f1f1f1;
	PADDING-TOP: 0px; 
	FONT-FAMILY: arial, helvetica sans-serif; 
	background-color : #299ad4;
	TEXT-DECORATION: none;
	font-size : 12px;
}


#col_two h4 { 
background-color : #299ad4;
color : #f1f1f1;
font-family : verdana;
font-size : 12px;
padding-top : 3px;
padding-left : 5px;
padding-bottom : 4px;

}

#col_two h5 {
	
	PADDING-RIGHT: 0.5em; 
	DISPLAY: block; 
	margin-left : 10px;
	margin-right : 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 4px; 
	text-align : left;
	WIDTH: 200px; 
	color : #f1f1f1;
	PADDING-TOP: 0px; 
	FONT-FAMILY: arial, helvetica sans-serif; 
	background-color : #299ad4;
	TEXT-DECORATION: none;
	font-size : 12px;
}



#col_two a:hover{

	 COLOR: black;
	  BACKGROUND-COLOR: #ffffcc;
}
 /*col_four - conference*/
#col_three { 
border-left : 1px solid #fffff0;
border-right : 1px solid #fffff0;
display : inline;
width : 198px;
float : left;
min-height : 440px;
background-color : #fff;
border-top : 1px solid #ccc;
border-bottom : 1px solid #fff;
} 
* html #col_three { 
height : 440px;
} 
#col_three p { 
font-size : 1.0em;
text-align : left;
background-color : #ffffff;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
} 
#col_three h2 { 
background-color : #6c9626;
color : #ffffff;
font-family : verdana;
font-size : 14px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
} 
#col_three img { 
margin-top : 5px;
margin-left : 5px;
} 
#col_three h3 { 
text-align : center;
font-family : verdana;
font-size : 14px;
padding-top : 10px;
padding-bottom : 5px;
font-weight : bold;
color:#000080
} 

#col_three h4 { 
background-color : #6c9626;
color : #ffffff;
font-family : verdana;
font-size : 12px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
} 
#col_three h5 { 

font-family : verdana;
font-size : 14px;
padding-top : 10px;
padding-bottom : 5px;


} 
#col_three a { 
color : #000080;
font-weight : bold;
text-decoration : underline;
font-size : 12px;
} 

#col_three LI a { 
	PADDING-RIGHT: 0.5em; 
	DISPLAY: block; 
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 4px; 
background-color : #ffffff;
color:#888888;
 	PADDING-TOP: 0px; 
	FONT-FAMILY: arial, helvetica sans-serif; 
text-decoration:underline
	
	font-size : 12px;

} 
#col_three LI a:hover{ 
	PADDING-RIGHT: 0.5em; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 4px; 
 	color : #000000;
	PADDING-TOP: 0px; 
	FONT-FAMILY: arial, helvetica sans-serif; 
	background-color : #ffffcc;
	TEXT-DECORATION: none;
	font-size : 12px;

} 
/*col_four - resources*/
#col_four { 
display : inline;
width : 200px;
float : left;
min-height : 440px;
background-color : #fff;
border-top : 1px solid #ccc;

border-bottom : 1px solid #fff;
} 
* html #col_four { 
height : 440px;
} 
#col_four p { 
font-size : 1.0em;
text-align : left;
background-color : #ffffff;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
} 
#col_four h2 { 
background-color : #e48f00;
color : #f1f1f1;
font-family : verdana;
font-size : 16px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
} 
#col_four a { 
	PADDING-RIGHT: 0.5em; 
	DISPLAY: block; 
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 4px; 
 	color : #ffffff;
	PADDING-TOP: 0px; 
	FONT-FAMILY: arial, helvetica sans-serif; 
	background-color : #e48f00;
	TEXT-DECORATION: none;
	font-size : 12px;

} 
#col_four a:hover{

	 COLOR: black;
	  BACKGROUND-COLOR: #ffffcc;
}

#col_four LI a { 
	PADDING-RIGHT: 0.5em; 
	DISPLAY: block; 
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 4px; 
background-color : #ffffff;
color:#888888;
 	PADDING-TOP: 0px; 
	FONT-FAMILY: arial, helvetica sans-serif; 

	text-decoration:underline;
	font-size : 12px;

} 
#col_four LI a:hover{ 
	PADDING-RIGHT: 0.5em; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 4px; 
 	color : #000000;
	PADDING-TOP: 0px; 
	FONT-FAMILY: arial, helvetica sans-serif; 
	background-color : #ffffcc;
	TEXT-DECORATION: none;
	font-size : 12px;

} 
#col_four a:hover{

	 COLOR: black;
	  BACKGROUND-COLOR: #ffffcc;
}
#col_four h4 { 

 
	DISPLAY: block; 
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold; 
	
 	color : #ffffff;
	PADDING-TOP: 0px; 
	FONT-FAMILY: arial, helvetica sans-serif; 
	background-color : #e48f00;
	TEXT-DECORATION: none;
	font-size : 12px;

} 

/*header*/
#header_twocol { 
border-color:#000080;
display : inline;
width : 598px;
float :left;
height : 150px;
background-repeat : no-repeat;
background-color:#ffffff;
} 
#header_twocol h2 {
background-color : #000000;
color : #f1f1f1;
font-family : verdana;
font-size : 16px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;

}


#twocol_content{
padding-top:5px;
padding-left:10px;
padding-right:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 1.0em;

border-top : 3px solid #FFcc33 ;

}
/* navigation styles */
#nav {
PADDING-RIGHT: 0px; 
PADDING-LEFT: 5px; 
FLOAT: left; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
WIDTH: 220px; 
PADDING-TOP: 0px; 
LIST-STYLE-TYPE: none;
border-right:2px solid #000080;

}
#nav h2{
background-color : #ffffff;
color : #000080;
font-family : verdana;
font-size : 12px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 10px;

}



#nav UL {
PADDING-RIGHT: 0px; 
PADDING-LEFT: 7px; 
FLOAT: left; 
PADDING-BOTTOM: 0px; MARGIN: 0px; 
WIDTH: 50px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav LI {
	FLOAT: left; MARGIN-BOTTOM: -1px; WIDTH: 11em; LINE-HEIGHT: 1.25em; 

}
#nav LI UL {
	MARGIN-TOP: -2.35em;
	LEFT: -999em;
	MARGIN-LEFT: 130px;
	POSITION: absolute;
	WIDTH: 200px; 

}
#nav LI UL UL {
	LEFT: -999em
}
#nav LI A {
	BORDER-RIGHT: #ffffff 1px solid; 
	PADDING-RIGHT: 0.5em; 
	BORDER-TOP: #000080 2px inset; 
	DISPLAY: block; 
	PADDING-LEFT: 0.5em;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #ffffff 1px solid; 
	WIDTH: 12em; COLOR: white; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #ffffff 2px inset; 
	FONT-FAMILY: arial, helvetica sans-serif; 
	BACKGROUND-COLOR: #000080; 
	TEXT-DECORATION: none
}
#nav LI A:hover {
	BORDER-RIGHT: #000080 2px solid;
	 BORDER-TOP: #000080 3px inset; 
	 BORDER-LEFT: #000080 2px solid; 
	 COLOR: black;
	  BORDER-BOTTOM: #000080 3px inset; 
	  BACKGROUND-COLOR: #ffffcc;
	
}
#nav LI:hover UL UL {
	LEFT: 120px;
}
#nav LI:hover UL UL UL {
	LEFT: -999em;
}
#nav LI.sfhover UL UL {
	LEFT: -999em;
}
#nav LI.sfhover UL UL UL {
	LEFT: -999em;
}
#nav LI:hover UL {
	LEFT: auto
}
#nav LI LI:hover UL {
	LEFT: auto
}
#nav LI LI LI:hover UL {
	LEFT: auto
}
#nav LI.sfhover UL {
	LEFT: auto
}
#nav LI LI.sfhover UL {
	LEFT: auto
}
#nav LI LI LI.sfhover UL {
	LEFT: auto
}
#news body{

	margin-left: 200px;
	position:absolute;
}

#news p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : x-small;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 200px;
margin-right : 10px;
text-align : justify;
background-color : #fff;
color:#000000;


border-bottom : 1px solid #fff;
} 


#news h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

/*tooltip styles*/
.tooltip {
			
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -9999em;
			position: absolute;
		}
		.tooltip:hover span {
	border-radius: 5px 5px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute;
	left: -60%;
	top: 10;
	z-index: 99;
	margin-left:0;
	width: 190px;
	top:10;
	left:-60%;
	text-align:left;
	text-transform: none;
			
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size:xx-small; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
			color:#000000;
		}
		
		a.tooltip:link{
	color:#4D004D;
	
	
	
}
		
		
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a.tooltip:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
		

#footer { 
margin-top : 5px;
border-bottom : 3px solid #fff;
background-color : #ffffff;
display : inline;
float : left;
width : 100%;
padding-top : 5px;
padding-bottom : 5px;
text-align : center;

border-top : 3px solid #FFcc33 ;

} 
#footer p { 
padding-top : 5px;
padding-bottom : 5px;
font-size : 0.8em;
border-bottom : 1px solid #fff;
} 

