body {
	margin:0px; 
	padding:0px; 
	width:100%; 
	background-image:url(gradient_bg.jpg);
	background-repeat:repeat-x;
	background-color:#0e4775;
	font:0.75em/1.5em "Lucida Grande", Verdana, Tahoma, Helvetica, Arial, sans-serif; /* 1em is now 12px at 96ppi. */
	color:#747474;	
}

#Site_Wrapper {
	width:780px; 
	margin:auto; 
	margin-top:15px; 
	background-color:#ffffff;
}

a img{border:none}

/*Masthead*/

#topbar {
	height:101px;
}

#masthead { 
	padding:0 5px 5px; 
	background-color:#ffffff;
	height:100%; 
	background-image:url(masthead.jpg);
	background-repeat:no-repeat;
}

#left { 
	width:70%;
	float:left;
}

#left form { 
	display:block; 
	text-align:right;
	visibility:hidden; 
	margin-top:2.6em; 
	padding-bottom:5px;
	margin-bottom:0; 
    display:none;
}

#left input.btn { 
	display:block; 
	width:6em; 
	background-color:#d3dce7; 
	border:solid 2px #a5a5a5; 
	font-size:0.8em; 
	color:#000000; 
	height:1.7em; 
	visibility:hidden; display:none;
}

#left input.txt { 
	display:block; 
	width:20%; 
	border:solid 2px #81a6d5; 
	font-size:0.8em; 
	height:1.25em; 
	visibility:hidden; 
	margin:0px; display:none;
}

/* styles for the drop down navigation  */
#Navbox{
	position:absolute;
	top:7.5em;
	height:26px;
	z-index:20;
	width:780px;
	background-image:url(nav_bg.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
}
* html #Navbox{margin:0px 0px 0px 0px;}

#nav ul {
	float:left;    /* floats the top level headings out to the left. Change this if you want a vertical menu */
	list-style:none;  /* removes any bullet points  */
	line-height:1;  /* makes sure 2nd level drop downs line up */
	padding:0;  /* Aligns origional list to left */
	width:100%;  /* Width of entire navigation bar */
	margin:0 0 4px 10px;  /* Gap between nav menu and content beneath it */	
}

#nav a {
	display:block;  /*  */
	color:#ffffff;  /*  Colour of font on all menus*/
	text-decoration:none;  /*  removes underlines from all links*/
	padding-top:7px;  /* Controls padding of all links in navigation */
	font-weight:bold;  /* Font weight for all linked items */
}

#nav li {
	float:left;  /* Aligns top level tabs to left */
	width:95px;  /* Width of top level items (hack to make opera to behave) */
	padding:0;  /* padding below navigation bar (leave at 0 I think) */
	font-size:0.9em;  /* font size of all link in navigation */
	text-align:left;
	background-image:url(nav_hover.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
        height:26px;
}

#nav li:hover{height:26px; background-position:0px -26px;}

#nav li.on{
	float:left;  /* Aligns top level tabs to left */
	width:95px;  /* Width of top level items (hack to make opera to behave) */
	padding:0;  /* padding below navigation bar (leave at 0 I think) */
	font-size:0.9em;  /* font size of all link in navigation */
	text-align:left;
	background-image:url(nav_hover.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
	height:26px; 
	background-position:0px -26px;
}

/* Drop down bits  */
#nav li ul {
	left:-999em;
	width:190px;
	position:absolute;
	height:auto;
	font-weight:normal;
	font-size:0.9em;  /* font size of all link in navigation */
	margin:8px 0px 0px -15px;
	visibility:visible;
	text-align:left;
}
* html #nav li ul {margin-top:8px; margin-left:-8px;}

#nav li li {
	width:188px; 
	border:1px solid #dadbdb;  
	background-color:#f2f2f2;
        background-image:none;
        height:26px;
}

#nav li li:hover {
	background-color:#aaaaaa;
}

#nav li li:hover a{color:#FFFFFF; height:26px;}

#nav li ul a {
	width:185px;  
	margin-left:0px;
	padding-bottom:5px;
	color:#576470;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;  /* displays all drop downs after roll over */
}

/*3rd level*/

#nav li ul ul { 
	margin:-30px 0px 0px 188px;  /* lines up 3rd level drop down */
	width:100px; 
	border:1px solid #dadbdb;  
	background-color:#f2f2f2;
        background-image:none;
        height:26px;
	font-size:1.2em;
}
* html #nav li ul ul {margin:-15px 0px 0px 188px;}

#nav li ul ul a{
	color:#576470 !important;	
}

#nav li ul ul a:hover{
	color:#ffffff !important;	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;  /* hides the 3rd level drop down */
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;  /* displays all drop downs after roll over */
}
/* ---- End menu ---- */

/* Main content wrapper */
#mainContent {
	width:780px;
	float:left;
	background-color:#FFFFFF;
	margin-bottom:15px;
}
* html #mainContent{margin-bottom:0px;}
/* End Main content wrapper */


/* ---- left column ---- */
#leftbar{
	width:0px;
	float: left;
}
/* ---- end left column ---- */



/* ---- middle column ---- */
#middlebar{
	width:617px;
	float:left;		
	margin-bottom:20px;
}
	
#PageTitle {
	width:617px; 
}

#PageTitle h1{
	font-size:2em;
	color:#84858d;
	margin:20px 0px 20px 30px; 
	font-weight:normal;
}
* html #PageTitle h1{margin-bottom:5px;}


/* ---- Main Content ---- */
#Content { 
	width:587px;  
	margin:0px 0px 0px 30px; 
}
* html #Content{margin:0px;}

.index_img{margin:-15px 0px 0px -30px;}


#Content h1{
        font-size:2em;
	color:#84858d;
	margin:20px 0px 0px 0px; 
	font-weight:normal;
}

* html #Content h1{padding-left:30px;}

#Content h2{
	font-size:1.3em;
	color:#192168;
	font-weight:normal;
	margin:25px 0px 0px 0px;
}
* html #Content h2{padding-left:30px;}

#Content h3{
	font-size:1em;
	color:#192168;
	font-weight:normal;
	margin:15px 0px 0px 0px;
}
* html #Content h3{padding-left:30px;}

* html #Content h4{padding-left:30px;}

#Content p{
	font-size:1em;
	margin:5px 0px 5px 0px;
}
* html #Content p{padding-left:30px;}

#Content ul{
        margin-left:-20px;
}
* html #Content ul{margin-left:40px}

#Content ul li{
        padding-bottom:10px;
}

#Content .large_img{
	float:right;
	padding:10px 0px 10px 10px;
}

#Content .news_img{
	float:left;
	padding:10px 10px 10px 0px;
}

* html #Content .news_img{padding:10px 10px 10px 30px;}

/*
a:link{color:#009ee0; text-decoration:underline;}
a:visited{color:#009ee0;}	
a:focus, a:hover{color:#009ee0;}
a:active{color:#009ee0;}
*/

a:link{color:#00f; text-decoration:underline;}
a:visited{color:#00f;}	
a:focus, a:hover{color:#00f;}
a:active{color:#00f;}
/* ---- End Main Content ---- */



/* ---- Left Column of Main Content ---- */
#Content_left{
	width:290px;
	float:left;
	margin-right:10px;
}

.section_container{
	width:290px;
	margin:10px 0px 10px 0px;
}
* html #Content_left{padding-left:30px;}

.section_container img{
	float:left;
	padding-right:10px;
}

.section_container h3{	
	margin:0px;	
}
* html #Content .section_container h3{margin-top:0px;}

.section_container p{
	line-height:normal;
	margin:0px;
}

.logos{
	background-color:#bfbfbf;
	color:#009ee0;
	padding:10px;
}
/* ---- End Left Column of Main Content ---- */



/* ---- Updates Box ---- */
table.index_table{
	width:287px;
	float:left;
}
* html table.index_table{width:257px;}

table.index_table td{background-color:#d5f5ff;}

table.index_table h1{
	background-color:#a0dff7;
	padding:7px 0px 10px 10px;
	font-weight:normal;
}

table.index_table h1 a{
	width:277px; 
	font-size:0.7em;
	color:#81828a;	
	text-decoration:none;
}
* html table.index_table h1 a{width:237px; }

table.index_table ul{
	background-color:#d5f5ff;
	
}

table.index_table ul li{
	list-style-type:none;
	font-size:1em;
	color:#192168;
	font-weight:normal;
	margin:-16px 10px 10px -25px;
	padding:10px 0px 0px 0px;
}


table.index_table ul ul{
        margin-left:-40px;
}
* html table.index_table ul ul{margin-left:0px;}

table.index_table ul li li{
	margin-left:-10px;
	font-size:0.9em;
	line-height:normal;
	color:#747474;	
	margin:0px 0px 0px 0px;
	padding-bottom:10px;
}
/* ---- End Updates Box ---- */
/* ---- end middle column ---- */



/* ---- right column ---- */
#rightbar{
	width:159px;
	float: left;
	margin:0px 0px 0px 3px;
}

/* ---- Nav Boxes for the right hand column ---- */

.NavBoxRight{	
	width:159px;
	padding:0px 0px 10px 0px;
	background-image:url(nav_box_head.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#ececec;
	margin:5px 0px 3px 0px;
}

.NavBoxRight h1{
	color:#ffffff;
	margin:0px 0px 0px 10px;
	font-size:0.9em;
}

#rightbar h1 {
	font-size: 2em;
}

* html #rightbar h1 {
	font-size: 2em;
margin-top: 1em;
}

#rightbar h3 {
	font-size: 1.1em;
}

.NavBoxRight p{
	width:140px;
	margin:20px 0px 0px 10px;
	font-size:0.8em;
	line-height:normal;
}

.NavBoxRight img{
	padding:10px 0px 0px 25px;
}

.NavBoxRight ul{
	list-style-type:disc;
	margin-left:-15px;
	font-size:0.9em;
	line-height:normal;
}

* html .NavBoxRight ul{margin-left:25px;}

.NavBoxRight ul#Short_Nav{
        list-style-type:disc;
	margin-left:-15px;
	font-size:0.9em;
	line-height:normal;
}
* html .NavBoxRight ul#Short_Nav{margin-left:30px;}

.NavBoxRight ul#Short_Nav ul{
        margin-left:-40px;
}
* html .NavBoxRight ul#Short_Nav ul{margin-left:0px;}

#rightbar a:link{color:#747474; text-decoration:none;}
#rightbar a:visited{color:#747474; text-decoration:none;}	
#rightbar a:hover{color:#747474; text-decoration:underline;}
#rightbar a:active{color:#747474; text-decoration:none;}
/* ---- end right column ---- */


/* ---- Footer ---- */
#footer{
	width:100%;
	height:35px;
	background-color:#009ee0;
	float:left;
}
/* ---- End Footer ---- */





/* ---- Links ---- */
a.external:link{color:#00f; text-decoration:underline; outline: none; padding-right:10px; background-image:url(external.gif); background-repeat:no-repeat; background-position:right;}
a.external:visited{color:#00f;}	
a.external:focus, a:hover{color:#00f;}
a.external:active{color:#00f;}

a:link.gloss,
a:visited.gloss,
a:hover.gloss,
a:active.gloss {
  color: #00f; /* should be the same color as text */
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #00f; /* for IE 5, same color as above */
  font-style: normal; /* for use with dfn */
}
/* ---- Links ---- */

/* ---- Classes ---- */
.tab{width:100px; font-weight:bold; display:block; float:left;}
.tab2{margin-left:120px; display:block;}

.year{width:80px; display:block; float:left;}
.country{width:120px; display:block; float:left;}
.employer{width:120px; display:block; float:left;}
.role{width:260px; display:block; float:left; margin-bottom:20px;}

* html .role{width:230px; display:block; float:left; margin-bottom:20px;}
/* ---- Classes ---- */

