/* Styling for whats on content area
====================================*/

#whats-on .header3 {
	margin-bottom: 0.20em;
}
#whats-on span {
	line-height: 1.7em;
}
#whats-on img {
	margin: 5px 12px 5px 0px;
}
#whats-on a {
	line-height: 1em;
}
#whats-on fieldset {
	float: left;
}
#whats-on label {
	display: none;
}
#whats-on select {
	width: 151px;
	margin: 0px 9px 20px 0px;
}
#whats-on input {
	text-indent: -5000px;
	float: left;
	margin-bottom: 10px;
	cursor: pointer;
	border: none;
	width: 23px;
	height: 22px;
}
#whats-on .whats-on-button {
	position: relative;
	display: block;
	float: right;
	height: 22px;
	width: 76px;
}
#whats-on .whats-on-button span{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #ccc url(../images/css-images/content/buy-ticket.gif) no-repeat left top;
}
#whats-on .whats-on-button:focus, #whats-on .whats-on-button:active{
	outline: dotted #ccc;
}

/* Styling for banner content area
====================================*/

#banners #banner-one {
	margin: 8px 0px 20px;
}
#skyscrapper-banner,
#landscape-banner {
	position: relative;
	color: #fff;
	padding-top: 0px;
}
#skyscrapper-banner {
	height: 605px;
}
#skyscrapper-banner .content-foreground {
	height: 592px;
	left: 15px;
	width: 145px;
	padding-top: 8px;
}
#skyscrapper-banner .content-background {
	right: 5px;
}
#skyscrapper-banner p,
#skyscrapper-banner h2,
#skyscrapper-banner a,
#landscape-banner p,
#landscape-banner h2,
#landscape-banner a {
	color: #fff;
}
#skyscrapper-banner a,
#landscape-banner a,
#landscape-dark-banner a {
	text-decoration: underline;
}
#skyscrapper-banner a:hover,
#landscape-banner a:hover,
#landscape-banner-dark a:hover{
	text-decoration: none;
}
#landscape-banner .content-foreground,
#landscape-banner-dark .content-foreground {
	height: 197px;
	width: 340px;
	padding-left: 10px;
	padding-top: 8px;
}
#skyscrapper-banner .skyscrapper-banner-link {
	display: block;
	position: absolute;
	top: -5px;
	left: -11px;
}
#landscape-banner .landscape-banner-link,
#landscape-banner-dark .landscape-banner-link {
	display: block;
	position: absolute;
	top: -5px;
	left: 0px;
}
#landscape-banner-dark p
#landscape-banner-dark h2,
#landscape-banner-dark a {
	color: #000;
}
#landscape-banner-dark p,
#landscape-banner p {
	width: 210px;
}
#landscape-banner-dark {
	position: relative;
	color: #000;
}
#landscape-banner .banner-text {
	position: absolute;
	top: 10px;
	left: 10px;
}

/* Extra styling for Plants and Fungi
====================================*/

.species-header {
	background-color: #f3f6f0;
	min-height: 24px; /* ie6 fix */
	padding: 3px 8px 0px;
	color: #262626;
}
.species-header h1 {
	font: 1em Arial, sans-serif;
	line-height: 1.7em;
}
.species-header a {
	padding: 0px 3px;
}
.species-header label {
	color: #424240;
	line-height: 1.6em;
}
.species-header select {
	width: 200px;
	color: #424240;
}
.species-header #filter-by{
	width: 160px;
	margin-left: 5px;
}
.species-header .back {
	padding-left: 15px;
	margin-right: 10px;
	background: url(../images/css-images/content/plants-fungi/link-icon.gif) no-repeat left 2px;
}
.species-header .next {
	padding-right: 15px;
	margin-left: 10px;
	background: url(../images/css-images/content/plants-fungi/link-icon2.gif) no-repeat right 2px;
}
.species-item {
	margin-bottom: 15px;
	padding: 0px 10px;
}
.species-item p {
	margin-bottom: 0px;
}
.species-item div a:focus img {
	outline: dotted #ccc;
}
.species-border {
	background: url(../images/css-images/content/plants-fungi/species-border.gif) no-repeat right top;
}
.species-name {
	font-style: italic;
}
.species-info {
	background: #f3f6f0 url(../images/css-images/content/species-info-bg.gif) no-repeat top left;
	padding: 10px 0px 0px 10px;
	color: #424240;
	
}
.species-info div ul li {
	background: none;
	padding-left: 0px;
}
.species-info div ul li span {
	text-indent: -5000px;
	display: inline-block;
	width: 17px;
	height: 15px;
	margin-left: 3px;
	background: url(../images/css-images/content/tick-green.gif) no-repeat top left;
}
.species-info div ul li span.off {
	background: url(../images/css-images/content/tick-grey.gif) no-repeat top left;
}
.species-info-col {
	background: url(../images/css-images/content/species-info-border.gif) repeat-y top left;
}
.species-info-col h2 {
	margin-left: 26px;
}
.species-info-col ul {
	margin-left: 26px;
}

/*
Extra styling for listings / search results content area
====================================*/
#listings,
.listings  {
	padding-top: 10px;
}
#listings h3, #searchResults h2, .listings h3 {
	width: 395px;
	margin-bottom: 0em;
	font-size: 144%;
	font-family: Arial,sans-serif;
}
#searchResults h2 {
	width: auto;
}
#listings span, #searchResults span, .listings span {
	color: #23490a;
	line-height: 1.7em;
}
#listings img, #searchResults img, .listings  img{
	margin: 3px 12px 7px 0;
}
#listings a:focus, #searchResults a:focus, .listings  a:focus,
#listings a:active, #searchResults a:active, .listings  a:active {
	background-color: #2b8006;
	color: #fff;
}
#listings .image li,
.listings .image li,
#listings .image p,
.listings .image p,
#listings .image h2,
.listings .image h2,
#listings .image h3,
.listings .image h3,
#listings .image h4,
.listings .image h4{
	margin-left: 112px;
}
#listings .image ul.utility-icons li,
.listings .image ul.utility-icons li {
	margin-left: 0px;
}

/* Search results page
====================================*/
	
#searchResults ul {	/* ie 6 fix */
	text-align: center;
	margin: 0 auto;	
	width: 408px;
}
#searchResults ul li {
	display: inline;
	background: none;	
	padding-left: 0px;
}	
span#previous-button {
	float: left;
}	
span#next-button {
	float: right;
}
span#previous-button, span#next-button {
	display: block;
}	

/* Tabbed Content stying
====================================*/

.hidden-tab {
	display: none;
}
.tab-nav {
	display: none;
	float: left;
	padding-top: 0px;
	padding-left: 15px;
	width: 95%;
	margin-bottom: 18px;
	border-bottom: 1px solid #999;
}
.tab-nav li {
	position: relative;
	top: 1px;
	float: left;
	padding-left: 0px;
	background: none;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;

}
.tab-nav li.selected-tab {
	border-left: 0px;
	border-bottom: 1px solid #fff;
}
.tab-nav li a {
	display: block;
	padding: 0px 20px;
	min-height: 25px;
	color: #424240;		
	line-height: 1.8em;
	background-color: #e6e6e6;
}
.tab-nav li a:hover {
	background-color: #fff;
}
.tab-nav li.selected-tab a :hover {
	background-color: #fff;
}
.tab-nav li.selected-tab a {
	background-color: #fff;
}
.tab-nav li a:focus, .tab-nav li a:active{
	text-decoration: underline;
	color: #424240;
	outline: none;
}
.tab-nav li.first-tab {
	border-left: 1px solid #999;
}

/* Tag cloud stying
====================================*/

#tag-cloud li{
	display: inline;
	line-height: 1.7em;
}
#tag-cloud a {
	background: url(../images/css-images/content/tag-cloud-border.gif) no-repeat right center;
	padding: 0px 7px;
}
#tag-cloud a:active,
#tag-cloud a:focus {
	color: #fff;
	outline: none;
	background-color: #2b8006;
}
#tag-cloud a.small {
	font-size: 1em;
}
#tag-cloud a.medium {
	font-size: 1.4em;
}
#tag-cloud a.large {
	font-size: 1.8em;
}
#tag-cloud a.largest {
	font-size: 2.4em;
}
#tag-cloud span {
	display: none;
}
#tag-cloud-skip p {
	margin: 0px;
}
#tag-cloud-skip a,
#tag-cloud-skip a:link, 
#tag-cloud-skip a:visited {
	display: block; 
	width: 340px; 
	position: absolute; 
	top: 0; 
	left: -400%; 
	z-index: 2;
	color: #fff; 
	background: #336; 
	text-decoration: none; 
	border-bottom: solid #ccc 2px; 
	padding: 5px;
}
#tag-cloud-skip a:focus, 
#tag-cloud-skip a:active {
	left: 0; 
	top: 0; 
	z-index: 100;
	outline: none;
}
#tag-cloud-skip {
	position: absolute; 
	width: 350px;
}

/* Carousel style
====================================*/

#carousel-container {
	width: 350px;
	padding-top: 10px;
	background: #faf9f9 url(../images/css-images/content/carousel-bg-top.gif) no-repeat left top;
}
#carousel-container ol.carousel-setup li {
	float: left;
	margin-right: 16px;
	list-style: none;
}
#carousel-container .yui-carousel-element li{
	width: 115px;
	border: 0px;
	color: #686868;
}
.yui-skin-sam .yui-carousel-nav {
	background: none;
}
.carousel-footer {
	height: 21px;
	background: #faf9f9 url(../images/css-images/content/carousel-bg-bot.gif) no-repeat left top;
}
.yui-skin-sam .yui-carousel-nav ul li {
	background: url(../images/css-images/content/sprite.jpg) no-repeat scroll 2px -646px;
	width: 15px;
	height: 15px;
	margin: 6px 0px 0px 5px;
}
.yui-skin-sam .yui-carousel-nav ul {
	display: none;
}
.yui-skin-sam .yui-carousel-button {
	background: url(../images/css-images/content/sprite.jpg) no-repeat scroll 0 -600px;
	margin: 5px 20px 5px 5px;/* ie6 and ie7 fix */
}
.yui-skin-sam span.yui-carousel-first-button {
	margin-right: 171px;/* ie6 and ie7 fix */
}
.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-focus{
	background: #ccc;
}
.yui-skin-sam .yui-carousel-button-disabled {
	background-position: 0 -2000px;
}
#carousel-skip p {
	margin: 0px;
}
#carousel-skip a,
#carousel-skip a:link, 
#carousel-skip a:visited {
	display: block; 
	width: 340px; 
	position: absolute; 
	top: 0; 
	left: -400%; 
	z-index: 2;
	color: #fff; 
	background: #336; 
	text-decoration: none; 
	border-bottom: solid #ccc 2px; 
	padding: 5px;
}
#carousel-skip a:focus, 
#carousel-skip a:active {
	left: 0; 
	top: 0; 
	z-index: 100;
	outline: none;
}
#carousel-skip {
	position: absolute; 
	width: 350px;
}

/* Blogs style
====================================*/

#blogs strong,
.blogs-listing strong {
	color: #424240;
}
#blogs h3 {
	margin-left: 38px;
}
#blogs p {
	margin-left: 38px;
}
.blogs-listing p {
	width: 490px;
	float: left;
}
.blogs-listing a.view-all {
	margin-top: 5px;
}

/* Explore Kew style
====================================*/

.explore-col-one {
	width: 195px;
	border-right: 1px solid #d7d7d7;
	padding-right: 5px;
}
.explore-col-two {
	padding-left: 15px;
}
.explore-col-two strong {
	color: #424240;
}
.explore-col-two ol,
.explore-col-two ul{
	list-style: none;
	margin-bottom: 0.5em;
	width: 134px;
}
.explore-col-two p{
	width: 134px;
}
.buy-ticket,
.order-now,
.donate,
.back-button,
.previous-button {
	display: block;
	cursor: pointer;
}
.buy-ticket:focus, .buy-ticket:active,
.order-now:focus, .order-now:active,
.donate:focus, .donate:active,
.back-button:focus, .back-button:active,
.previous-button:focus, .previous-button:active{
	outline: dotted #ccc;
}
.back-button {
	position: relative;
	height: 22px;
	width: 70px;
}
.back-button span{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/css-images/content/back.gif) no-repeat left top;
}
.previous-button {
	position: relative;
	height: 22px;
	width: 70px;
}
.previous-button span{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/css-images/content/previous.gif) no-repeat left top;
}
.buy-ticket {
	position: relative;
	height: 22px;
	width: 76px;
	background: url(../images/css-images/content/buy-ticket.gif) no-repeat left top;
}
.buy-ticket span{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/css-images/content/buy-ticket.gif) no-repeat left top;
}
.order-now {
	position: relative;
	width: 80px;
	height: 19px;
}
.order-now  span{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/css-images/content/button-order-now.gif) no-repeat left top;
}
.donate {
	position: relative;
	width: 87px;
	height: 19px;
	overflow: hidden;
}
.donate span{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/css-images/content/science-conservation/button-donate.gif) no-repeat left top;
}


/* Media Player style
====================================*/

#media-player {
	background-color: #ccc;
}

/* Related News style
====================================*/

.news-icon {
	position: relative; 
	top: 2px; 
	margin-right: 5px;
}
.news-thumb-text {
	padding-left: 110px;
}
.video ,
.audio,
.camera {
	float: left;
	position: relative;
	top: 5px; 
	text-indent: -5000px;
	width: 21px;
	height: 14px;
	margin-right: 5px;
}
.video {
	background: url(../images/css-images/content/video-icon.gif) no-repeat left top;
}
.audio {
	background: url(../images/css-images/content/audio-icon.gif) no-repeat left top;
}
.camera{
	background: url(../images/css-images/content/camera-icon.gif) no-repeat left top;
}
.audio-icon {
	background: url(../images/css-images/content/icons/audio.gif) no-repeat left 4px;
	padding-left: 16px;
}
.likes {
	background: url(../images/css-images/content/icons/like1.gif) no-repeat left 4px;
	padding-left: 16px;
}
.images {
	background: url(../images/css-images/content/icons/photo.gif) no-repeat left 4px;
	padding-left: 16px;
}
.comments {
	background: url(../images/css-images/content/icons/comment.gif) no-repeat left 2px;
	padding-left: 16px;
}
.rss-icon,
.jaiku-icon,
.twitter-icon,
.ident-icon {
	width: 16px;
	height: 16px;
	margin: 2px 5px 0px 0px;
}
.rss-icon {
	background: url(../images/css-images/content/news-icon.gif) no-repeat left top;
}
.jaiku-icon {
	background: url(../images/css-images/content/jaiku-icon.gif) no-repeat left top;
}
.twitter-icon {
	background: url(../images/css-images/content/twitter-icon.gif) no-repeat left top;
}
.ident-icon {
	background: url(../images/css-images/content/identica-icon.gif) no-repeat left top;
}
.news-alerts {
	position: relative;
	display: block;
	width: 110px;
	height: 19px;
}
.news-alerts span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/css-images/content/button-news-alert.gif) no-repeat left top;
}
.news-alerts:focus,
.news-alerts:active {
	outline: dotted #ccc;
}
.rss-link {
	width: 25px;
	height: 15px;
	position: relative;
	cursor: pointer;
}
.rss-link span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 25px;
	height: 15px;
	background: #fff url(../images/css-images/content/news-icon.gif) no-repeat right top;
}

/* Find a species style
====================================*/

#find-species {
	min-height: 82px; /* ie6 fix */
	padding: 10px 0px 0px 10px;
	background: url(../images/css-images/content/find-species-bg.gif) no-repeat left top;
}
#find-species legend{ /* ie6 and ie7 fix */
	font-family: Georgia, sans-serif;
	font-weight: normal;
	color: #fff;
	font-size: 170%;
	margin-bottom: 0.5em;
}
#find-species ol {
	list-style: none;
}
#find-species label {
	display: none;
}
#find-species input {
	width: 285px;
	height: 19px; /* ie6 and ie7 fix */
	float: left;
	margin-right: 5px; /* ie6 and ie7 fix */
	padding: 3px 0px 0px 5px; /* ie6 and ie7 fix */
	color: #686860;
	line-height: 1.5em;
}
#find-species input.plant-search-submit {
	width: 30px;
	padding-top: 0px;
	height: 27px; /* ie6 and ie7 fix */
}

/* Kew Alerts style
====================================*/

#kew-alerts {
	min-height: 76px; /* ie 6 fix */
	background: url(../images/css-images/content/kew-alerts-bg.gif) no-repeat left top;
}
#kew-alerts legend {
	width: 150px;
	text-align: center;
	padding-left: 5px; /* ie6 and ie7 fix */
	color: #fff;
	font-family: Ariel, sans-serif;
	font-size: 119%;
}
#kew-alerts label{
	display: none;
}
#kew-alerts input{
	width: 157px;
	height: 16px; /* ie6 and ie7 fix */
	margin: 10px 0px 0px 5px;
	border: none;
	font-size: 103%;
	padding-left: 3px;
	color: #686868;
}
#kew-alerts input.submit{
	display: block;
	float: right;
	width: 70px;
	height: 19px;
	margin: 6px 5px 0px 49px; /* ie6 and ie7 fix */
	text-indent: -5000px;
}

/* Links Module style
====================================*/

#links-module {
	/* ie6 fix */
}

#links-module p {
	border-bottom: 1px solid #e7e7de;
	border-left: 1px solid #e7e7de;
	border-right: 1px solid #e7e7de;
}
#links-module ul {
	border-top: 1px solid #e7e7de;
}
#links-module ul li {
	background: none;
	padding-left: 0px;
	border-bottom: 1px solid #e7e7de;
	border-left: 1px solid #e7e7de;
	border-right: 1px solid #e7e7de;
}
#links-module ul li a{
	padding: 0px 10px;
	display: block;
	background: #f8f7ee;
	color: #2B8006;
	line-height: 1.8em;
}
#links-module ul li a:hover{
	background: #549534;
	text-decoration: none;
	color: #fff;
}
#links-module ul li a:active,
#links-module ul li a:focus{
	background: #549534;
	text-decoration: none;
	color: #fff;
}
#links-module ul li a.nav-selected{
	background: #549534;
	text-decoration: none;
	color: #fff;
}
#links-module ul li ul  {
	margin-bottom: 0px;
	border-top: 0px;
}
#links-module ul li ul li  {
	background: #ccc;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-top: 1px solid #e7e7de;
}
#links-module ul li ul li a  {
	padding: 0px 5px 0px 19px;
	background: #fff url(../images/css-images/content/links-mod-bg.gif) no-repeat 10px 7px;
}
#links-module ul li ul li a:hover{
	background: #fff url(../images/css-images/content/links-mod-bg.gif) no-repeat 10px 7px;
	text-decoration: underline;
	color: #2B8006;
}
#links-module ul li ul li a:active,
#links-module ul li ul li a:focus{
	background: #549534;
	text-decoration: none;
	color: #fff;
}
#links-module ul li ul li a.nav-selected:hover{
	background: #549534 url(../images/css-images/content/links-mod-bg2.gif) no-repeat 10px 7px;
	text-decoration: none;
	color: #fff;
}
#links-module ul li ul li ul {
	background-color: #fff;
}
#links-module ul li ul li ul li a{
	padding: 0px 5px 0px 30px;
	background: #fff url(../images/css-images/content/links-mod-bg.gif) no-repeat 20px 7px;
}
#links-module ul li ul li ul li a:hover{
	background: #fff url(../images/css-images/content/links-mod-bg.gif) no-repeat 20px 7px;
	text-decoration: underline;
	color: #2B8006;
}
#links-module ul li ul li ul li a:active,
#links-module ul li ul li ul li a:focus{
	background: #549534;
	text-decoration: none;
	color: #fff;
}
#links-module ul li ul li a.nav-selected {
	background: #549534 url(../images/css-images/content/links-mod-bg2.gif) no-repeat 10px 7px;
	text-decoration: none;
	color: #fff;
}
#links-module ul li ul li a.nav-selected:hover {
	background: #549534 url(../images/css-images/content/links-mod-bg2.gif) no-repeat 10px 7px;
}
#links-module ul li ul li ul li a.nav-selected {
	background: #549534 url(../images/css-images/content/links-mod-bg2.gif) no-repeat 20px 7px;
	text-decoration: none;
	color: #fff;
}
#links-module ul li ul li ul li a.nav-selected:hover {
	background: #549534 url(../images/css-images/content/links-mod-bg2.gif) no-repeat 20px 7px;
}

/* Your Kew Module style
====================================*/

#your-kew {
	background: url(../images/css-images/content/your-kew-bg.jpg) no-repeat right 10px;
}
#your-kew .gallery-controls {
	display: none;
	min-height: 22px; /* ie6 fix */
	line-height: 1.6em;
	background-color: #e0e0e0;
}
#your-kew ul {
	float: left;
	width: 135px;
}
#your-kew ul li {
	background: none;
	padding-left: 0px;
}
#your-kew p {
	width: 213px;
	float: left;
}
#your-kew .gallery-controls a {
	display: block;
	min-height: 22px; /* ie6 fix */
	color: #686868
}
#your-kew .gallery-controls a:hover {
	text-decoration: none;
}
#your-kew .more-info {
	padding-left: 20px;
	margin-left: 5px;
	background: url(../images/content/your-kew/info.gif) no-repeat left 3px;
}
#your-kew .gallery-next {
	padding: 0px 25px 0px 5px;
	background: url(../images/content/your-kew/next-off.gif) no-repeat 35px 5px;
}
#your-kew .gallery-next:hover {
	background: #fff url(../images/content/your-kew/next-on.gif) no-repeat 35px 5px;
}
#your-kew .gallery-play {
	padding: 0px 10px 0px 5px;
	width: 38px;
	text-align: center;
	border-right: 5px solid #e0e0e0;
	background: url(../images/content/your-kew/play-off.gif) no-repeat 41px 6px;
}
#your-kew #gallery-play-button {
	display: none;
}
#your-kew .gallery-play:hover {
	border-right: 5px solid #fff;
	background: #fff url(../images/content/your-kew/play-on.gif) no-repeat 41px 6px;
}
#your-kew .gallery-pause {
	width: 38px;
	padding: 0px 10px 0px 5px;
	border-right: 5px solid #e0e0e0;
	background: url(../images/content/your-kew/pause-off.gif) no-repeat right 6px;
}
#your-kew .gallery-pause:hover {
	border-right: 5px solid #fff;
	background: #fff url(../images/content/your-kew/pause-on.gif) no-repeat right 6px;
}
#your-kew .gallery-prev {
	padding: 0px 5px 0px 25px;
	background: url(../images/content/your-kew/prev-off.gif) no-repeat 5px 5px;
}
#your-kew .gallery-prev:hover {
	background: #fff url(../images/content/your-kew/prev-on.gif) no-repeat 5px 5px;
}
#your-kew .gallery-image {
	position: relative;
	margin-bottom: 2px;
	width: 348px;
	height: 240px;
	padding: 10px 0px;
	overflow: hidden;
	border: 1px solid #e0e0e0;
}
#your-kew .gallery-image img {
	display: block;
	margin: auto;
}
#your-kew .gallery-info-box {
	top: 260px;
	left: 0px;
	width: 350px;
	height: 75px;
}
#your-kew .gallery-info-box h3{
	color: #fff;
	margin-bottom: 0px;
}
#your-kew .gallery-info-box p{
	color: #fff;
	width: 330px;
}
#your-kew .gallery-info-box-text {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 340px;
	height: 45px;
	padding: 5px 0px 0px 10px;
}
#your-kew .gallery-info-box-bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	height: 45px;
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#your-kew-skip p {
	margin: 0px;
}
#your-kew-skip a,
#your-kew-skip a:link, 
#your-kew-skip a:visited {
	display: block; 
	width: 340px; 
	position: absolute; 
	top: 0; 
	left: -400%; 
	z-index: 2;
	color: #fff; 
	background: #336; 
	text-decoration: none; 
	border-bottom: solid #ccc 2px; 
	padding: 5px;
}
#your-kew-skip a:focus, 
#your-kew-skip a:active {
	left: 0; 
	top: 0; 
	z-index: 100;
	outline: none;
}
#your-kew-skip {
	position: absolute; 
	width: 350px;
}

/* Find out + Kew Today Module style
====================================*/

#kew-today,
#find-out {
	position: relative;
}
#kew-today .kew-today-head {
	min-height: 35px; /* ie6 fix */
	padding-top: 5px;
	background: url(../images/css-images/content/kew-today-bg.jpg) no-repeat top left;
}
#find-out .find-out-head {
	min-height: 35px; /* ie6 fix */
	padding-top: 5px;
	background: url(../images/css-images/content/find-out-bg.jpg) no-repeat top left;
}
#find-out h2,
#kew-today h2 { 
	color: #fff;
	margin-left: 10px; /* ie6 fix */
}
#find-out .widget,
#kew-today .widget { 
	color: #fff;
	display: block;
	width: 90px;
	height: 20px;
	line-height: 1.5em;
	text-align: left;
	margin: 4px 5px 0px 0px;
	background: url(../images/css-images/content/widget.gif) no-repeat top right;
}
#kew-today .widget {
	background: url(../images/css-images/content/widget2.gif) no-repeat top right;
}

#find-out .find-out-bot { 
	position: relative;
	width: 350px;
	height: 11px;
	background: url(../images/css-images/content/find-out-bot-bg.gif) no-repeat top left;
}
#kew-today .find-out-bot { 
	position: relative;
	width: 350px;
	height: 11px;
	background: url(../images/css-images/content/kew-today-bot-bg.gif) no-repeat top left;
}
#find-out .find-out-text,
#kew-today .find-out-text { 
	width: 320px;
	padding: 15px 15px 5px 15px;
	background: #fff url(../images/css-images/content/find-out-text-bg.gif) repeat-x bottom left;
}
#find-out .find-out-logo,
#kew-today .find-out-logo { 
	position: absolute;
	top: -30px;
	right: 10px;
	width: 44px;
	height: 21px;
	background: #fff url(../images/css-images/content/find-out-logo.gif) repeat-x top left;
}
#find-out #find-out-info,
#kew-today #kew-today-info { 
	width: 340px;
	padding: 10px 0px 0px 10px;
	background-color: #F2F2F2;
}
#find-out #find-out-info ul li,
#kew-today #kew-today-info ul li{
	padding-left: 0px;
	background: none;
	float: left;
	width: 100px;
}
#find-out #find-out-info ul li.facebook a,
#kew-today #kew-today-info ul li.facebook a{
	padding-left: 20px;
	background: url(../images/css-images/content/facebook-icon.gif) no-repeat top left;
	height: 19px;
	display: block;
	line-height: 1.6em;
}
#find-out #find-out-info form,
#kew-today #kew-today-info form{
	margin: 15px 0px;
}
#find-out #find-out-info legend,
#kew-today #kew-today-info legend{
	display: none;
}
#find-out #find-out-info label,
#kew-today #kew-today-info label{
	color: #686868;
}
#find-out #find-out-info input,
#kew-today #kew-today-info input{
	color: #686868;
	width: 250px;
	border: 0px;
}

/* Poll Module style
====================================*/

#poll legend {
	display: none;
}
#poll li {
	list-style: none;
}
#poll label {
	position: relative;
	top: -3px;
	padding-left: 7px;
	color: #2B8006;
	font-size: 90%;
	text-decoration: none;
	cursor: pointer;
}
#poll label:hover {
	text-decoration: underline;
}
#poll input {
	margin-left: 5px; /* ie6 and ie7 fix */
	cursor: pointer;
}
#poll input.submit {
	margin: 10px 0px 0px 5px;
}

/* Promo Module style
====================================*/

#promo .header4 {
	margin: 0.2em 0px;
}

/* Species Page style
====================================*/

.species-section,
.species-section-min {
	margin: 30px 0px;
	background: url(../images/css-images/content/species/species-bg.gif) repeat-x left 32px;
}
.species-head{
	padding: 7px 0px 0px 10px;
	margin-bottom: 20px;
	min-height: 28px; /* ie6 fix */
}
.species-section blockquote,
.species-section-min blockquote {
	border-bottom: 0px;
}
.species-head h2{
	font-family: Georgia,sans-serif;
	font-size: 144%;
	color: #fff;
	margin-bottom: 0px;
}
.species-head a.more-info{
	padding-right: 15px;
	margin-right: 15px; /* ie6 fix */
	background: url(../images/css-images/content/species/arrow-down.gif) no-repeat right 4px;
}
.species-head a.highlight{
	background: url(../images/css-images/content/species/arrow-up.gif) no-repeat right 4px;
}
.species-head a:focus, 
.species-head a:active{
	background-color: #fff;
	text-decoration: underline;
	color: #2b8006;
}
.species-section1 .species-head {
	background: #3c5a6f url(../images/css-images/content/species/header1.jpg) no-repeat top left;
}
.species-section2 .species-head {
	background: #4e8d40 url(../images/css-images/content/species/header2.jpg) no-repeat top left;
}
.species-section3 .species-head {
	background: #524f23 url(../images/css-images/content/species/header3.jpg) no-repeat top left;
}
.species-section4 .species-head {
	background: #846c2d url(../images/css-images/content/species/header4.jpg) no-repeat top left;
}
.species-section5 .species-head {
	background: #846c2d url(../images/css-images/content/species/header5.jpg) no-repeat top left;
}
.species-section1-min .species-head {
	background: #3c5a6f url(../images/css-images/content/species/header1a.jpg) no-repeat top left;
}
.species-section2-min .species-head {
	background: #4e8d40 url(../images/css-images/content/species/header2a.jpg) no-repeat top left;
}
.species-section3-min .species-head {
	background: #524f23 url(../images/css-images/content/species/header3a.jpg) no-repeat top left;
}
.species-section4-min .species-head {
	background: #846c2d url(../images/css-images/content/species/header4a.jpg) no-repeat top left;
}
.species-section5-min .species-head {
	background: #846c2d url(../images/css-images/content/species/header5a.jpg) no-repeat top left;
}
.species-section .intro,
.species-section-min .intro {
	padding: 0px 10px; 
}
.species-section .intro .intro-text p,
.species-section-min .intro .intro-text p {
	width: 320px;
}
.species-section .intro  ul,
.species-section-min .intro  ul {
	width: 160px;
	margin: 0px 10px;
}
.species-section .body-text {
	padding: 0px 0px 0px 10px; 
}
.species-button {
	display: none;
}
.species-section .body-text .image-name {
	width: 170px; 
	display: block;
}
/* GP:MB:22-09-update for issue 142 */
.species-intro h2 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 144%;
	margin-bottom: 0.3em;
	color: #424240;
}
/* End update */

/* Species Browser style
====================================*/

.species-filter {
	min-height: 40px; /* ie6 fix */
	background: url(../images/css-images/content/plants-fungi/species-filter.gif) no-repeat top left;
	margin: 30px 0px 20px 0px;
	padding: 5px 0px 0px 8px; /* ie6 and ie7 fix */
}
.species-filter legend{
	display: none;
}
.species-filter label{
	color: #fff;
	font-weight: bold;
}
.species-filter select{
	color: #686868;
	width: 175px;
	margin-left: 5px;
}
.species-filter input{
	color: #686868;
	width: 175px;
	margin-left: 5px;
}
.species-filter input.submit{
	width: 22px;
	position: relative;
	top: 5px; /* ie6 and ie7 fix */
}
.species-filter input.reset {
	width: 45px;
	height: 21px;
	position: relative;
	xxtop: 5px; /* ie6 and ie7 fix */
	border: 0px;
	text-indent: -5000px;
	background: url(../images/css-images/content/button-reset.gif) no-repeat top left;
	cursor: pointer;
}

/* Events style
====================================*/

#event {
	position: relative;
}
#event ul {
	position: absolute;
	top: 85px;
}
#event ul.pos-one {
	left: 20px;
}
#event ul.pos-two {
	right: 20px;
}
#event ul li {
	padding-left: 0px;
	background: none;
}
#event ul li a {
	color: #fff;
}

/* Calendar style
====================================*/

#calendar {
	margin-bottom: 25px;
}
#calendar .calendar-header {
	min-height: 213px; /* ie6 fix */
	padding: 15px 20px 0px 20px;
	margin-top: 5px;
	background: url(../images/css-images/content/calendar/calendar-bg.gif) no-repeat left top;
}
#calendar .calendar-header p {
	width: 228px;
	margin-bottom: 10px;
}
#calendar .calendar-header form {
	width: 230px;
}
#calendar .calendar-header label {
	color: #686868;
	line-height: 1.8em;
}
#calendar #calendar-kew-events,
#calendar #calendar-all-events,
#calendar #calendar-month{
	width: 225px;
	margin-bottom: 15px;
}
#calendar .calendar-header .calendar-controls {
	display: none;
	float: right;
	padding: 10px 40px 0px 0px;
}
#calendar .calendar-header .calendar-header-text {
	float: left;
	width: 250px;
}
#calendar .calendar-header .calendar-controls a {
	width: 89px;
	height: 19px;
	display: block;
	margin-bottom: 10px;
	position: relative;
	xxtext-indent: -5000px;
}
#calendar .calendar-header .calendar-controls a span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 89px;
	height: 19px;
	display: block;
}
#calendar #calendar-by-day:focus,
#calendar #calendar-by-day:active,
#calendar #calendar-by-week:focus,
#calendar #calendar-by-week:active,
#calendar #calendar-by-month:focus,
#calendar #calendar-by-month:active {
	outline: dotted #333366;
}
#calendar .calendar-body {
	margin-bottom: 5px;
	width: 710px;
	background: url(../images/css-images/content/calendar/calendar-bg2.gif) repeat-y left top;
}
#calendar  #current-date {
	position: relative;
	top: 4px; /* ie6 and ie7 fix */
	display: block;
	float: left;
	width: 286px;
	height: 25px;
	color: #fff;
	padding-left: 20px;
	font-size: 120%;
	line-height: 1.5em;
	background: url(../images/css-images/content/calendar/calendar-content-header-bg.gif) repeat-x left top;
}
#calendar #calendar-reults-previous {
	position: relative;
	top: 4px; /* ie6 and ie7 fix */
	float: left;
	display: block;
	width: 55px;
	height: 20px;
	color: #fff;
	padding: 5px 0px 0px 17px;
	background: url(../images/css-images/content/calendar/previous-off.gif) no-repeat left top;
}
#calendar #calendar-reults-previous:hover {
	text-decoration: none;
	background: url(../images/css-images/content/calendar/previous-on.gif) no-repeat left top;
}
#calendar #calendar-reults-next {
	position: relative;
	top: 4px; /* ie6 and ie7 fix */
	float: left;
	display: block;
	width: 49px;
	height: 20px;
	color: #fff;
	padding: 5px 0px 0px 12px;
	background: url(../images/css-images/content/calendar/next-off.gif) no-repeat left top;
}
#calendar #calendar-reults-next:hover {
	text-decoration: none;
	background: url(../images/css-images/content/calendar/next-on.gif) no-repeat left top;
}
#calendar .calendar-body .calendar-results {
	width: 670px;
	border-top: 4px solid #363636;
	padding: 25px 20px 0px 20px;
	overflow: hidden;
	background: url(../images/css-images/content/calendar/calendar-content-footer-bg.gif) no-repeat left bottom;
}
#calendar .calendar-body .calendar-results .calendar-result {
	width: 310px;
	margin: 15px 25px 15px 0px;
}
#calendar .calendar-body .calendar-results .calendar-result .thumb {
	margin-right: 10px;
}
#calendar .calendar-body .calendar-results .calendar-result h3 {
	line-height: 1em;
}
#calendar .calendar-body .calendar-results .calendar-result p {
	padding-left: 110px;
}
#calendar .calendar-body .calendar-results .calendar-result p {
	padding-left: 110px;
}
#calendar .calendar-footer {
	background-color: #f3f6f0;
	min-height: 21px;
	width: 694px;
	padding: 5px 8px 0px;
	color: #262626;
}
#datepicker-holder {
	position: relative; 
	width: 230px; 
	height: 195px;
}
#datepicker {
	position: absolute; 
	top: 0px; 
	left: 0px;
}

/* Kew alerts style
====================================*/ 	

#kew-alerts-form legend span{
	position: absolute;
	top: 6px; /* ie6 and ie7 fix */
	left: 5px;
	color: #424240;
	font-size: 130%;
	padding-left: 29px;
	line-height: 1.4em;
}
#kew-alerts-form .email-password {
	position: relative;
	width: 700px;
	padding: 1px 0px 20px 10px;
}
#kew-alerts-form .email-password legend span {
	background: url(../images/css-images/content/kew-alerts/one.gif) no-repeat left top;
}
#kew-alerts-form .email-password ol {
	margin-top: 35px;
}
#kew-alerts-form .email-password ol li{
	float: left;
	list-style: none;
	width: 347px;
	margin-top: 15px;
}
#kew-alerts-form .email-password label{
	color: #686868;
	width: 107px;
	text-align: right;
	display: block;
	float: left;
	margin-right: 5px;
}
#kew-alerts-form .email-password input{
	border: 0px;
	width: 202px;
	height: 21px;
}
#kew-alerts-form .your-way {
	position: relative;
	width: 700px;
	padding: 1px 0px 10px 10px;
}
#kew-alerts-form .your-way legend span {
	background: url(../images/css-images/content/kew-alerts/two.gif) no-repeat left top;
}
#kew-alerts-form .your-way p.intro-text {
	margin: 35px 0px 0px 10px;
}
#kew-alerts-form .your-way ol{
	margin-top: 30px;
}
#kew-alerts-form .your-way ol li{
	float: left;
	list-style: none;
	width: 330px;
	margin-top: 15px;
	padding-right: 20px;
}
#kew-alerts-form .your-way label{
	width: 308px;
	color: #424240;
	font-size: 120%;
	display: block;
	float: right;
	text-align: left;
}
#kew-alerts-form .your-way input{
	position: relative;
	top: 3px; /* ie6 and ie7 fix */
	float: left; 
}
#kew-alerts-form .your-way ol li p{
	padding-top: 26px; /* ie6 and ie7 fix */
}
#kew-alerts-form .when-how {
	width: 700px;
	overflow: auto;
	padding: 5px 0px 0px 10px; 
}
#kew-alerts-form .when-how span{
	display: block;
	width: 21px;
	height: 21px;
	margin: 2px 0px 6px 0px;
	background: url(../images/css-images/content/kew-alerts/three.gif) no-repeat left top;
}
#kew-alerts-form .when,
#kew-alerts-form .how {
	position: relative;
	top: -23px;
	float: left;
	width: 200px;
	margin-left: 50px; /*ie6 fix */
}
#kew-alerts-form .when legend,
#kew-alerts-form .how legend{
	color: #424240;
	font-size: 130%;
}
#kew-alerts-form .when ol,
#kew-alerts-form .how ol{
	margin-top: 10px;
	list-style: none;
}
#kew-alerts-form .when ol li,
#kew-alerts-form .how ol li{
	width: 100px;
}
#kew-alerts-form .when label,
#kew-alerts-form .how label{
	color: #686868;
	display: block;
	width: 80px;
	float: right;
	line-height: 1.3em;
	text-align: left;
	margin-bottom: 5px;
}
#kew-alerts-form .when input,
#kew-alerts-form .how input{
	float: left;
}
#kew-alerts-form .tcs-privacy {
	width: 414px;
}
#kew-alerts-form .tcs-privacy legend{
	color: #424240;
	font-size: 130%;
	margin-bottom: 10px;
}
#kew-alerts-form .tcs-privacy label{
	color: #686868;
	float: right;
}
#kew-alerts-form .tcs-privacy input{
	margin-top: 3px; /* ie6 and ie7 fix */
	float: left;
}
#kew-alerts-form .submit {
	display: block;
	margin: 27px 0px 30px 0px;
}
#access-kew-news ul {
	background: url(../images/css-images/content/hr.gif) repeat-x bottom left;
}
#access-kew-news li {
	background: url(../images/css-images/content/hr.gif) repeat-x top left;
	padding: 3px 0px;
}
#access-kew-news li img {
	margin: 3px 3px 0px 0px;
}
#access-kew-news li.what-is-rss  {
	background: none;
	height: 10px;
}
#access-kew-news li.what-is-rss a {
	position: relative;
	top: -8px;
	left: 20px;
	font-size: 90%;
	line-height: 1.2em;
}

/* Plant Fact style
====================================*/

#plant-fact {
	background: url(../images/css-images/content/plant-fact-bg.jpg) no-repeat top left;
}
#plant-fact h2 { 
	color: #fff;
	margin-left: 10px; /* ie6 fix */
}
#plant-fact .plant-fact-text { 
	width: 320px;
	padding: 15px 15px 0px 15px;
	background: #fff url(../images/css-images/content/plant-fact-text-bg.gif) repeat-x bottom left;
}
#plant-fact .plant-fact-bot { 
	width: 350px;
	height: 50px;
	background: url(../images/css-images/content/plant-fact-bot-bg.jpg) no-repeat top left;
}
#plant-fact .new-plant { 
	text-indent: -5000px;
	display: block;
	width: 81px;
	height: 19px;
	background: url(../images/css-images/content/button-new-plant.gif) no-repeat top left;
}

/* XML feed style
====================================*/
#xml-feed strong {
	color: #686868;
}
#xml-feed img {
	margin-right: 3px;
}
#xml-feed ul{
	margin-top: 10px;
}
#xml-feed li{
	background: url(../images/css-images/content/hr.gif) repeat-x bottom left;
	padding: 0px 0px 10px 0px;
	margin-bottom: 10px;
}

/* Members Area style
====================================*/

.members-section {
	min-height: 222px; /* ie6 fix */
	margin-bottom: 15px;
	position: relative;
}
.members-section .content-background {
	padding-top: 14px;
	left: 0px;
	z-index: 1; /* ie6 fix */
}
.members-section h3 {
	font-size: 120%;
	font-weight: normal;
	margin-bottom: 0.6em;
	width: 243px;
}
.members-section p {
	width: 243px;
}
.members-section ul {
	width: 450px;
}
.members-section li {
	float: left;
	width: 188px;
}
.members-head1,
.members-head2,
.members-head3,
.members-head4,
.members-head5,
.members-head-wide1,
.members-head-wide2,
.members-head-wide3,
.members-head-wide4,
.members-head-wide5 {
	padding: 20px 0px 0px 12px;
	position: relative; /* ie6 fix */
	z-index: 2;
}
.members-head1 {
	background: url(../images/css-images/content/members-header1.jpg) no-repeat top left;
}
.members-head2 {
	background: url(../images/css-images/content/members-header2.jpg) no-repeat top left;
}
.members-head3 {
	background: url(../images/css-images/content/members-header3.jpg) no-repeat top left;
}
.members-head4 {
	background: url(../images/css-images/content/members-header4.jpg) no-repeat top left;
}
.members-head5 {
	background: url(../images/css-images/content/members-header5.jpg) no-repeat top left;
}
.members-head-wide1 {
	background: url(../images/css-images/content/members-header-wide1.jpg) no-repeat top left;
}
.members-head-wide2 {
	background: url(../images/css-images/content/members-header-wide2.jpg) no-repeat top left;
}
.members-head-wide3 {
	background: url(../images/css-images/content/members-header-wide3.jpg) no-repeat top left;
}
.members-head-wide4 {
	background: url(../images/css-images/content/members-header-wide4.jpg) no-repeat top left;
}
.members-head-wide5 {
	background: url(../images/css-images/content/members-header-wide5.jpg) no-repeat top left;
}
.members-head-wide1 p,
.members-head-wide2 p,
.members-head-wide3 p,
.members-head-wide4 p,
.members-head-wide5 p,
.members-head-wide1 h3,
.members-head-wide2 h3,
.members-head-wide3 h3,
.members-head-wide4 h3,
.members-head-wide5 h3{
	width: 594px;
}
.members-join-button {
	width: 74px;
	height: 19px;
	position: relative;
	top: 0px;
	left: 0px;
}
.members-join-button span {
	width: 74px;
	height: 19px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/css-images/content/button-join-now.gif) no-repeat top left;
}
.members-buy-button {
	width: 70px;
	height: 19px;
	position: relative;
}
.members-buy-button span {
	width: 70px;
	height: 19px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/css-images/content/button-buy-now.gif) no-repeat top left;
}
.members-find-out-button {
	width: 96px;
	height: 19px;
	position: relative;
}
.members-find-out-button span {
	width: 96px;
	height: 19px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/css-images/content/button-find-out.gif) no-repeat top left;
}
.members-signup-button {
	width: 96px;
	height: 19px;
	position: relative;
}
.members-signup-button span {
	width: 96px;
	height: 19px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/css-images/content/button-sign-up.gif) no-repeat top left;
}

/* Kew Walks style
====================================*/

#kew-walks label,
#kew-walks legend {
	display: none;
}
#kew-walks select {
	width: 163px;
	margin-right: 10px;
	color: #424240;
}
#kew-walks input {
	position: relative;
	top: 6px;
}
#kew-walks ul,
#visit-maker ul {
	padding-top: 1px;
	margin-top: 10px;
}
#kew-walks li,
#visit-maker li {
	background: url(../images/css-images/content/hr.gif) repeat-x bottom left;
	padding: 0px 0px 10px 0px;
	margin-top: 10px;
}
#kew-walks li a,
#visit-maker li a{
	font-size: 124%;
}

/* Visit Maker style
====================================*/

#visit-maker h2{
	margin-left: 10px;
}
#visit-maker legend{
	display: none;
}
#visit-maker ol li{
	min-height: 82px; /* ie6 fix */
	list-style: none;
	margin-top: 0px;
	padding: 15px 10px 0px 82px;
	color: #424240;
	background: #d4d4d4 url(../images/css-images/content/visit-maker-bg.gif) no-repeat;
}
#visit-maker select{
	width: 223px;
	margin-top: 10px;
}
#visit-maker li.vm-type{
	
}
#visit-maker li.vm-time{
	background-position: -350px 0px;
}
#visit-maker li.vm-interests{
	background-position: -700px 0px;
}
#visit-maker li.vm-submit{
	min-height: 28px; /* ie6 fix */
	height: 28px;
	padding: 0px;
	margin-top: 2px;
}
#visit-maker span {
	color: #424240;
}
#order-results {
	float: left;
	width: 350px;
	height: 19px;
	line-height: 19px;
	background: url(../images/css-images/content/hr.gif) repeat-x top left;
}
#order-results h3{
	font-size: 100%;
	float: left;
	margin-right: 92px;
	margin-bottom: 0px;
	line-height: 21px;
}
#order-results a{
	display: block;
	height: 18px;
	line-height: 18px;
	margin-top: 2px;
	padding: 0px 27px 0px 13px;
	float: left;
	color: #fff;
}
#order-results a.time-ass{
	background: #2B8006 url(../images/css-images/content/vm-order-on.gif) no-repeat 50px 5px;
}
#order-results a.time-desc{
	background: #2B8006 url(../images/css-images/content/vm-order-on2.gif) no-repeat 50px 5px;
}
#order-results a.time-selected{
	color: #2B8006;
	background: #fff url(../images/css-images/content/vm-order-off.gif) no-repeat 50px 5px;
}
#order-results a.popularity-ass{
	background: #2B8006 url(../images/css-images/content/vm-order-on.gif) no-repeat 76px 5px;
}
#order-results a.popularity-desc{
	background: #2B8006 url(../images/css-images/content/vm-order-on2.gif) no-repeat 76px 5px;
}
#order-results a.pop-selected{
	color: #2B8006;
	background: #fff url(../images/css-images/content/vm-order-off.gif) no-repeat 76px 5px;
}

.positioner {
	position: relative;
	height: 20px;
}

.menu-holder {
	position: absolute;
	width: 800px;
	line-height: 20px;
	left: 50%;
	margin-left: -315px;
}

.nav-test {
	margin-bottom: 300px;
}

.test-nav-item {
	float: left;
	color: red;
	margin-right: 5px;
	
	background: none;
	padding-left: 0px;
}

.test-nav-item ul {
	float: left;
	display: none;
	overflow: hidden;
}

.test-nav-item ul li {
	background: none;
	padding-left: 0px;
	float: left;
	width: 200px;
	margin: -32767px -100px;
}

.test-nav-item a {
	width: 100px;
	height: 20px;
	display: block;
	float: left;
	position: relative;
	margin-top: 32766px;
	color: red;
	background-color: #000;
	text-align: center;
}

.test-nav-item:hover ul,
.test-nav-item a:hover ul {
	display: block;
}