/**  Style Sheet for global design elements site-wide **/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
p 	{
	font-size: 1.1em;
	color: #000066;
	padding: 0px 4px 4px 4px;
	margin: 0px;
	font-weight: normal;
}
table	{
	margin: 5px;
}
a:link, a:visited, a:active	{
	font-size: 1em;
	color: #0033CC;
	text-decoration:none;
}
a:hover	{
	color:#0033FF;
	text-decoration:underline;
}
img	{
	border: 0px;
}

.center-1pxborder	{
	border: 1px solid #CCCCCC;
	text-align: center;
}
td	{
	font-size: 0.9em;
	text-align: left;
	border: none;
	color: #000000;
}
/*** START General class styles ***/

.padding5px {
	padding: 5px;
}
.border1px {
	border: 1px solid #CCCCCC;
}
/*** START General class styles ***/

/********** START Header/ Banner **********/
div#banner {
	width: 100%;
	background-color: #B9D11B;
	position: absolute;
	top: 2em;
	left: 0px;
	height: 5em;
	letter-spacing: 1px;
	font-size: 12px;
	z-index: 11;
}
/** Right image **/
div#logo {
	background-image: url('../img/Logo.gif');
	height: 57px;
	width: 169px;
	float: left;
	top: 0px;
	margin-left: 10px;
	padding-top: 10px;
	vertical-align: middle
	}
/** Left Image **/
div#bannerheader {
	float: right;
	height: 57px;
	width: 150px;
	right: 5px;
	
}
div#banner_details {
	margin-left: 180px;
	padding-top: 40px;
	font-weight: bold;
	color:#666666;
	font-size: 12px;
}
.whiteText	{
	padding-left: 5px;
	color: #FFFFFF;
	letter-spacing: 1px;
}
/******* END Header /Banner **********/

/********* TopNavigation Bar *********/
div#navigation {
	position: absolute;
	top: 5.2em;
	left: 0px;
	width: 100%;
	height: 1.7em;
	background-color: #666666;
	background-repeat: repeat-x;
	background-position: center;
	border-top: 1px solid #FFFFFF;
	border-bottom: 2px solid #9999FF;
	z-index: 13;
}
div#navigation ul {
	margin: 0px;
	color: #FFFFFF;
	padding-left: 15px;
	list-style-type: none;
}
div#navigation li {
	display: inline;
	text-transform: capitalize;
	color: #FFFFFF;
	font-size: .7em;
	font-weight: normal;
	float: left;
	padding: 6px 0px 0px 4px;
}

div#navigation a {
	text-decoration: none;
	color: #FFFFFF;
}
div#navigation a:hover {
	color: #333333;
	background-color: #CCCCCC;
}
.pipe_aftercontent {
  content: "|";
}
/********* END Top Navigation Bar **********/


/********** START Left Side Bar *********/
div#leftsidebar {
	margin: 0px;
	padding:0px;
	position: absolute;
	width: 150px;
	top: 7.6em;
	left: 5px;
	text-align: left;
}
.leftsidebar	{
	width: 150px;
	margin: 0px;
	margin-bottom: 8px;
	font-size: .7em;
	width: 150px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}
div#leftsidebar ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#LeftNavBarStyle a, #LeftNavBarStyle a:visited {
	display: block;
	border-top: 1px solid #CCCCCC;
	background-color: #F7F7F7;
	text-decoration: none;
	background-image: url('../img/button_unselect.gif');
	background-repeat:repeat-y; padding-left:10px; padding-right:2px; padding-top:2px; padding-bottom:2px;
	width: 92%;
}
#LeftNavBarStyle a:hover {
	background-color: #F9FCE4;
	color: #2D1E2D;
	background-image:url('../img/button_select.gif');
}
#leftsidebar #LeftNavBarStyle #LeftMenuSelect a {
	background-color: #F9FCE4;
	background-image:url('../img/button_select.gif');
	color: #333 !important;
	font-weight: bold
}

.tableheadersleft {
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
	line-height: 125%;
	padding: 2px;
	color: #FFFFFF;
	background-color: #666666;
}

/******** END Left Side Bar ********/

/******** START Right Side Bar ********/
div#rightsidebar {
	right: 5px;
	top: 7.6em;
	position: absolute;
	z-index: 7;
	text-align: left;
	width: 150px;
}
.tableheadersright {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	line-height: 125%;
	padding: 2px;
	color: #333333;
	background-color: #CCCCCC;
}
.rightsidebar	{
	width: 150px;
	margin: 0px 0px 5px 0px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 12px;
}
div#rightsidebar ul  {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: circle;
}
div#rightsidebar li {
	list-style: outside;
	vertical-align: middle;
	padding: 2px 2px 2px 0px;
	font-size: 12px;
}
div#rightsidebar ul li {
	list-style: outside;
	color: #999999;
	vertical-align: middle;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 12px;
}
/* change 4th & 5th level menus here */

/* 4th Level Menu*/
div#rightsidebar ul li ul {
	margin-right: 0px 2px 0px 0px;
	padding-left: -7px;
}
div#rightsidebar ul li ul li {
 	color: #FF6600;
	list-style-image: url('../img/ArrowBlock.gif');
	margin-left: -10px
}
div#rightsidebar ul li ul li a	{
	color: #6633CC;
	text-decoration:none;
	}
div#rightsidebar ul li ul li a:hover	{
	text-decoration:underline;
	}
/*5th Level Menu */
div#rightsidebar ul li ul li ul li {
	list-style-image: url('../img/right-arrow-11x12.gif');
	margin-left: -9px
}
div#rightsidebar ul li ul li ul li a	{
	color: #FF6600;
	text-decoration:none;
	}
div#rightsidebar ul li ul li ul li a:hover	{
	text-decoration:underline;
}
div#address ul li {
	list-style-image:url('../img/sidebar_bullet.gif');
	padding-top: 0px;
	margin-left: 5px;
	margin-bottom: 5px; padding-left:3px; padding-right:3px; padding-bottom:3px;
}
div#address p {
	padding-top: 7px;
}
div#address ul	{
	margin-top: 10px;
}
   /** set the bullet point image for relevant docs **/
div#relevantdocuments li {
                list-style-image: url('../img/listing_image_doc.gif');
}
/********* END RightSideBar **********/

/******* START Main Content *******/
div#maincontent {
	position: static;
	margin-left: 170px;
	padding-top: 7.6em;
	margin-right: 170px;
}
div#body	{
	padding: 0px;
	margin-bottom: 1px;
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	}
div#maincontent p {
	color: Black;
	line-height: 120%;
	font-size: .8em;
	padding-left: 15px;
}
div#maincontent ul {
	margin: 10px 0px 10px 15px;
	padding-left: 15px;
	
}
div#maincontent li {
	color: #000000;
	font-size: .8em;
	list-style-image: url('../img/navigate_right.gif');list-style-position:outside; margin-left:5px; margin-right:0px; margin-top:2px; margin-bottom:2px; padding-left:8px; padding-right:8px; padding-top:20px; padding-bottom:3px
}
div#maincontent h1 {
	margin:3px;
	font-size: 1.1em;
	color: #333333;
	font-weight: bold;
	vertical-align: top;
	padding: 5px 10px 0px 3px;
	text-transform: capitalize;
	margin-bottom: 15px;
	margin-top: 8px;
	text-transform: capitalize;
}
div#maincontent h2 {
	margin: 30px 7px 7px 7px;
	background-color: #EFEFEF;
	border-top: 1px solid #DCE88D;
	font-size: 1em;
	color: #4F4F4F;
	font-weight: bold;
	vertical-align: top;
	padding: 3px 0px 0px 5px;
	text-transform:capitalize;
}
div#maincontent h3 {
	margin:10px;
	font-size: 0.9em;
	color: #4F4F4F;
	font-weight: bold;
	vertical-align: top;
	padding: 0px 10px 0px 5px;
	text-transform: capitalize;
}

div#maincontent h4 {
	margin:7px;
	font-size: 0.8em;
	color: #4F4F4F;
	font-weight: bold;
	vertical-align: top;
	padding: 0px 5px 0px 10px;
	text-transform: capitalize;
}
div#maincontent h5 {
	margin:7px;
	font-size: 0.7em;
	color: #4F4F4F;
	font-weight: bold;
	vertical-align: top;
	padding: 0px 5px 0px 10px;
	text-transform: capitalize;
}
div#maincontent h6 {
	margin:7px;
	font-size: 0.6em;
	color: #4F4F4F;
	font-weight: bold;
	vertical-align: top;
	padding: 0px 5px 0px 10px;
	text-transform:capitalize;
}
.topcontent {
	color: Black;
	font-size: .9em;
	padding: 20px;
}
/******** END Main Content *******/

/******** START Search Form *******/
div#search {
	position: absolute;
	height: 1.4em;
	width: 13em;
	top: 0.1em;
	right: 0px;
	z-index: 9;
	color: #666666;
	vertical-align: middle;
	text-align: right;
	padding-right: 4px;
	padding-top: 1px;
	background-color: #B9D11B;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	overflow: hidden;
}
.forminputtext {
	border: 1px solid #CCCCCC;
	color: #006699;
	font-size: .7em;
}
.formbtnsubmit {
	padding-top: 2px;
	margin-left:0px;
	height: 1.2em;
	width: 1.4em;
	font-variant: normal;
	color: #FFFFFF;
	background-color: #CCCCCC;
	font-weight: bold;
	background-image: url('../img/buttonsearch.gif');
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	vertical-align: middle
}
.HideLabelTag	{
	color: #FFFFFF;
	font-size: .8em;
	font-weight: bold;
}
/******** END Search Form *******/

/****** START Footer ******/
	/* Strapline */
.bookmarkpage {
	border-top: 1px solid #CCCCCC;
	background-color:#F7F7F7;
	font-size: 0.7em;
	padding: 5px;
}
.comment	{
	float: right;
	text-align: right;
	font-size: .5em;
}
div#footer	{
	margin-top: 10px;
}
.strapline {
	margin-top:0px;
	margin-bottom: 20px;
	color: #FFFFFF;
	height: 15px;
	font-size: .8em;
	text-align: left;
	background-color: #666666;
	padding: 2px;
}
.disclaimer {
	color: Black;
	font-weight: Normal;
	font-size: .8em;
	text-align: Left;
}
div#ethnic	{
	float: none;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.flag	{
	padding-left: 4px;
	padding-right: 4px;
}
/*******END Footer *******/


.tx-mdatoz-pi2 li {
  list-style-type : circle;
  display : block;
  padding : 0px;
  margin : 0px;
  margin-bottom : 1px;
}

.tx-mdatoz-pi2 li:after { 
   
}

.search-catinfo {
  padding-top : 10px;
}



/**** START FORM ELEMENTS ****/


.btnsubmitform {
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.formp 	{
	font-size: 0.8em;
	color: #000000;
	text-align: left;
	padding: 1px;
	margin: 0px;
	font-weight: normal;
	vertical-align: top;
}
/***** END FORM ELEMENTS *****/


.calendar {
	width : 100%;
}
div#breadcrumb {
	font-size: 70%;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F7F7F7; 
}
div#breadcrumb a {
	color: #0033CC;
}
.breadcrumbseperator {
	color: #666666;
	font-weight: bold;
	font-size: 85%;
}
.float_right {
	clear: both;
    float: right;
}
.float_left {
	clear: both;
	float: left;
	padding-right: 10px;
}
.clear_both	{
	clear: both;
}
.align_left	{
	text-align: left;
}
.align_right	{
	text-align: right;
}
.align_center	{
	text-align: center;
}

/****  FE User Styles ****/

.tx-srfeuserregister-pi1-error {
	color:#FF0000;
	font-weight:bold;
	font-style:italic;
}
.centerp	{
	text-align: center;
}
.gen {
	color: #fc0303; 
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold; 
	padding-right: 1ex; 
	padding-left: 1ex; 
	border-style: solid; 
	border-width: 2px; 
	line-height: 20px;
}
br	{
	clear: both;
}
/*** Begin Tableless Form Styles ***/

div#cssForm label	{
	display: block;
	float: left;
	width: 160px;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}
div#cssForm input	{
	width: auto;
	margin-bottom: 5px;
}
div#cssForm	textarea, select	{
	width: 250px;
	margin-bottom: 5px;
}
div#cssForm	{
	height: 150px;
}
input#submitbutton	{
	margin-left: 50px;
	margin-top: 0px;
	width: 30px;
}
div#cssForm br	{
	clear: both;
}
/*** End Tableless Form Styles ***/
.block-left	{
	display: block;
	width: 125px;
	float: left;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;

}
.block-right	{
	text-align: left;
	width: 270px;
	padding-left: 5px;
	font-size: 12px;
	font-weight:normal;
	margin-left: 150px;
}
.lineSeperator {
 border-top: 1px dotted #CCCCCC;
 vertical-align: middle;
}
.greyBackground	{
	background-color: #999999;
	padding: 2px;
	color: #FFFFFF;
	font-weight:bold;
	font-style:italic;
	margin: 5px 0px 5px 0px;
}
.lightGreyBackground	{
	background-color: #CCCCCC;
	padding: 2px;
	color: #FFFFFF;
	font-weight:bold;
	font-style:italic;
	margin: 5px 0px 5px 0px;
}
.bold	{
	font-weight:bold;
}
br	{
	clear: both;
}
div#details	{
	padding: 0px;
	margin: 0px;
} 
.button	{
	border: 1px solid #999999;
	padding: 1px;
	background-color:#CCCCCC;
	font-weight: bold;
}
.message_text	{
	background-color:#FFFFCC;
	border: 1px solid #FF0000;
	font-weight: bold;
	color: #009900;
	text-align: center;
	font-size: 14px;
	padding: 3px;
	margin-bottom: 5px;
}
.error_message	{
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	font-size: 14px;
	padding: 3px;
}

/* ##### Accessibility / Skip to Content Links ### */

div#skip_to_content	{
	width: 100%;
	background-color: #E5E5E5;
	position: absolute;
	height: 2.2em;
	top: 0px;
	left: 0px;
	font-size: .6em;
	z-index: 8;
	padding: 0px 0px 2px 0px;
	color: #999999;
	border-bottom: 1px solid #FFFFFF;
	overflow: hidden;
}
div#skip_to_content a:link, div#skip_to_content a:visited, div#skip_to_content a:active	{
	color: #666666;
	text-decoration:underline;
}
div#skip_to_content a:hover	{
	color:#000000;
	text-decoration:underline;
}
div#skip_to_content	ul {
	margin: 0px;
	color: #FFFFFF;
	padding-left: 2px;
	padding-top: 8px;
	list-style-type: none;
	}

div#skip_to_content	li	{
	display: inline;
	padding: 0px;
	margin: 0px;
}
/* A -Z Main Page styles */
div#atozpagelinks a, div#atozpagelinks a:hover, div#atozpagelinks a:active {
	font-size: 1em;
	background-color: #CCCCCC;
	text-decoration: underline;
	font-weight: bold;
	padding: 5px;
	line-height: 35px;
}
div#atozsidelinks a, div#atozsidelinks a:hover, div#atozsidelinks a:active {
	padding: 5px;
}
div#atozpagelinks li	{
	display: inline;
	margin: 0px;
	padding: 0px;
}


	/* Light Box JS */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #B9D11B; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/nextlabel.gif') no-repeat right 15%; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }