/* CSS Document */

.hideprint{
display:block;
}

.hidescreen{
display:none;
}


body {
		text-align:center;
		margin:0px;
		padding:0px;
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#000000;
		
		}
	
	#frame {
		width:1000px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		text-align:left;
		background-image:url(../img/generic/bkg_body.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		}
		
	#contentleft {
		width:208px;
		padding:0px 0px 0px 0px;
		float:left;
		display:inline;
		}	
	
	#contentheader {
	height:136px;
	width:1000px;
	background-color:#FFFFFF;

		}
		
	#Logo{
	height:101px;
	width:228px;
	float:left;
	display:inline;
	background-color:#FFFFFF;
	}
	
	#TopPic{
	height:101px;
	width:772px;
	float:left;
	display:inline;
	}
	

	
	/*LEFT COLUMN STYLES*/

	


/* DROP DOWNS*/


#navarea{
height:35px;
background-image:url(../img/generic/slither_nav.gif);
background-repeat:repeat-x;
clear:both;
padding:0px;
margin:0px;
}



#container {
	margin-left:197px;
	width:803px;
	text-align: left;
}



#nav, #nav ul {
	float: left;
	display:inline;
	list-style: none;
	padding: 0px;
	margin: 0px;
}



#nav .depth_0{
background-image:url(../img/generic/slither_nav.gif);
background-position:top;
background-repeat:repeat-x;
margin:0px!important;
border-left:1px solid #ffffff;}





.depth_0.current a:link, 
.depth_0.in_current_path a:link, 
.depth_0.current a:visited, 
.depth_0.in_current_path a:visited, 
.depth_0.current a:active,
.depth_0.in_current_path a:active {
/*border-left:1px solid #ffffff;!important;*/
color:#ffffff!important;
background-color:#1d97c3;
margin:0px!important;
}

.depth_0.current a:hover  {
/*border-left:1px solid #ffffff;!important;*/
color:#ffffff!important;
background-color:#1d97c3;
margin:0px!important;
} 




.depth_0 a:link, .depth_0 a:visited, .depth_0 a:active  {

color:#ffffff!important;
margin:0px!important;

}

.depth_0 a:hover  {
color:#ffffff!important;
background-color:#1d97c3;
margin:0px!important;
}  



#nav .depth_0 li.sfhover {
background-color:#1d97c3;
color:#ffffff;
border-left:1px solid #ffffff;
}



#nav a {
	display: block;
	/*width: 10em;
	w\idth: 6em;*/
	color: #ffffff;
	text-decoration: none;
	padding:10px 10px 9px 10px;
	/*sets width of toplevel and sub navs*/
	/*padding: 0.25em 2em;*/
}


#nav li {
	float: left;
	padding: 0;
	display:inline;
	/*width: 10em;*/
}

#nav li ul {/*puts sub nav in vert order*/
	position: absolute;
	left: -999em;
	height: auto;
	width:163px!important;
	font-weight: normal;
	border-width: 2px;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	/*width: 13em*/
}

#nav li ul a {
border-bottom:1px solid #1d97c3;
border-left:1px solid #1d97c3;
border-right:1px solid #1d97c3;
padding:10px 10px 9px 10px;
		width:143px!important;
}

#nav li ul ul {/*staggers dropdown subsubnav to the right*/
	margin: -1.75em 0 0 163px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#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;
}

#nav li:hover, #nav li.sfhover {
/*background-color:#e6aaaf;*/
}

#nav .depth_1 li:hover, #nav .depth_1 li.sfhover {
background-color:#ffffff!important;
color:#000000!important;
width:143px!important;


}


a.daddy {
background-image:url(../img/generic/bkg_daddy_off.gif);
background-position:right;
background-repeat:no-repeat;
background-color:#ffffff!important;
color:#000000!important;
border-top:1px solid #000000;
border-bottom:1px solid #1d97c3;
border-left:1px solid #1d97c3;
border-right:1px solid #1d97c3;
padding:10px 10px 9px 10px;
	width:143px!important;
}


a.daddy:hover {
background-image:url(../img/generic/bkg_daddy_on.gif)!important;
background-position:right!important;
background-repeat:no-repeat!important;
background-color:#ffffff!important;
color:#000000!important;
border-top:1px solid #000000;
border-bottom:1px solid #1d97c3;
border-left:1px solid #1d97c3;
border-right:1px solid #1d97c3;
} 




#nav .depth_1 a {
	background-color:#ffffff!important;
color:#000000!important;
	text-decoration: none;
border-top:1px solid #ffffff;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
padding:10px 10px 9px 10px;
		width:143px!important;
	
}


#nav .depth_1 a:hover {
background-color:#9ed2e4!important;
color:#000000!important;
	text-decoration: none;
border-bottom:1px solid #1d97c3;
border-left:1px solid #1d97c3;
border-right:1px solid #1d97c3;
} 




/*MAIN CONTENT STYLES*/




h1{
color:#1d97c3;
font-size:28px;
padding-top:0px;
margin-top:0px;
line-height:30px;}


.bluetext{
color:#1d97c3;
font-weight:bold;}


h2{
color:#1d97c3;
font-size:22px;
padding-top:0px;
margin-top:0px;}

h3{
color:#1d97c3;
font-size:16px;
padding-top:0px;
margin-top:0px;
line-height:22px;}

.black{
color:#000000!important;

}


.NewsHeadlines{
padding:0px 0px 30px 0px;}

.NewsButtons{
padding-right:145px;
padding-top:10px;}

.NewsButtons img{
padding-bottom:5px;}


.picleft {
	padding: 0px;
	margin: 0px 20px 20px 0px;
	border: 0px none;
	float: left;
	display:inline;
}

.picright {
	padding: 0px;
	margin: 0px 0px 20px 20px;
	border: 0px none;
	float: right;
	display:inline;
}

.piccenter {
	margin-bottom: 20px;
	display: block;
    margin-left: auto;
    margin-right: auto

}


a:link, a:visited, a:active  {
text-decoration: underline; 
color:#1d97c3;
} 


a:hover {
color:#c41230;
} 




caption{
font-weight:bold;
text-align:left;
font-size:14px;
}


.Back{
text-align:right;
display:block;
font-weight:bold;
padding:20px 0px 0px 0px;
font-size:12px;
}


th{
background-color:#1d97c3;
color:#ffffff;
font-weight:bold;
font-size:14px;
text-align:left;
border-right:1px solid #ffffff;}

#contentMembersFull td{
padding-bottom:20px;
padding-top:20px;
}

strong{
color:#1d97c3;
}

.Col1{
width:300px;
border-bottom:1px solid #1d97c3;
border-right:1px solid #1d97c3;}

.Col2{
width:127px;
border-bottom:1px solid #1d97c3;
padding-left:10px;
}

.Col3{
border-bottom:1px solid #1d97c3;
padding-left:10px;
}


caption{
font-size:13px;
color:#1d97c3;
padding:0px;
margin:0px;}

.PdfTd{
border-right:1px solid #1d97c3;
width:80%;
}

.PdfTdHeader{
border-right:1px solid #1d97c3;
width:80%;
color:#000000;
font-size:13px;
font-weight:bold;
}

.PdfDate{
padding-left:10px;
text-align:right;
}


.PublishedDocs td{
padding:5px!important;

}

/*MIDDLE POSITIONING STUFF*/	


	#contentcenter {
		width:712px;
		padding:40px 30px 40px 30px;
		float:left;
		display:inline;
		line-height:15px;
		}
		
		#contentcenter li{
		padding-bottom:8px;}


#contentHomeLeft{
width:407px;
display:inline;
margin-right:20px;
float:left;
}

#contentHomeRight{
width:285px;
float:left;
display:inline;
text-align:right;
}


#contentIndustryLeft{
width:386px;
float:left;
display:inline;
}

#contentIndustryRight{
width:326px;
float:left;
text-align:right;
display:inline;
}


#contentPoliciesLeft{
width:354px;
float:left;}

#contentPoliciesRight{
width:358px;
float:left;
text-align:right;
display:inline;
}


#contentMembersFull{
width:712px;
}

#LocationMap{
text-align:left!important;
padding:20px;}

#detailedmap{
background-color:#d1e8f2;
padding:20px;
margin:20px;
}




/* UK MAP STYLES*/


/* setup the background image of the British Isles */
.uk {padding:0; margin:0; list-style-type:none; background:#fff url(../img/locations/detailedmap.gif); width:330px; height:475px; margin:0px 0px 0px 0px; position:relative; z-index:100;}
/* move the text off screen */
.uk li a {text-indent:-1999px; display:block; width:9px; height:9px; position:absolute; line-height:8px; 
background-image:url(../img/locations/mapblob.gif);}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {visibility:hidden; position:absolute;}
/* position the square markers */

.uk li a.Dundee {top:114px; left:169px;}
.uk li a.Methil {top:126px; left:169px;}
.uk li a.Burntisland {top:135px; left:162px;}
.uk li a.Rosyth {top:138px; left:151px;}
.uk li a.Grangemouth {top:138px; left:137px;}
.uk li a.Troon {top:172px; left:114px;}
.uk li a.Ayr {top:180px; left:109px;}
.uk li a.Leith {top:150px; left:164px;}
.uk li a.Belfast {top:227px; left:73px;}
.uk li a.Hartlepool {top:207px; left:211px;}
.uk li a.Tees {top:214px; left:219px;}
.uk li a.Hull {top:260px; left:249px;}
.uk li a.Goole {top:263px; left:231px;}
.uk li a.Immingham {top:275px; left:252px;}
.uk li a.Grimsby {top:282px; left:262px;}
.uk li a.Silloth {top:212px; left:151px;}
.uk li a.Barrow {top:239px; left:160px;}
.uk li a.Heysham {top:247px; left:168px;}
.uk li a.Fleetwood {top:260px; left:165px;}
.uk li a.Liverpool {top:279px; left:165px;}
.uk li a.Birkenhead {top:283px; left:156px;}
.uk li a.Garston {top:287px; left:167px;}
.uk li a.Swansea {top:375px; left:125px;}
.uk li a.PortTalbot {top:381px; left:136px;}
.uk li a.Barry {top:387px; left:149px;}
.uk li a.Cardiff {top:381px; left:160px;}
.uk li a.Newport {top:374px; left:168px;}
.uk li a.Bristol {top:381px; left:184px;}
.uk li a.KingsLynn {top:310px; left:271px;}
.uk li a.Lowestoft {top:332px; left:316px;}
.uk li a.Ipswich {top:344px; left:305px;}
.uk li a.Felixstowe {top:354px; left:303px;}
.uk li a.Harwich {top:362px; left:299px;}
.uk li a.London {top:386px; left:266px;}
.uk li a.MedwayPorts {top:387px; left:280px;}
.uk li a.MedwayPorts2 {top:393px; left:275px;}
.uk li a.MedwayPorts3 {top:393px; left:283px;}
.uk li a.Southampton {top:420px; left:210px;}
.uk li a.Teignmouth {top:429px; left:144px;}
.uk li a.Plymouth {top:446px; left:126px;}

/* move the text back into view on hover */
.uk li a:hover {background-repeat:no-repeat; text-indent:0; height:1.2em; color:#ffffff!important; line-height:1em; padding:2px 0px 2px 0px; z-index:200; font-size:13px; font-weight:bold;
background-color:#015573; width:150px;}
/* hack for IE5.x */
* html .uk li a:hover {width:130px; height:1.5em; w\idth:120px; he\ight:1.2em; z-index:200;}
/* make the descriptive text visible, give it a size and position */
.uk li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #007983; width:250px; color:#007983; padding:25px 25px 25px 25px; font-style:normal; top:-75px; line-height:1.5em;}
/* hack for IE5.x */
* html .uk li a:hover em {width:260px; w\idth:210px;}
/* give the image a border and margin */
.uk li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#007983; position:absolute; left:0; top:68px;}
/* hack for IE5.x */
* html .uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}

/* by jamie */
a img {
	border:none;
}

/* Paging */
div.paging {
	color: #888;
	padding: 0.5em 0;
	padding:0;
	margin:1em 0;
}
div.paging div.disabled {
	color: #888;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}
div.paging_info {
	float:right;
	color: #888;
}