/* CSS Document */



/* Global styles -----------------------------------------------------------------*/


h1
{

color:#F60;
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif ;
margin-bottom: 7px;
margin-top: 12px;
padding-bottom: 8px;
padding-top: 12px;
clear:both; 
}


h1.top
{

font: bold 1.1em Verdana, Arial, Helvetica, sans-serif ;
margin-bottom: 7px;
margin-top: 2px;
padding-bottom: 4px;
padding-top: 2px;
clear:both; 
}



h2
{

font: bold 1em Verdana, Arial, Helvetica, sans-serif ;
margin-bottom: 5px;
margin-top: 12px;
padding-bottom: 5px;
padding-top: 12px;
clear:both; 
}

h3
{

font: bold 0.9em Verdana, Arial, Helvetica, sans-serif ; color:#90450E; margin-top: 1px;
margin-bottom: 5px;
margin-top: 12px;
padding-bottom: 5px;
padding-top: 12px;
clear:both; 
}

h4
{

font: bold 0.8em Verdana, Arial, Helvetica, sans-serif ; color:#333333; margin-top: 1px;
margin-bottom: 5px;
margin-top: 12px;
padding-bottom: 5px;
padding-top: 12px;
clear:both; 
}

p.h3inline
{

font: bold 0.9em Verdana, Arial, Helvetica, sans-serif ; color:#90450E; margin-top: 1px;
margin-bottom: 5px;
margin-top: 12px;
padding-bottom: 5px;
padding-top: 12px;

}



a:link{  color: #BE4503; text-decoration: none; font-weight: none;}
a:active{  color: #BE4503; text-decoration:none; font-weight: none;}
a:hover{  color: #000000; text-decoration: none; font-weight: none;}
a:visited{  color: #BE4503; text-decoration: none; font-weight: none;}
a:visited:hover{ color: #000000; text-decoration: none; font-weight: none;}

hr {border: #dddddd 1px solid;}
li {margin:0; padding:0;line-height:1em;}
/* top nav style */
#topNavContainer li {line-height:1.5em; }
/* Main Structure -----------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-size:100%;
	background-image: url("/images/generic/left_bg.gif");
    background-repeat: repeat-y;
	height:100%;	
	}
	
p
{
font-family: Verdana;
font-size: 12px;
margin-top:0;
padding-top:0;
margin-bottom:5px;
padding-bottom:5px;


}


.table td
{
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 0.8em;
}

.documentDetails
{
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 1em;
color: #666666;

}

li
{
font-family: Arial, Verdana, Helvetica, Sans-serif;
font-size: 0.8em;

}

#contentMain li
{
padding-top: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 5px;

}
	
div#left {
	float: left;
	width: 209px;
	height: 100%;
	background-image: url("/images/generic/left_bg.gif"); 
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	margin: 0px;
	display:block;
	
	
}

div#middle {padding:0; margin:0; width: auto;}


.div10{ height:10px;}
.div20{ height:20px;}
.div30{ height:30px;}
.div40{ height:40px;}
.div150{ height:150px;}
.div200{ height:200px;}
.div250{ height:250px;}

#printlogo{display:none;}

/* Header---------------------------------------------------------------------------- */


div#header {background-image: url("/images/header/repeating_bg.gif"); text-align:right; padding:0; margin:0; }

div#logo{
	background-image: url("/images/header/logo.gif");
	width: 312px;
	height: 100px;
	position: absolute;
	top:0;
	left:0;
	visibility: visible;
}

.picright{ float:right; }
.picleft{ float:left; }
.leftText{ float:left; }

.ImgrightTop{ float:right; margin:0 0 10px 20px;}
.Imgright{ float:right; margin:10px 0 10px 20px;}
.Imgpicleft{ float:left;}



/* top navigation -----------------------------------------------*/
#topNavContainer{width:760px; display:block; }
#topNav{background-color: #000000; height: 35px; padding:0; margin:0; clear:both; display:block; }
#topNav UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#topNav UL LI { PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 8px; LIST-STYLE-TYPE: none; color: #BDBDBD;}
#topNav UL LI { CLEAR: none; DISPLAY: block; FLOAT: left; }
#topNav UL LI A { TEXT-DECORATION: none; font-family: Verdana, Arial, Sans-serif; color: #ffffff; font-size: 11px;}



#topNav UL LI A span{ font-weight:bold; }
#topNav UL LI A:hover, #topNav UL LI A:visited:hover { color: #EABFA1; }


/* left column ---------------------------------------------------- */

#left.leftContent {width: 176px;}
.leftContent p {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; padding: 0 0 0 14px; margin:6px 0 ; line-height: 18px;}

#leftNavContainer{width:165px;}
#left a span{  font-weight: bold;}
#left ul { list-style-type: none; padding: 0; margin: 0 0 0 10px;  }
#left li.current{ list-style-image: url(/images/generic/li_star.gif); 
font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 0.7em; margin:  0 0 0.5em 1.4em; border-bottom: 1px #85817F dotted;}

#left li{ list-style-image: url(/images/generic/li_star.gif); 
font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 0.7em; margin:  0 0 0.5em 1.4em; }


#mapSmall{width:176px; height:176px; display:block; text-align:center; margin-top:60px;}
.newsImage {width:252px; height:168px; border: #cccccc 1px solid; float:right; margin: 15px 0 4px 5px;}
.newsReturnLink{font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size: 11px; text-align:right;}



/* main content area ---------------------------------------------- */
#contentHead{width:auto; display:block; padding:0; margin:0; text-align:right; }

#contentMain {
	position:absolute;
	top:190px;
	left:209px;
	width:auto;
	display:block;
	padding:0 60px 0 0;
	visibility: visible;
}
#black_dots { z-index: 1; width: 100%; height:8px; background-image: url(/images/generic/dot.gif); background-repeat: repeat-x; margin:0; }

.newsTitle
{font: bold 0.8em Verdana, Arial, Helvetica, sans-serif ; color:#000000; margin: 8px 0 2px 0; }

.newsDate
{font:  0.6em Verdana, Arial, Helvetica, sans-serif ; color:#000000; margin: 4px 0 2px 0; }

.newsAuthor{font:  0.7em Verdana, Arial, Helvetica, sans-serif ; color:#666666; margin: 3px 0 0 0;} 

.h3Home
{font: bold 0.8em Verdana, Arial, Helvetica, sans-serif ; color:#90450E; margin-bottom: 5px;
margin-top: 30px;
padding-bottom: 5px;
padding-top: 12px;
clear:both; }

#generic_column{width:100%; display:block; clear:right; margin-bottom:0; padding-bottom:0;}
.generic_column_one{ float:left; display:block; margin:0 20px 0 0; padding-bottom:0; width:50%;}
.generic_colomn_two{ float:left; display:block; margin:0; padding-bottom:0; width:50%;}


#list ul { list-style-type: none; padding: 0; margin: 19px 0 0 10px;  }
#list li{ list-style-image: url(/images/generic/arrow_orange.gif); 
font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 0.7em; margin:  0 0 0.5em 1.4em; }


.adobe{ }


.dataTable{border: #F36906 1px solid;  width:500px; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 0.8em; margin-bottom:25px; }
.dataTable td.staffHeading{font-family:  Verdana, Arial,Helvetica, Sans-serif; font-size: 0.9em; border-bottom: #333333 1px dotted ; padding-top:15px; font-weight:bold;}
.dataTable td{padding:6px;width:200px; }
th {background-image: url("/images/generic/th_bg.gif"); background-color:#F36906; font: bold 1em Verdana, Arial, Helvetica, sans-serif ; color:#ffffff; background-repeat:no-repeat; background-position:right; text-align:left; padding:6px }
.region {background-color:#bbbbbb; color:#ffffff; font-weight:bold;}
.altRows {background-color:#eeeeee;}
.boldTitles {color: #333333; font-weight:bold;}


.pageTable{border: #F36906 1px solid;  width:100%; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 0.8em; margin-bottom:25px; }
.pageTable td.staffHeading{font-family:  Verdana, Arial,Helvetica, Sans-serif; font-size: 0.9em; border-bottom: #333333 1px dotted ; padding-top:35px; font-weight:bold;}
.pageTable td{padding:6px; }

.pageTable th {background-image: url("/images/generic/th_bg.gif"); background-color:#F36906; font: bold 1em Verdana, Arial, Helvetica, sans-serif ; color:#ffffff; background-repeat:no-repeat; background-position:left; text-align:left; padding:6px }







/* footer ---------------------------------------------- */
#footer  { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 0.8em; color:#9F9C9A; margin: 10px 0 0 0; width:100%; display:block; }
#black_dots_footer { z-index: 1; width: 95%; height:10px; background-image: url(/images/generic/dot.gif); background-repeat: repeat-x; margin:40px 0 -10px 0; }

/* Contact Map pages. Use when you seperate points into columns ---------------------------------------------- */


.column_one{ float:left; display:block; margin:30px 20px 0 0; width:150px;}
.column_two{ float:left; display:block; margin:30px 30px 0 0; width:150px;}
.column_three{ float:left; display:block; margin:0 20px 0 0; width:auto;  }
.column_four{ float:left; display:block; margin:0 0 0 0; width:250px;  }
.column_five{ float:left; display:block; margin:0 0 0 0; width:250px;  }




/* Top navigation drop down styles ---------------------------------------------- */

.dropdown {
	/*border-top: 1px solid #ffffff;  */
	line-height: 14px;
	font-size: 10px;
	width: 190px;
	background-color: #F36906;
	color: white;
	padding-left: 5px;
	height: auto;
	
}

.dropdown ul {
	margin-left: 4px;
	/*width: 95%;*/
	list-style-image:url(/images/arrow-green-sidebar-link.gif); 
	/*margin-left: 0px;*/
	margin-top: 7px; 
	/*border: 1px solid #FF0000; */
	padding-left: 10px;
	font-family: verdana, Arial, Helvetica, sans-serif; 
}

.dropdown li {
	margin-left: 0px;
	color: #F4F2E6;
	text-decoration: none;
	margin-bottom: 5px;
	width:100%;
}

.dropdown ul li a {
	display: block;
	color: #F4F2E6;
	text-decoration: none;
	margin-bottom: 10px;
	
	
	
}


.dropdown li a:hover {
	display: block;
	color: #EABFA1;
	text-decoration: underline;
	margin-bottom: 10px;
}


/*
.dropdown a {
	display: inline-block;
	color: #F4F2E6;
	text-decoration: none;
	margin-bottom: 5px;
}

.dropdown a:hover {
	color: white;
	text-decoration: underline;
}
*/

.logintrouble {
	color:#9F9C9A;
	font-size: 10px;
}

.popBody {
	background-image:none;
	}
	
#contentPop {position:absolute; top:40px; left:40px; width:auto; display:block;  padding:0 60px 0 0; }


img.float-right {
float:right;
margin: 0 0 10px 10px;
}

/* added by Alix 13/12/07*/
h3.spaced {margin-top:20px;}

a img {border:0;}


/* added by Roxane 25-3-09 */
#nospace_list ul li
{
padding-bottom:0px;
}
.data_cell, .data_cell p
{
font-size: 1em;
}

/* top nav new ---------------------------------------------------- */


.chromestyle
{
	width: 100%;
	height:25px;
}
.chromestyle:after
{
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}
.chromestyle ul
{
	background: #000 url('/images/buttons/topnav1.jpg') repeat-x top;
	border: 0px solid transparent;
	margin: 0;
	padding: 4px;
	text-align: left;


}
.chromestyle ul li
{
	display: inline;
	color: #fff;
}
.chromestyle ul li a, .chromestyle ul li a:link,  .chromestyle ul li a:visited, .chromestyle ul li a.selected
{
	background: #000 url('/images/buttons/topnav1.jpg') repeat-x top;
	border-bottom: 0px solid #666;
	border-left: 0px solid #ccc;
	border-right: 0px solid #666;
	border-top: 0px solid #ccc;
	color: #fff;
	margin: 0;
	padding: 4px;
	text-decoration: none;

}
.chromestyle ul li a:hover
{
	background: #F36906 /* url('/images/buttons/topnav0.jpg') repeat-x top */;
	border-bottom: 0px solid #ccc;
	border-left: 0px solid #666;
	border-right: 0px solid #ccc;
	border-top: 0px solid #666;
	color: #fff;
	margin: 0;
	padding: 4px;
	text-decoration: none;

}


/* ---- no gradient top nav

.chromestyle{
width: 100%;
}
.chromestyle:after { 
content: "."; 
height: 0;
display: block; 
clear: both; 
visibility: hidden;
}
.chromestyle ul {
padding: 4px 0;
margin: 0;
background: #000;
text-align: left;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a {
font-family: Arial; 
font-weight: bold; 
padding : 4px;
text-decoration : none;
margin: 0; 
background: #333;
color: #fff; 
border-right : 1px solid #666; 
border-left : 1px solid #666;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected { 
padding : 4px;
text-decoration : none;
margin: 0; 
background: #F36906; 
color: #000;
border-left : 1px solid #666; 
border-right : 1px solid #666;
}
.chromestyle ul li a:visited {
font-family: Arial;  
color: #fff;
margin: 0; 
}

*/

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
border-left:0px solid #bbb; 
border-right:0px solid #bbb; 
border-top:0px solid #bbb; 
border-bottom:0px solid #bbb; 
position:absolute;
top: 0;
/*THEME CHANGE HERE*/
line-height:18px;
z-index:100;
background-color: transparent;
width: 200px;
visibility: hidden; 
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
font-size:12px
}

.dropmenudiv a, .dropmenudiv a.selected {
width: auto;
display: block;
padding: 2px 2px 2px 4px;
text-decoration: none;
font-family: Arial; 
font-weight:bold;
letter-spacing : 0;
background: #F36906;
color: #222; 
border-bottom : 1px solid #666; 
border-right : 1px solid #666; 
border-top : 1px solid #ccc; 
border-left : 1px solid #ccc;
}
.dropmenudiv a:visited {
font: Arial; 
color: #222;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover {
padding: 2px 2px 2px 4px;
letter-spacing : 0;
background: #aaa; 
color: #ddd;
border-top : 1px solid #666; 
border-left : 1px solid #666; 
border-bottom : 1px solid #ccc; 
border-right : 1px solid #ccc;
}