/* ----- PART 1 ----- */
/* basic styles for WPY sites - page-body left-padding removed, and content-exhibition created for sp ex content */
/* NOTE: this section is basically a copy of temporary-exhibitions.css, but we need a seperate stylesheet so the menu highlight can be changed from VisitUs to NatureOnline */

@import url("page.css");
@import url("nhm.css");
@import url("typography.css");
@import url("content.css");
@import url("IE5win.css");
@import url("IE5mac.css");



/* added to fix probs going live - miks - 20-02-2006
label { text-align: left; } */



.mailingListForm input, .mailingListForm label  { margin-top: 5px; }



/* ----- main menu item (active) ----- */
/* switch commented block to move from VisitUs to NatureOnline */
.menubar .visitUs a:link, .menubar .visitUs a:visited, .menubar .visitUs a:active 
{ 
	color: #B40000; 
}
/*	
.menubar .natureOnline a:link, .menubar .natureOnline a:visited, .menubar .natureOnline a:active 
{ 
	color: #228900; 
}	
*/

#page-body { padding: 10px 0px; }

#content-exhibition h1 { float: none; }
#content-exhibition { margin-top: 15px; }


.onlineEntry td {
	font-size: 80%;
}
/* ----- END PART 1 ----- */













/* ----- CONTAINER LAYOUT-------------------------------------------------------------- */

#nav-breadcrumbs {
	padding-left: 25px;   /* FIXING FLUSH LAYOUT OF INHERITED BREADCRUMBS */
}



#content-exhibition {
	padding-left: 0px;
}



#nav-content {
	float: left;
	width: 170px;
	margin-left: 25px;
	margin-bottom: 25px;
}



#column-a {
	position: relative;
	float: left;
	width: 343px;
	margin-left: 25px;
	margin-bottom: 25px;
	margin-right: 0px;
}










/* ----- GENERAL TAGS-------------------------------------------------------------- */

#content-exhibition p, #content-exhibition h2 {
	margin: 0px 0px 10px 0px;
}

#content-exhibition h2, #content-exhibition h3 {
	font-size: 1em;
	font-weight: bold;
}

#content-exhibition h3 {
	margin-top: 10px;
}

#content-exhibition li {
	color: #000000;
}

#content-exhibition a:hover {
	text-decoration: underline;
}

#content-exhibition address {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

#content-exhibition address.tourAddress {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.onlineEntry textarea {
	font-size: 120%;
	}







/* ----- GENERAL NAVIGATION-------------------------------------------------------------- */

#content-exhibition a, #content-exhibition a:visited {
	color: #E72E96;
}



#content-exhibition li a, #content-exhibition li a:visited {
	color: #000000;
	font-weight: normal;
}



#utilities li a:link, #utilities li a:visited, #utilities li a:active , #utilities li a:hover {/* prevent inheritence from typography.css */
	font-weight: normal;
}



#nav-content ul {
	padding-top: 3px;
	padding-bottom: 0px;
}



#nav-content ul li a, #column-a ul li a, #column-a .shopTile a ul li {
	background: url("images/square-mid-grey.gif") no-repeat 0px 5px;
	padding-left: 10px;
	display: block;
}



#column-a ul li a:hover, #column-a .shopTile a:hover ul li  {
	background: url("images/square-dark-grey.gif") no-repeat 0px 5px;
	padding-left: 10px;
	text-decoration: underline;
}



#nav-content .linkSelected a, #nav-content .linkSelected a:hover {
	background: url("images/square-pink.gif") no-repeat 0px 5px;
	text-decoration: none;
	font-weight: bold;
}

#nav-content .linkSelected ul a {
	background: url("images/square-mid-grey.gif") no-repeat 0px 5px;
	font-weight: normal;
}



#nav-content ul a:hover, #column-a ul li a:hover, #nav-content .linkSelected ul a:hover {
	background: url("images/square-dark-grey.gif") no-repeat 0px 5px;
	padding-left: 10px;
	text-decoration: underline;
	font-weight: normal;
}






/* ----- HORIZONTAL NAVIGATION-------------------------------------------------------------- */

#exhibition-top-menu {
	padding: 5px 25px 5px 25px;
	margin-bottom: 25px;
	margin-top: -5px;
	border-bottom: solid 1px;
	background-color: #f2f2f2;
}



#exhibition-top-menu li {
	display: inline;
	padding-left: 0px;
	padding-right: 25px;
	}

#exhibition-top-menu a {
	padding: 10px;
	background: url("images/square-mid-grey.gif") no-repeat 0px 15px;
	}

#exhibition-top-menu a:hover {
	background: url("images/square-dark-grey.gif") no-repeat 0px 15px;
	text-decoration: underline;
}

#exhibition-top-menu .linkSelected a {
	background: url("images/square-pink.gif") no-repeat  0px 15px;
	text-decoration: none;
	font-weight: bold;
}











/* ----- GENERAL FORMATTING FOR VERTICAL BARS ------------------------------------------------------ */

#nav-content, #utilities div, #home-sidebar, .nav-home, .shopTile {
	background-color: #f2f2f2;
	border-top: 1px solid #737173;
	border-bottom: 1px solid #737173;
	margin-bottom: 25px;
}

#nav-content, #home-sidebar, .nav-home, .shopTile {
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 25px;
}



#nav-content h5, #utilities h5, #home-sidebar h5, .nav-home h5, .shopTile h5 {
	background-color: #E72E96;
 	color: #ffffff;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	font-size: 1.1em;
}

#nav-content h5 {
	font-size: 1em;
}



#utilities h5 {
	margin: 0px 0px 20px 0px;
}


#nav-content img {
	margin-bottom: 10px;
}



#column-a ul, #column-a ol  {
	padding: 5px 5px 4px 5px;
	margin-left: 25px;
}



#nav-content ul li, #column-a .contentRow ul li {
	display: block;
	vertical-align: top;						/* fixes IE5dditional space issue */
	list-style: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 10px;
}











/* ----- UTILITES BAR -------------------------------------------------------------- */

#utilities
{
	float: left;
	width: 150px;
	margin-left: 25px;
}

#utilities div {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
}



#utilities ul {
	list-style: none;
}



#utilities ul li {
	display: block;
	vertical-align: top;						/* fixes IE5dditional space issue */
	list-style: none;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
}



#utility-furtherInformation h5 {
	background-color: #737173;
	margin-bottom: 10px;
}


#utility-furtherInformation li {
	font-size: 1.1em;
	margin: 4px 0px;
}









/* ----- SEARCH BOX -------------------------------------------------------------- */

#content-exhibition input {
	height: auto;
	border: 1px solid #737173;
	padding: 2px 3px 0px 3px;
	
}



#content-exhibition select {
	height: 1.6em;
	padding: 0px 0px 0px 0px;
}



#utility-searchGalleryBox {
	margin-left: 10px;
}


#content-exhibition .searchGalleryButton {
	display: inline;
	height: 1.5em;
	color: #ffffff;
	background-color: #E72E96;
	border: 1px solid #737173;
	font-family: arial,helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 0px;
	margin-left: 5px;
	margin-top: 5px;
}

#content-exhibition .wpyButton {
	display: inline;
	height: auto;
	color: #ffffff;
	font-weight: bold;
	background-color: #E72E96;
	border: 1px solid #737173;
}



#content-exhibition .searchTourButton {
	display: inline;
	height: 1.5em;
	color: #ffffff;
	background-color: #E72E96;
	border: 1px solid #737173;
	font-family: arial,helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 0px;
	margin-left: 5px;
	margin-top: 5px;
}

.column-searchGalleryButton {
	float: right;
}



.column-searchGalleryBox {
	float: right;
	margin-bottom: 2px;
}





/* ----- MAILING LIST --------------- */

.column-mailingList {
	float: right;
	margin-right: 50px;
}


.column-mailingListButton {
	float: right;
	margin-right: 50px;
}


.mailingListForm label {
	float: right;
	margin-right: 10px;
}


.mailingListRow {
 	clear: both;
	padding-top: 5px;
}

.mailingListInstructions {
	clear: both;
	padding-top: 15px;
}

.mailingListDropDown {
	margin-right: 164px;
}


.searchGalleryDropdownContainer {
	margin-top: 5px;
	display: block;
}


#searchGalleryDropdownButton {
	margin-top: 1.2em;
}


.dropdownSearch {
	padding: 0px;
}









.searchGalleryDropdownContainer label {
	display: block;
	padding-bottom: 4px;
}



#category
{
	width: 250px;
}



#position
{
	width: 250px;
}




#townDifferent
{
	position: absolute;
	width: 12em;
	left: 12em;
}








/* ----- HORIZONTAL FOOTER-------------------------------------------------------------- */

#footer-credits {
	height: 48px;
	padding: 5px 25px 0px 25px;
	border-top: solid 1px #737173;
	background-color: #f2f2f2;
	clear: both;
	text-align: right;
}

#footer-credits img {
	float: right;
	margin: 0px;
	padding: 2px 0px 5px 25px;
	display: inline;
}

#footer-credits p {
vertical-align: middle;
	margin: 0px;
	padding: 13px 0px 0px 0px;
}


#page-footer /* overwrite existing margins */
{
	margin-top: -33px;
	clear: both;
	display: block;
}











/* ----- CONTENT COLUMN --------------------------------------------------------------------------- */


.awardTitle {
	color: #E72E96;
}



.column img {
	padding: 15px 0px;
}

.column #entrantName {
	margin-bottom: 0px;
}


.column .contentRow #entrantName {
	margin-bottom: -5px;
}

#column-a .contentRowThumbnail ul {
	margin-bottom: -5px;
}

#content-exhibition .tourDate {
	margin-top: 15px;
	margin-bottom: 0px;
}

.bolder {
	font-weight: bold;
}






/* ----- CONTENT ROW-------------------------------------------------------------- */

#column-a .contentRow h5 {
	font-size: 1em;
}



.contentRow {
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 0px;
}



.contentRowImage {
	width: 100px;
	float: left;
	text-align: center;
}



.contentRowImage img,.contentRowImageLarge img {
	margin: auto;
	float: none;
	padding: 0px;
}



.contentRow h5 {
	padding-bottom: 5px;
}

#column-a div.contentRow p {
	padding-bottom: 0px;
}

#column-a div.contentRowThumbnail h5, #column-a div.contentRowThumbnail p {
	margin-left: 108px;
	padding-bottom: 5px;
}


#column-a div.contentRowThumbnail ul {
	margin-left: 100px;
	padding-bottom: 5px;
}



.contentRowImageLarge {
	width: 150px;
	float: left;
	text-align: center;
}


#column-a div.contentRowThumbnailLarge h5, #column-a div.contentRowThumbnailLarge p {
	margin-left: 158px;
	padding-bottom: 5px;
}






/* ----- Upload ----- robes */
.uploadProgress {
	font-weight: bold;
	font-size: 200%;
}





/* ----- CONTENT IMAGES-------------------------------------------------------------- */

.columnImage {
	width: 142px;
	float: right;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	display: block;

	background-color: #f2f2f2;
	border-bottom: 1px solid #737173;
	margin-left: 10px;
	margin-bottom: 10px;
}


.columnImage img {
	padding: 0px;
}


/*  this would make label text align better (to right) but screws up some other labels - miks
#content-exhibition .captionExhibition {
	padding: 5px 10px 5px 10px;
	margin: 0px;
}
*/









/* ----- SHOP LAYOUT -------------------------------------------------------------- */

#column-a .shopTile a ul {
	margin-left: 3px;
}

.shopTile img {
	padding: 0px;
}





.shopTile {
	width: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


div.shopTileContainer	
{
	border-bottom: 1px solid #FFF;	/* for some reason this fixes an extra spacing issue - IE adds space, apparently beneath this div if it has no border - go figure - miks */
	clear: left
}

.shopTileContainer div
{
	margin-right: 21px;
	margin-bottom: 21px;
	float: left;
}


.shopTileContainer div.rightBox {
	margin-right: 0px;
}


#column-a {
	width: 343px;
}








/* ----- HACKS -------------------------------------------------------------- */
* html div#nav-content
{
	margin-left: 12px;   	/* for IE5.x/win */
	mar\gin-left: 12px;  	/* for other IE versions */
}
* html .mailingListDropDown {
	margin-right: 172px;
}
/* added by miks to fix Rupert's dodginess */
#content-exhibition form.tourSearchForm label
{
	width: 110px;

	padding-top: 0.2em;
	display: block;
}
.tourSearchForm select
{
	width: 120px;
}
.tourSearchForm input
{
	position: relative;
	top: 1px;
}
/* END added by miks */


/* Fix annoying image padding - robes */
img.alert {
	padding-top: 0;
	padding-bottom: 2px;
	padding-right: 5px;
}