@charset "utf-8";
/* CSS Document */


body {margin: 0px 0px 0px 0px; 
      background: #000000;
	  padding:0;
       color:#FFFF00;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 120%; }
	  
	  
	  
	  /*** Let's Set Everything to Zero ***/
 html,body,p,div,img,ul,form,form,noscript{
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;

}	

html {
height:100%;
margin-bottom:1px;}





#limiter {
margin:0 auto;
width:98%;
}


#container {margin-right:auto; 
            margin-left:auto; 
			padding: 0; 
			border:solid #FFFFFF;
            border-width:0px 1px 0px 1px; 
			background-color: #000000;
		    width: 99%}
  





/* ====================================================================
3 box layout
-------------------------------------------------------------------- */



/* Homepage --------------------------------------------------*/		
.homeleft {float: left; width: 65%; font-size:90%}
.homeleft-content
	{
	background-color: #000000;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 15px 10px 15px;
	border				: none;
	}	
.homeright {float: right; width: 31.9%; font-size:90%}
.homeright-content
	{
	background-color: #000000;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 15px 10px 0px;
	border				: none;
	}	



.column-content {float: left; width: 72.9%;}	
.column-content-inner
	{
	background-color: #000000;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 15px 10px 20px;
	border				: none;
	}	
.column-right {float: right; width:24.9%; font-size:90%}
.column-right-inner
	{
	background-color: #000000;
	margin				: 0px 15px 0px 0px;
	padding				: 10px 0px 10px 0px;
	border				: none;
	}
	
.column-main {float: left; width: 72.9%;}

	
.column-nav {float: left; width:24.9%;}	
.column-nav-inner
	{
	background-color: #000000;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 0px 0px 10px;
	border				: none;
	}
	
.column-center {float: left; width:72.9%;}
.column-center2 {float: left; width:79.1%;}	
.column-center-inner
	{
	background-color: #000000;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 0px 0px 20px;
	border				: none;
	}	
	
.column-nav2 {float: left; width:18.1%;}	
.column-nav-inner
	{
	background-color: #000000;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 0px 0px 10px;
	border				: none;
	}	

.columns-float-home
	{
	float				: left;
	width				: 65%;
	}			
			

.columns-float
	{
	float				: left;
	width				: 74.9%;
	}
	
	
	
	
/* the relative positioning is required by IEs 5 + 6 (PC) - NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack */
.column-one
	{
	width				: 31.9%;
	float				: left;
	}
.column-two
	{
	width				: 67.9%;
	float				: right;
	}
.column-three
	{
	width				: 24.9%;
	float				: right;
	}
	
.column-three-home
	{
	width				: 31.9%;
	float				: right;
	}
	
		
	
	
	
.box-footer
	{
	clear				: both;
	}
/* ====================================================================
box-clear requires all sorts of hackery because of the way the 
different browsers cope with clearing floats
see [#   #]
-------------------------------------------------------------------- */
.box-clear { clear: both; line-height: 0px; font-size: 1px; }
/* IE5 (mac) dealt with, now reset font-size for Geckos,
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */
/*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */
/* Turn off for Opera 6 and below */
html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers
see [http://www.albin.net/CSS/OwenHack.html] */
head:first-child+body div.box-clear { display: block; }
/* ====================================================================
nn4clear is as its name suggests, only required for NN4 compatibility
If you don't need that you can remove both this rule and the
relevant div from the html
-------------------------------------------------------------------- */
.nn4clear { clear: both; line-height: 0px; font-size: 1px; }
/*/*/ .nn4clear { display: none; } /* */
/* ====================================================================
box styling
-------------------------------------------------------------------- */
.box-wrap
	{
	padding				: 0px;
	background-color: #000000;
	}
	
*html .box-wrap	{zoom:1}
.box-header
	{
	margin				: 0px;
	padding				: 0px;
	border				: none;
	}
.box-footer
	{
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	background-color: #000000;
	border				: none;
	}
.column-one-content
	{
	background-color: #000000;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 0px 10px 15px;
	border				: none;
	}
.column-two-content
	{
	background-color: #000000;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 15px 10px 15px;
	border				: none;
	}
.column-three-content
	{
	background-color: #000000;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 15px 10px 0px;
	border				: none;
	}
	
	
.column-three-home-content
	{
	background-color: #000000;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 15px 10px 0px;
	border				: none;
	}	
* html .column-three-home-content {zoom:1}
	
	
.column-left
	{
	background-color: #000000;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 15px 10px 15px;
	border				: none;
	}	

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .columns-float-home, .columns-left, .column-one, .column-two, .column-three, column-three-home, 	{ p\osition: relative; }
/* */
/* ====================================================================
other styling
-------------------------------------------------------------------- */

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



#header {height:210px; background-image:url(../images/header_contrast2.jpg);  background-repeat:no-repeat; background-position:top center;  }
* html #header {height:210px; background-image:url(../images/header_contrast2.jpg); position:fixed;  background-repeat:no-repeat; background-position:top center;  }


#headleft {width: 450px; float: left; margin: 10px 0px 0px 0px}
#headright {width: 270px; float: right; margin: 7px 0px 0px 0px}

#logo {margin: 30px 0px 0px 10px}
#library {padding: 70px 0px 0px 2px}

.global {margin: 7px 0px 0px 0px}






#contact {width: 70px; float: left; margin: 0px 0px 0px 0px; background-image:url(../images/icon_contact_contrast.gif); background-repeat:no-repeat; background-position: 0px 7px; padding: 10px 0px 10px 25px}	
#print{width: 50px; float: left; margin: 0px 0px 0px 0px; background-image:url(../images/icon_print_contrast.gif); background-repeat:no-repeat; background-position: 0px 7px; padding: 10px 0px 10px 25px}	
#mobile {width: 50px; float: left; margin: 0px 0px 0px 0px; background-image:url(../images/icon_mobile_contrast.gif); background-repeat:no-repeat; background-position: 0px 5px; padding: 10px 0px 10px 25px}	


 #toolbox
{float: left; width: 110px; margin-right: 0px; font-weight:bold}


#toolbox a:link { color: #000000; text-decoration: underline; }
#toolbox a:visited { color: #000000; text-decoration: underline; }
#toolbox a:hover {color: #32530b; text-decoration: underline; background-color: #FFFFFF}
#toolbox a:focus {color: #32530b; text-decoration: underline; background-color: #FFFFCC}
#toolbox a:active {color: #32530b; text-decoration: underline; background-color: #FFFFCC}

#toolbar { margin-top: 2px; }
#toolbar ul
{
 height: 20px;
line-height: 20px;
float: left;
margin: 0;
font-size: 90%;}

#toolbar li
{float: left;
list-style-type: none;
margin-left: 5px;}

#toolbar li a
{display: block;
 width: 28px;
 height: 28px;
 float: left;}
 

 .showStyleSwitcher {float:left}
 .skip {float: left; margin: 0px 0px 0px 0px}
 



#toolbar li.adminLink a:hover, #toolbar li.adminLink a:focus { color: #fff; }
#toolbar li span { display: none; }
#toolContrast { margin-right: 0px; }

#toolNormal a { background: url(../images/text_normal_contrast.gif) left top no-repeat; }
#toolNormal a:hover, #toolNormal a:focus, #toolNormal a:active { background: url(../images/text_normal_hover_contrast.gif) left top no-repeat; }

#toolLarge a { background: url(../images/text_large_contrast.gif) left top no-repeat; }
#toolLarge a:hover, #toolLarge a:focus, #toolLarge a:active { background: url(../images/text_large_hover_contrast.gif) left top no-repeat; }

#toolContrast a { background: url(../images/text_contrast_contrast.gif) left top no-repeat; }
#toolContrast a:hover, #toolContrast a:focus, #toolContrast a:active { background: url(../images/text_contrast_hover_contrast.gif) left top no-repeat; }
			 

.hidden {position: absolute; left: -9000px}


/* Search Area --------------------------------------------------*/

#search {clear: left; padding: 80px 0px 0px 0px}

html>body #search { *padding: 40px 0px 0px 0px; }

#search_box {
  width: 203px;
  height: 31px;
  background-image:url(../images/bg_search_box.gif) ;
  background-repeat:no-repeat}
  
 * html #search_box {zoom:1} 

#search_box #s {
   float: left;
    padding: 0;
   margin: 6px 0 0 6px;
    border: 0;
    width: 130px;
    background: none;
	font-size: 0.8em}
	
	
#search_box #go {
    float: right;
    margin: 2px 4px 0 0;}



/* History Trail --------------------------------------------------*/
#history {clear: both; height:1.2em; font-size:0.9em; padding: 10px 0px 0px 15px; margin: 0px 0px 0px 0px;  }	
		   
		   
		   
/* Horizontal Navigation --------------------------------------------------*/
#navbg {clear:both;   height:2em; font-size: 0.85em; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;  }

body:nth-of-type(1) #navbg {clear:both;   height:2.6em; font-size: 0.85em;  }

html>body #navbg  {*height:2.6em;}

#navbg{ height /*\**/: 2.6em }



#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height:42px;
	
}


#nav a { font-weight:bold; 
	display: block;
    padding: 0px 10px 0px 10px;
	border-right: 1px solid #FFFFFF;
	border-collapse:collapse;
	text-align:center;
	text-decoration: none;
	}

#nav a.last {border-right: 0px solid #FFFFFF!important;  padding: 0px 10px 0px 10px; }

* html #nav a {
 font-weight:bold; 
	display: block;
    padding: 0px 10px 0px 10px;
	border-right: 1px solid #FFFFFF;
	text-align:center;
	text-decoration: none;}



* html #nav a.last {border-right: 0px solid #FFFFFF!important;  padding: 0px 10px 0px 10px; }

#nav li a:visited {text-decoration: none; font-weight:bold }
#nav li a:hover {text-decoration: none; font-weight:bold; }
#nav li a:focus {text-decoration: none; font-weight:bold; }
#nav li a:active {text-decoration: none;  font-weight:bold;}

#nav li a#selected {text-decoration: none;  color:#ffffff; font-weight:bold; }


#nav li { /* all list items */
	float: left;
}



/* Right and Left Column Placeholders --------------------------------------------------*/



.placehold {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; border: 1px solid #FFFFFF} 



.placeheadin h2 {margin: 0px 0px 0px 0px!important; padding: 5px 5px 5px 10px!important;  font-size:1.3em!important; background-color:none!important}
.placecontent { padding: 10px 10px 10px 10px }
.photohold {text-align:center}




.placeoutlineheadin h2 {margin: 0px 0px 0px 0px!important; padding: 5px 5px 5px 10px!important; font-size:1.3em!important; background-color:none!important}
.placecontent { padding: 10px 10px 10px 10px }



.placewhiteheadin h2 {margin: 0px 0px 0px 0px!important; padding: 5px 5px 5px 10px!important;  font-size:1.3em!important; background-color:none!important}
.placewhitecontent { padding: 0px 10px 10px 10px }
.placewhitecontentin { padding: 5px 0px 0px 0px }


.placecentrehead { border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;  }
.placecentreheadin {}
.placecentreheadin h2 {margin: 0px 0px 0px 0px!important; padding: 5px 5px 5px 10px!important;  font-size:1.3em!important; background-color:none!important}
.placecentrecontent {  border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }
.placecentrecontentin {padding: 0px 10px 10px 10px }



.share {text-align:right}

/* Image Alignment --------------------------------------------------*/

.icons {padding: 0px 5px 0px 0px}


/* Home Page & Centre Column Placeholders --------------------------------------------------*/


* html #intro {zoom:1}




.twocolumns {margin: 15px 0px 0px 0px;}
.split1 {width: 49%; float: left}
.split2 {width: 49%;  float: right; }
.split3 {width: 49.9%;  float: left; }
.split4 {width: 49.9%;  float: right; }


#pagination {float: right;}


/* Watch Button --------------------------------------------------*/	

#watch {margin: 0px 0px 15px 0px; border: 1px solid #FFFFFF;  }
#watchin {margin: 0px 0px 0px 0px; padding: 15px; font-size:1.3em;  }


/* Heading Text and Links --------------------------------------------------*/
h1 { font-size: 1.7em;
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 10px 0px;
	}
	 
.column-content-inner h2 { font-size: 1.5em;  margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.column-content-inner h3 { font-size: 1.4em;  margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.column-content-inner h4 { font-size: 1.3em;  margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.column-content-inner h5 {font-size: 1.2em;  margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.column-content-inner h6 { font-size: 1.1em;  margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}


.column-center-inner h2 { font-size: 1.5em;  margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.column-center-inner h3 { font-size: 1.4em;  margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.column-center-inner h4 { font-size: 1.3em;  margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.column-center-inner h5 { font-size: 1.2em;  margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.column-center-inner h6 { font-size: 1.1em;  margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}

p   {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}

.column-content-inner p  {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;}
.column-center-inner p  {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;}



.homeleft-content ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 0 0;}
.homeleft-content ul li {background:  url(../images/bullet_contrast.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 0.3em 10px;}

.homeright-content ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 0 0;}
.homeright-content ul li {background:  url(../images/bullet_contrast.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 0.3em 10px;}

.placewhitecontentin ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 0 0;}
.placewhitecontentin ul li {background:  url(../images/bullet_contrast.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 0.3em 10px;}

.column-content-inner ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 0 0;}
.column-content-inner ul li {background:  url(../images/bullet_contrast.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 0.3em 10px;}

.column-center-inner ul {list-style: none; margin: 0px 0px 15px 0px; padding: 0 0 0 0;}
.column-center-inner ul li {background:  url(../images/bullet_contrast.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 0.3em 10px;}

.column-right-inner ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 0 0;}
.column-right-inner ul li {background:  url(../images/bullet_contrast.gif) no-repeat 0em 0.3em; display: block; padding: 0 0 0.3em 10px;}

.column-content-inner ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
.column-content-inner ol li { padding: 0.2em 0 0.1em 0px;}

.column-content-inner ol { list-style-type: lower-alpha; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
.column-content-inner ol li { padding: 0.2em 0 0.1em 0px;}

.column-center-inner ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
.column-center-inner ol li { padding: 0.2em 0 0.1em 0px;}

.column-center-inner ol { list-style-type: lower-alpha; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
.column-center-inner ol li { padding: 0.2em 0 0.1em 0px;}




.column-three-home ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 0.6em 0;}
.column-three-home ul li {background:  url(../images/bullet_contrast.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}



.column-two ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
.column-two ul li {background:  url(../images/bullet_contrast.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

.column-left ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
.column-left ul li {background:  url(../images/bullet_contrast.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

.column-two ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
.column-two ol li { padding: 0.2em 0 0.1em 0px;}

.column-left ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
.column-left ol li { padding: 0.2em 0 0.1em 0px;}











hr {width:99%; height:1px; background-color:#CCCCCC; color:#cccccc; border:0; margin: 20px 0px 20px 0px; }


		



/* Footer --------------------------------------------------*/
#footerbar {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; }


.footsplit {width: 14%; float:left; }
.footsplit h3 { margin: 0px 0px 0px 0px;  font-size:0.85em; padding: 10px 7px 10px 7px; }
.footsplit ul {list-style: none; margin: 0px 0px 0px 0px; padding: 7px 7px 7px 7px; font-size:0.85em;}
.footsplit ul li {display: block; padding: 0 0 0.2em 0px;}


#footer {clear: both;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
        border-top: 1px solid #FFFFFF;
		}
		
* html #footer {
clear:both;
zoom:1;
  height: 1%;
  margin-left: 0;
  border-top: 1px solid #FFFFFF;
}
		
#footerbottom {clear:both;   border-top: 1px solid #FFFFFF; text-align:center;  
padding: 15px 0px 15px 0px; font-size: 0.9em}

#footerbottom p {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center;}
#footerbottom p.green { font-size: 1em;}

		
#footerbottom  a {padding: 0px 5px 0px 5px}


/* Links --------------------------------------------------*/
a:link 		{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #00FFFF; text-decoration: underline}
a:visited 	{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #00FFFF;  text-decoration: underline}
a:hover 	{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #00ff00; text-decoration: underline;}
a:focus 	{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #00ff00; text-decoration: underline;}
a:active 	{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #00ff00; text-decoration: underline;}







#pagination a:link {padding: 0px 5px 0px 5px;}
#pagination a:visited {padding: 0px 5px 0px 5px;}
#pagination a:hover {padding: 0px 5px 0px 5px;}
#pagination a:focus {padding: 0px 5px 0px 5px;}
#pagination a:active {padding: 0px 5px 0px 5px;}










/* New Tabbed Placeholders --------------------------------------------------*/	

#tabbox {
  float:left;
  width:100%;
  line-height:normal;
  margin: 0 0 15px 0;
  }
#tabbox ul {
  margin:0;
  padding:10px 0px 0;
  list-style:none;
  }
#tabbox li {
  float:left;
  background-image:none!important;
  margin:0;
  }
#tabbox a {
  float:left;
  display:block;
  padding:5px 15px 3px 6px;
  text-decoration:none;
  font-weight:bold;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#tabbox a:hover {
  }



  
#tabtext {clear:both; border: 1px solid #FFFFFF;  padding: 1em; }  

* html #tabtext {zoom:1;  border: 1px solid #FFFFFF;  padding: 1em; }  
html>body #tabtext { *margin: -10px 0px 0px 0px; }




#rsshold { text-align:right; float:right; padding:0; margin:0 }
a.rss-link{padding:0 !important}

ul.readall {font-weight:bold; margin-top:20px;}
ul.readmore {font-weight:normal; margin-top:0px; list-style-type:none}
ul.readmore li{background-image: none!important; padding: 0px 0px 0px 0px}


!
input.btn { 
color:#FFFFFF; 
font-weight: bold; 
font-size: 80%;
background-color: #004098; 
border: 1px solid #FFFFFF;	}


/* Buttons --------------------------------------------------*/

.btnhold {margin: 0px 0px 0px 0px; display:block}

a.button {
    background-color:#FFFF00;
	color:#000000;
	font-weight:bold;
	float:left; 
    display: block;
    font: normal 1em arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
} 

a.button:link {text-decoration:none; color: #000000} 
a.button:link span 	{text-decoration:none; color: #000000} 

a.button:visited {text-decoration:none; color: #000000} 
a.button:visited span 	{text-decoration:none; color: #000000} 

a.button:hover {
text-decoration:none;
    background-position: bottom right;
    color: #000000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	text-decoration:none;
} 

a.button:focus 	{text-decoration:none; color: #000000; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.button:focus span 	{text-decoration:none; color: #000000; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 
a.button:active	{text-decoration:none; color: #000000; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.button:active span 	{text-decoration:none; color: #000000; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 




a.buttongrn {
    background-color:#66FFFF; 
    color: #000000;
	font-weight:bold;
	float:left; 
    display: block;
    font: normal 1em arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none!important;
}

a.buttongrn span {
   
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-decoration:none!important;
	color: #000000;
	font-weight:bold;
} 

a.buttongrn:link {text-decoration:none!important; color: #000000;} 
a.buttongrn:link span 	{text-decoration:none!important; color: #000000;} 

a.buttongrn:visited {text-decoration:none!important; color: #000000;} 
a.buttongrn:visited span 	{text-decoration:none!important; color: color: #000000;} 

a.buttongrn:hover {
text-decoration:none!important;
    background-position: bottom right;
    color: #000000!important;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttongrn:hover span {
  color: #000000;
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	text-decoration:none;
} 

a.buttongrn:focus 	{text-decoration:none; color: #000000!important; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.buttongrn:focus span 	{text-decoration:none; color: #000000!important; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 
a.buttongrn:active	{text-decoration:none; color: #000000!important; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.buttongrn:active span 	{text-decoration:none; color: #000000!important; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 








a.buttonbig {
    background: transparent url('../images/bg_buttonbig_a.gif') no-repeat scroll top right;
    color: #000000;
	font-weight:bold;
	float:left; 
    display: block;
    font: normal 1em arial, sans-serif;
    height: 50px;
    margin-right: 0px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	margin-bottom: 20px;
}

a.buttonbig span {
    background: transparent url('../images/bg_buttonbig_span.gif') no-repeat;
    display: block;
    line-height: 40px;
    padding: 5px 75px 5px 65px;
	text-decoration:none;
	color: #FFFFFF;
	font-size: 1.25em;
	font-weight:bold;
} 

a.buttonbig:link {text-decoration:none; color: #FFFFFF;} 
a.buttonbig:link span 	{text-decoration:none; color: #FFFFFF;} 

a.buttonbig:visited {text-decoration:none; color: #FFFFFF;} 
a.buttonbig:visited span 	{text-decoration:none; color: #FFFFFF;} 

a.buttonbig:hover {
text-decoration:none;
    background-position: bottom right;
    color: #ffffff!important;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonbig:hover span {
  color: #ffffff;
    background-position: bottom left;
    padding: 6px 75px 4px 65px; /* push text down 1px */
	text-decoration:none;
} 

a.buttonbig:focus 	{text-decoration:none; color: #ffffff!important; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.buttonbig:focus span 	{text-decoration:none; color: #ffffff!important; background-position: bottom left;   padding: 5px 75px 5px 65px; /* push text down 1px */} 
a.buttonbig:active	{text-decoration:none; color: #ffffff!important; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.buttonbig:active span 	{text-decoration:none; color: #ffffff!important; background-position: bottom left;   padding: 5px 75px 5px 65px; /* push text down 1px */} 




a.buttonbigsml {
    background: transparent url('../images/bg_buttonbig_a.gif') no-repeat scroll top right;
    color: #000000;
	font-weight:bold;
	float:left; 
    display: block;
    font: normal 1em arial, sans-serif;
    height: 50px;
    margin-right: 0px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	margin-bottom: 20px;
}

a.buttonbigsml span {
    background: transparent url('../images/bg_buttonbig_span.gif') no-repeat;
    display: block;
    line-height: 40px;
    padding: 5px 7px 5px 55px;
	text-decoration:none;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight:bold;
} 

a.buttonbigsml:link {text-decoration:none; color: #FFFFFF;} 
a.buttonbigsml:link span 	{text-decoration:none; color: #FFFFFF;} 

a.buttonbigsml:visited {text-decoration:none; color: #FFFFFF;} 
a.buttonbigsml:visited span 	{text-decoration:none; color: #FFFFFF;} 

a.buttonbigsml:hover {
text-decoration:none;
    background-position: bottom right;
    color: #ffffff!important;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonbigsml:hover span {
  color: #ffffff;
    background-position: bottom left;
    padding: 6px 7px 4px 55px; /* push text down 1px */
	text-decoration:none;
} 

a.buttonbigsml:focus 	{text-decoration:none; color: #ffffff!important; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.buttonbigsml:focus span 	{text-decoration:none; color: #ffffff!important; background-position: bottom left; padding: 5px 7px 5px 55px; /* push text down 1px */} 
a.buttonbigsml:active	{text-decoration:none; color: #ffffff!important; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.buttonbigsml:active span 	{text-decoration:none; color: #ffffff!important; background-position: bottom left; padding: 5px 7px 5px 55px; /* push text down 1px */} 




/* Left Navigation --------------------------------------------------*/ 		  
		  
#subnavcontainer { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-collapse:collapse  }
#subnavcontainer ul{margin: 0; padding: 0; list-style-type: none;  font-size: 0.9em; font-weight: normal;}
#subnavcontainer li {margin: 0 0 0 0;  border-top:1px solid #FFFFFF; display:block;   }
#subnavcontainer a {display: block;  text-decoration : none; padding: 6px 5px 6px 5px; }
#subnavcontainer a:visited {   text-decoration : none; padding: 6px 5px 6px 5px; }			
#subnavcontainer a:hover { text-decoration : none; padding: 6px 5px 6px 5px;  }
#subnavcontainer a:active { text-decoration : none;  padding: 6px 5px 6px 5px;  }			
#subnavcontainer a:focus { text-decoration : none;  padding: 6px 5px 6px 5px;  }

#subnavcontainer ul ul {margin: 0; padding: 0; list-style-type: none;  font-weight: normal; ;}
#subnavcontainer ul ul li {margin: 0 0 0 0; border-bottom: 0px solid #d7e7b1; border-top:0px solid #FFFFFF;   padding: 0px 0px 0px 15px!important;  }
#subnavcontainer ul ul a { width: 90%;  text-decoration : none; }
#subnavcontainer ul ul a:visited { text-decoration : none; }			
#subnavcontainer ul ul a:hover { text-decoration : underline;}
#subnavcontainer ul ul a:active { text-decoration : none; }			
#subnavcontainer ul ul a:focus { text-decoration : none;}


#subnavcontainer ul ul ul {margin: 0; padding: 0; list-style-type: none;  font-weight: normal; background-color: #e7e9bb; font-size:0.9em}
#subnavcontainer ul ul ul li {margin: 0 0 0 0; border-bottom: 0px solid #d7e7b1; border-top:0px solid #FFFFFF; background-color: #e7e9bb;  padding: 0px 0px 0px 22px!important;  }
#subnavcontainer ul ul ul a { width: 90%;  text-decoration : none; background-color: #e7e9bb;  }
#subnavcontainer ul ul ul a:visited { text-decoration : none; background-color: #e7e9bb;   }			
#subnavcontainer ul ul ul a:hover { text-decoration : underline; background-color: #e7e9bb;    }
#subnavcontainer ul ul ul a:active { text-decoration : none; background-color: #e7e9bb;    }			
#subnavcontainer ul ul ul a:focus { text-decoration : none; background-color: #e7e9bb;   }



/* Terminal 4 Selected Navigation --------------------------------------------------*/ 


.currentbranch0 {  display: block; text-decoration : none; padding: 6px 5px 6px 5px;   }
.currentbranch0 a{ }

.currentbranch1 { font-weight:bold; padding-left: 5px; display:list-item }

.currentbranch2 { font-weight:bold; display:list-item; text-decoration:underline; }
/* In Page Navigation --------------------------------------------------*/

#pagenav {width: 40em}

#pagenav ul{
			margin: 0px 0px 15px 0px!important;
			padding: 0;
			list-style-type: none;
			font-size: 0.9em;
			width: 97%;
			}
		
#pagenav li {margin:0px 0px 2px 0px;  padding:0px ; list-style-type:none!important; background-image:none!important; width: 21em;}

		
#pagenav a
		    {
			 padding: 5px 5px 5px 5px;
			 border: 1px solid #FFFFFF;
			 text-decoration: none!important;
			 display:list-item;

			}
					
			
#pagenav a:visited{
			text-decoration: none!important;
}			
		
#pagenav a:hover {c text-decoration: none!important;  border: 1px solid #FFFFFF }
			
#pagenav a:focus { text-decoration: none!important;  border: 1px solid #FFFFFF }
			
#pagenav a:active
		    {; text-decoration: none!important; border: border: 1px solid #FFFFFF }				
						
span.navon  {display:list-item; padding: 5px 5px 5px 5px;  text-decoration: none!important;  border: 1px solid #FFFFFF; font-weight:bold; }	


/* Tables --------------------------------------------------*/

table.data{
	width:80%;
}


table{margin: 20px 0px 20px 0px; border-color:#FFFFFF;  border-collapse: collapse;}
table td {border-width: 1px; border-style: solid; border-color:#FFFFFF; border-collapse: collapse; padding: 5px 5px 5px 5px;}
table th {text-align: left;  font-weight:bold; border: 1px solid #FFFFFF!important; border-collapse: collapse; padding: 5px 5px 5px 5px;}





/* Middle Position --------------------------------------------------*/
.middle    {vertical-align: middle;}


.clearall {clear:both}

img.right {float: right; margin: 0px 0px 15px 15px; border:1px solid #FFFFFF; }
img.left {float: left; margin: 0px 15px 15px 0px; border:1px solid #FFFFFF; }

.captionright {margin: 0px 0px 20px 20px; float: right;padding: 0px 0px 20px 20px; border:1px solid #FFFFFF; padding: 5px 5px 5px 5px; text-align:center; font-size: 0.9em}
.captionleft {margin: 0px 20px 20px 0px; float: left;  padding: 0px 20px 20px 0px; border:1px solid #FFFFFF; padding: 5px 5px 5px 5px;  text-align:center; font-size: 0.9em}

.captionright img, .captionleft img {border:1px solid #d9e4c4; margin-bottom:5px; display:block}


.members {width: 110px; height: 235px; margin: 0px 5px 5px 0px; float: left;   border:1px solid #FFFFFF; padding: 5px 5px 5px 5px;  text-align:center; font-size: 0.9em}
.members img {border:1px solid #FFFFFF; margin-bottom:5px;   }


/* --------------------------Abbr and Acronyms----------------------------------- */
 abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: 1px dashed #000;
}

***** jQueryUI for TABS ***/
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

.ui-tabs {}
.ui-tabs .ui-tabs-nav { }
.ui-tabs .ui-tabs-nav li {}
.ui-tabs .ui-tabs-nav li a { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {}
.ui-tabs .ui-tabs-hide { display: none !important; }


/****************************/
 

/* ============ latestnews ============ */

#latestnews {
    line-height: 1.2em;
    margin: 0px 0 0 0;
    padding: 0;
}



#latestnews ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    }

#latestnews ul ul {margin: 0;}

#latestnews ul ul {margin-bottom: -1px; list-style-type:none!important;}

#latestnews li {
    padding: 0;
    margin: 0;
    border-bottom: 1px #B2DF54 dashed;
    font-weight: normal;
	list-style-type:none!important;
	background-image:none!important
    }


#latestnews .sidebox p, #latestnews .sidebox form, #latestnews .sidebox ul {font-size: 95%;}

#latestnews .news a, #latestnews .event a {display: block;}

#latestnews .news {min-height: 100px;}

#latestnews .news li {
    padding: 0 0 2px 0; 
    margin: -1px 0 0 0;
    border: 0;
    position: relative;
    border-top: 1px #FFFFFF solid;
    }

#tabbox .news .date {
    font-size: 83%;
	text-align:center;
	float:left;
	display:inline;
	width:36px;
	margin-top:2px;
    }
#tabbox .news .news-link {
	float:left;
	display:inline;
	width:92%;
    }

.news li .date span {
    padding: 5px 0; 
    line-height: 1; 
    color:#fff;
    display: block;
    margin: 0;
    }

.news .date span.month {
    background: url(../images/date_top_contrast.gif) top left no-repeat;
    padding-bottom: 1px;
	font-size: 120%;
	color: #FFFFFF;
    }



.news .date span.day {
    color:#FFFFFF;
    background:  url(../images/date_back_contrast.gif) bottom left no-repeat;
    padding-top: 2px;
	font-size: 150%;
	border-top: 1px solid #FFFFFF;
	
    }


#latestnews .news li a { 
    margin: 0;
    padding: 5px 5px 5px 5px;
    }
/******** WHAT'S ON ***********/

#tabbox #news-tab-wrapper{
	background-color:#000000;
}

#whats-on-wrapper{
		margin:16px 0 16px 0;
}

#wo1{
	float:left;
	margin:0 7.4em 0 0;
}

#wo2{
	float:left;
}

#wo3{
	float:right;
}

.wob{
	display:inline;
	width:200px;
}

.wob img{
	border:1px solid #B99D3A;
	margin-top:4px;
}

/******************************/



/* Clearfix --------------------------------------------------*/    
 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
.clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */


 
/* A-Z --------------------------------------------------*/	

.alphabet  {font-size: 1.1em; font-weight:bold; margin: 10px 0px 10px 0px; line-height:1.5em}
.alphabet a:link {text-decoration: none!important; padding: 0px 5px 0px 5px; border: 1px solid #FFFFFF;}
.alphabet a:visited { text-decoration: none!important; padding: 0px 5px 0px 5px; border: 1px solid #FFFFFF; }
.alphabet a:hover { text-decoration: none!important; padding: 0px 5px 0px 5px; border: 1px solid #FFFFFF;   }
.alphabet a:focus { text-decoration: none!important; padding: 0px 5px 0px 5px; border: 1px solid #FFFFFF;  }
.alphabet a:active { text-decoration: none!important; padding: 0px 5px 0px 5px; border: 1px solid #FFFFFF; }

.alphabet a.currentalpha {color: #00ff00; text-decoration: none; padding: 0px 5px 0px 5px; border: 1px solid #FFFFFF; }


/* Forms --------------------------------------------------*/	

.formlabel{float:left; width:11em; font-weight:bold; padding: 2px 0px 0px 0px}


/* Photogallery --------------------------------------------------*/	

#photogallery {width: 564px; margin: 0px 0px 0px 0px;}
#photocaption { border: 1px solid #FFFFFF; padding: 10px 10px 10px 10px;}
#photohold { margin: 10px 0px 10px 0px }
#photopage{float: left}
#photocontrol{float: right; }
#next {width: 25px; float:right; text-align:right; padding-top: 25px;}
#previous {width: 25px; float:left;  padding-top: 25px;}
#photoview {margin-right: 25px; margin-left: 25px; border: 1px solid #FFFFFF; text-align:center;}
#photoview img {margin: 5px 3px 5px 3px; vertical-align:middle}
#photoview img.selectview {border: 2px solid #ffff00}


/* Extra Tab Code  --------------------------------------------------*/

#tabs-2 ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 10px 0;}
#tabs-2 ul li {background:  url(../images/bullet_contrast.gif) no-repeat 0em 0.3em!important; display: block!important; float: none!important; padding: 0 0 0.3em 10px;}

#tabs-2 a{float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:none!important;}
#tabs-2 a:visited {float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:  url(../images/spacer.html) no-repeat 0em 0.3em!important;}
#tabs-2 a:hover {float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:  url(../images/spacer.html) no-repeat 0em 0.3em!important;}
#tabs-2 a:focus {float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:  url(../images/spacer.html) no-repeat 0em 0.3em!important;}
#tabs-2 a:active {float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:  url(../images/spacer.html) no-repeat 0em 0.3em!important;}

#tabs-3 ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 10px 0;}
#tabs-3 ul li {background:  url(../images/bullet_contrast.gif) no-repeat 0em 0.3em!important; display: block!important; float: none!important; padding: 0 0 0.3em 10px;}

#tabs-3 a{float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:none!important;}
#tabs-3 a:visited {float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:  url(../images/spacer.html) no-repeat 0em 0.3em!important;}
#tabs-3 a:hover {float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:  url(../images/spacer.html) no-repeat 0em 0.3em!important;}
#tabs-3 a:focus {float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:  url(../images/spacer.html) no-repeat 0em 0.3em!important;}
#tabs-3 a:active {float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:  url(../images/spacer.html) no-repeat 0em 0.3em!important;}

#tabs-3 #lefttab {width: 48%; float: left}
#tabs-3 #righttab {width: 48%; float: right}
#tabs-3 #righttab a {float: left!important}


#tabs-3 #righttab img {float: left}
.outline {border: 1px solid #FFFFFF; height: 3em; margin: 0px 5px 0px 0px; padding: 7px 0px 0px 0px }
.outline a {font-weight: bold!important; }

#tabs-4 ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 10px 0;}
#tabs-4 ul li {background:  url(../images/bullet_contrast.gif) no-repeat 0em 0.3em!important; display: block!important; float: none!important; padding: 0 0 0.3em 10px;}

#tabs-4 a{float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:none!important;}
#tabs-4 a:visited {float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:  url(../images/spacer.html) no-repeat 0em 0.3em!important;}
#tabs-4 a:hover {float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:  url(../images/spacer.html) no-repeat 0em 0.3em!important;}
#tabs-4 a:focus {float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:  url(../images/spacer.html) no-repeat 0em 0.3em!important;}
#tabs-4 a:active {float: none!important; padding: 0px 0px 0px 0px!important; font-weight: normal!important; background:  url(../images/spacer.html) no-repeat 0em 0.3em!important;}

p.ad-image-description {color: #000000!important}

blockquote { margin-left:20px; }