
/*//////////////////////////////////////////////////////////////////////////////////// page setup ///////////*/
html,body,a:link,a:visited,a:hover,a:active,h1,h2,h3,h4,h5,p,ul,li,div,span,img,form,label,input,textarea,select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#333333;
	margin:0;
	padding:0;
	border:0;
}
h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#005288;
	font-weight:normal;
	font-style:italic;
}
h2,h3,h4,h5 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#333333;
	font-weight:bold;
	font-style:normal;
}
input,textarea,select {
	margin:0;
	padding:1px;
	border:1px solid #017DC3;
	color:#000000;
	background-color:#FFFFFF;
}
input[type="radio"],input[type="checkbox"] {
	border:0;
}
a.button,input.button{
	display:block;
	float:left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	font-style:normal;
	color:#000000;
	background-color:#E0E3D8;
	width:auto;
	text-decoration:none;
	margin:0;
	border:1px solid #017DC3;
	cursor:pointer;
}
input.button {
	height:24px;
	padding:0 1px 3px 1px;
}
a.button {
	height:20px;
	padding:2px 6px 0 6px;
}
html, body {
	width:100%;
}
body {
	background:url(library/body_bg_x.jpg)  top  no-repeat #dddddd;
}
.msg {
	color:#ffffff;
	font-weight:bold;
	border:1px solid #330000;
	background-color:#990000;
	display:block;
	width:580px;
	text-align:center;
}
.clear {
	clear:both;
	width:0;
	height:0;
}
p{
	padding-bottom:10px;
}
/*//////////////////////////////////////////////////////////////////////////////////// page styles ///////////*/
#top_space {
	display:block;
	height:0px;
}
#page {
	display:block;
	width:820px;
	margin:0 auto 0 auto;
	padding:0;
	background:url(library/page_bg_x.jpg) repeat-y;
}
#top_top {
	display:block;
	height:160px;
	width:820px;
	background:url(library/page_top_bg_x.jpg) top no-repeat;
	padding:0px 0px 0px 0px;
}
.top_search {
	display:block;
    height:20px;
    width:760px;
    padding-top:60px;
    padding-right:30px;
    padding-left:30px;
}
#top_main {
	display:block;
	height:0px;
	width:820px;
	padding:0px 0px 0px 0px;
}
#top_nav {
	display:block;
	height:30px;
	width:800px;
	padding:0px 10px 0px 10px;
}
#top_separator {
	display:block;
    height:0px;
}
#main_container {
	display:block;
	width:820px;
	padding:0;
}
#left_container {
	display:block;
	float:left;
	width:160px;
	padding:10px 20px 0px 20px;
}
#left_container p.login{
	width:160px;
	padding-top:10px;
	padding-left:10px;
}
#left_container p.logintitle{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#333333;
	font-weight:bold;
	font-style:normal;
}
#centre_container {
	display:block;
	float:left;
	width:580px;
	padding:10px 20px 0px 20px;
}
#centre_container ul{
	margin-left:30px;
	margin-top:5px;
	margin-bottom:5px;
}
#centre_container ul li div{
	padding-bottom:4px;
}
#centre_container div{
	padding-bottom:10px;
}
#centre_container img.lefty {
	float:left;
	padding:10px 10px 10px 0;
}
#centre_container img.righty {
	float:right;
	padding:10px 0 10px 10px;
}
#right_container {
	display:block;
	float:left;
	width:0px;
	padding:0px 0px 0px 0px;
}
#footer_feature {
	display:block;
	height:140px;
	width:820px;
	padding:0px 0px 0px 0px;
}
#footer {
	display:block;
	text-align:center;
    color:#000000;
	font-size:9px;
	height:25px;
	width:820px;
	padding:5px 0px 0px 0px;
	background:url(library/page_foot_bg_x.jpg) bottom no-repeat;
}
#menu_left {
	display:block;
	width:160px;
    
}
#menu_left li {
	display:inline;
	list-style-type:none;
	list-style-position:inside;
}
#menu_left li a:link, #menu_left li a:visited {
	display:block;
	width:145px;
	padding:7px 5px 7px 10px;
    
	background:url(library/menu1_bg_x.jpg)  top  repeat-x;
    
	color:#FFFFFF;
	font-weight:bold;
	font-style:normal;	
	font-size:12px;
	text-decoration:none;
	margin-bottom:0px;
}
#menu_left li a:hover {
	display:block;
	width:145px;
	padding:7px 5px 7px 10px;
	
	background:url(library/menu1_hover_bg_x.jpg)  top  repeat-x;
    
	color:#ffffff;
	font-weight:100;	
	font-style:normal;	
	font-size:12px;
	text-decoration:underline;
	margin-bottom:0px;
}
#menu_left li ul {
	display:block;
	width:160px;
    
}
#menu_left li ul li {
	display:inline;
	list-style-type:none;
	list-style-position:inside;
}
#menu_left li ul li a:link, #menu_left li ul li a:visited {
	display:block;
	width:145px;
	padding:7px 5px 7px 10px;
	
	background:url(library/menu2_bg_x.jpg)  top  repeat-x;
    
	color:#EFFFC4;
	font-weight:bold;	
	font-style:normal;	
	font-size:12px;
	text-decoration:none;
	margin-bottom:0px;
}
#menu_left li ul li a:hover {
	display:block;
	width:145px;
	padding:7px 5px 7px 10px;
	
	background:url(library/menu2_hover_bg_x.jpg)  top  repeat-x;
    
	color:#FFFFFF;
	font-weight:100;
	font-style:normal;		
	font-size:12px;
	text-decoration:underline;
	margin-bottom:0px;
}
#menu_left li ul li ul {
	display:block;
	width:160px;
    
}
#menu_left li ul li ul li {
	display:inline;
	list-style-type:none;
	list-style-position:inside;
}
#menu_left li ul li ul li a:link, #menu_left li ul li ul li a:visited {
	display:block;
	width:145px;
	padding:7px 5px 7px 10px;
	
	background:url(library/menu3_bg_x.jpg)  top  repeat-x;
    
	color:#a21d2b;
	font-weight:normal;
	font-style:normal;		
	font-size:10px;
	text-decoration:none;
	margin-bottom:2px;
}
#menu_left li ul li ul li a:hover {
	display:block;
	width:145px;
	padding:7px 5px 7px 10;
	
	background:url(library/menu3_hover_bg_x.jpg)  top  repeat-x;
    
	color:#a21d2b;
	font-weight:100;
	font-style:normal;		
	font-size:10px;
	text-decoration:none;
	margin-bottom:2px;
}
#menu_left_flyout {
	display:block;
	width:160px;
    
	position:relative;
	z-index:90;
}
#menu_left_flyout li {
	display:block;
	list-style-type:none;
	list-style-position:inside;
	position:relative;
}
#menu_left_flyout li a:link, #menu_left_flyout li a:visited {
	display:block;
	width:145px;
	padding:7px 5px 7px 10px;
    
	background:url(library/menu1_bg_x.jpg)  top  repeat-x;
    
	color:#FFFFFF;
	font-weight:bold;	
	font-size:12px;
	text-decoration:none;
	margin-bottom:0px;
}
#menu_left_flyout li a:hover {
	display:block;
	width:145px;
	padding:7px 5px 7px 10px;
	
	background:url(library/menu1_hover_bg_x.jpg)  top  repeat-x;
    
	color:#ffffff;
	font-weight:100;	
	font-size:12px;
	text-decoration:underline;
	margin-bottom:0px;
}
#menu_left_flyout li ul {
	display:none;
	width:160px;
    
}
#menu_left_flyout li:hover ul {
	display:block;
	position:absolute;
	left:160px;
    top:0px;
}
#menu_left_flyout li ul li {
	display:block;
	list-style-type:none;
	list-style-position:inside;
	position:relative;
}
#menu_left_flyout li ul li a:link, #menu_left_flyout li ul li a:visited {
	display:block;
	width:145px;
	padding:7px 5px 7px 10px;
	
	background:url(library/menu2_bg_x.jpg)  top  repeat-x;
    
	color:#EFFFC4;
	font-weight:bold;	
	font-size:12px;
	text-decoration:none;
	margin-bottom:0px;
}
#menu_left_flyout li ul li a:hover {
	display:block;
	width:145px;
	padding:7px 5px 7px 10px;
	
	background:url(library/menu2_hover_bg_x.jpg)  top  repeat-x;
    
	color:#FFFFFF;
	font-weight:100;	
	font-size:12px;
	text-decoration:underline;
	margin-bottom:0px;
}
#menu_left_flyout li ul li ul {
	display:none !important;
	width:160px;
    
}
#menu_left_flyout li ul li:hover ul {
	display:block !important;
	position:absolute;
	left:160px;
	top:0px;
}
#menu_left_flyout li ul li ul li {
	display:inline;
	list-style-type:none;
	list-style-position:inside;
}
#menu_left_flyout li ul li ul li a:link, #menu_left_flyout li ul li ul li a:visited {
	display:block;
	width:145px;
	padding:7px 5px 7px 10px;
	
	background:url(library/menu3_bg_x.jpg)  top  repeat-x;
    
	color:#a21d2b;
	font-weight:normal;	
	font-size:10px;
	text-decoration:none;
	margin-bottom:2px;
}
#menu_left_flyout li ul li ul li a:hover {
	display:block;
	width:145px;
	padding:7px 5px 7px 10;
	
	background:url(library/menu3_hover_bg_x.jpg)  top  repeat-x;
    
	color:#a21d2b;
	font-weight:100;	
	font-size:10px;
	text-decoration:none;
	margin-bottom:2px;
}

#topnav {
	display:block;
	position:relative;
	z-index:100;
}
#topnav li {
	display:block;
	float:left;
	list-style-type:none;
	list-style-position:inside;
	position:relative;
}
#topnav li a:link, #topnav li a:visited {
	display:block;
	float:left;
	height:18px;
    
	padding:10px 5px 2px 5px;
    
	background:url(library/tmenu1_bg_x.jpg)  top  repeat;
    
	color:#ffffff;
	font-weight:bold;	
	font-size:9px;
	text-decoration:none;
	text-align:center;
}
#topnav li a:hover {
	display:block;
	float:left;
	padding:10px 5px 2px 5px;
	
	background:url(library/tmenu1_hover_bg_x.jpg)  top  repeat;
    
	color:#ffffff;
	font-weight:bold;	
	font-size:9px;
	text-decoration:none;
	text-align:center;
}
#topnav li ul {
	display:none;
	position:absolute;
    top:30px;
}
#topnav li:hover ul {
	display:block;
}
#topnav li ul li {
	display:block;
	list-style-type:none;
	list-style-position:inside;
	position:relative;
}
#topnav li ul li a:link, #topnav li ul li a:visited {
	display:block;
	height:18px;
    
	padding:10px 5px 2px 5px;
	
	background:url(library/tmenu2_bg_x.jpg)  top  repeat;
    
	color:#ffffff;
	font-weight:normal;	
	font-size:9px;
	text-decoration:none;
	text-align:left;
}
#topnav li ul li a:hover {
	display:block;
	padding:10px 5px 2px 5px;
	
	background:url(library/tmenu2_hover_bg_x.jpg)  top  repeat;
    
	color:#fffff;
	font-weight:normal;	
	font-size:9px;
	text-decoration:none;
	text-align:left;
}
#topnav li ul li ul {
	display:none !important;
	position:absolute;
	left:0px;
	top:0px;
}
#topnav li ul li:hover ul {
	display:block !important;
}
#topnav li ul li ul li {
	display:block;
	list-style-type:none;
	list-style-position:inside;s
}
#topnav li ul li ul li a:link, #topnav li ul li ul li a:visited {
	display:block;
	height:18px;
    
	padding:10px 5px 2px 5px;
	
	background:url(library/tmenu3_bg_x.jpg)  top  repeat;
    
	color:#ffffff;
	font-weight:normal;	
	font-size:9px;
	text-decoration:none;
	text-align:left;
}
#topnav li ul li ul li a:hover {
	display:block;
	padding:10px 5px 2px 5;
	
	background:url(library/tmenu3_hover_bg_x.jpg)  top  repeat;
    
	color:#ffffff;
	font-weight:normal;	
	font-size:9px;
	text-decoration:none;
	text-align:left;
}


#menu_right {
	display:block;
	width:0px;
    
}
#menu_right li {
	display:inline;
	list-style-type:none;
	list-style-position:inside;
}
#menu_right li a:link, #menu_right li a:visited {
	display:block;
	width:-15px;
	padding:7px 5px 7px 10px;
    
	background:url(library/menu1_bg_x.jpg)  top  repeat-x;
    
	color:#FFFFFF;
	font-weight:bold;	
	font-size:12px;
	text-decoration:none;
	margin-bottom:0px;
}
#menu_right li a:hover {
	display:block;
	width:-15px;
	padding:7px 5px 7px 10px;
	
	background:url(library/menu1_hover_bg_x.jpg)  top  repeat-x;
    
	color:#ffffff;
	font-weight:100;	
	font-size:12px;
	text-decoration:underline;
	margin-bottom:0px;
}
#menu_right li ul {
	display:block;
	width:0px;
    
}
#menu_right li ul li {
	display:inline;
	list-style-type:none;
	list-style-position:inside;
}
#menu_right li ul li a:link, #menu_right li ul li a:visited {
	display:block;
	width:-15px;
	padding:7px 5px 7px 10px;
	
	background:url(library/menu1_bg_x.jpg)  top  repeat-x;
    
	color:#EFFFC4;
	font-weight:bold;	
	font-size:12px;
	text-decoration:none;
	margin-bottom:0px;
}
#menu_right li ul li a:hover {
	display:block;
	width:-15px;
	padding:7px 5px 7px 10px;
	
	background:url(library/menu1_hover_bg_x.jpg)  top  repeat-x;
    
	color:#FFFFFF;
	font-weight:100;	
	font-size:12px;
	text-decoration:underline;
	margin-bottom:0px;
}
#menu_right li ul li ul {
	display:block;
	width:0px;
    
}
#menu_right li ul li ul li {
	display:inline;
	list-style-type:none;
	list-style-position:inside;
}
#menu_right li ul li ul li a:link, #menu_right li ul li ul li a:visited {
	display:block;
	width:-15px;
	padding:7px 5px 7px 10px;
	
	background:url(library/menu1_bg_x.jpg)  top  repeat-x;
    
	color:#a21d2b;
	font-weight:normal;	
	font-size:10px;
	text-decoration:none;
	margin-bottom:2px;
}
#menu_right li ul li ul li a:hover {
	display:block;
	width:-15px;
	padding:7px 5px 7px 10;
	
	background:url(library/menu1_hover_bg_x.jpg)  top  repeat-x;
    
	color:#a21d2b;
	font-weight:100;	
	font-size:10px;
	text-decoration:none;
	margin-bottom:2px;
}

.cform {
	padding-bottom:3px;
}
.cform label {
	display:block;
	float:left;
	width:120px;
}
.counter_left {
	display:block;
	width:150px;
	padding:5px;
	text-align:center;
	background:url(library/counter_bg_x.jpg) top repeat-x #000000;
	font-weight:bold;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#C8FF30;
}
.counter_left p {
	font-size:xx-small;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
}
.counter_right {
	display:block;
	width:-10px;
	padding:5px;
	text-align:center;
	background:url(library/counter_bg_x.jpg) top repeat-x #000000;
	font-weight:bold;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#C8FF30;
}
.counter_right p {
	font-size:xx-small;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
}
.feature_container {
	display:block;
	width:560px;
	padding:10px;
    margin:10px 0 10px 0;
	background:url(library/featured_container_bg_x.jpg) top repeat-x #f9ffde;
	border:1px #628503 solid;
}
.feature_container p, .feature_container h2,.feature_container h3,.feature_container span, .feature_container a:link, .feature_container a:visited, .feature_container a:hover {
	color:#333333;
}
/*//////////////////////////////////////////////////////////////////////////////////// glossary styles ///////////*/
a.gloss {
	text-decoration:none;
	border-bottom:dotted 1px #000000;
}
.alphabet {
	 list-style-position:outside;
}
.alphabet li {
	list-style-type:none;
	display:block;
	float:left;
	width:21px;
	text-align:center;
	line-height:30px;
}
.ab_on {
	padding:1px 3px;
	border:1px solid #4187B8;
	background-color:#5AB68D;
	color:#ffffff;
	font-weight:bold;
}
a.ab_off:link,a.ab_off:visited {
	text-decoration:none;
	padding:1px 3px;
	border:1px solid #4187B8;
	background-color:#ffffff;
	font-weight:bold;
}
a.ab_off:hover {
	background-color:#5AB68D;
	color:#ffffff;
}
/*//////////////////////////////////////////////////////////////////////////////////// xstandard styles //////*/
.black {
	color:#000000;
}
.grey {
	color:#666666;
}
.red {
	color:#990000;
}
.blue {
	color:#000099;
}
.green {
	color:#009900;
}
.smaller {
	font-size:x-small;
}
/*//////////////////////////////////////////////////////////////////////////////////// lightbox styles //////*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(library/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(library/nextlabel.gif) right 15% no-repeat; }


#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
