/* ====== 		  */
/*  Main areas  */
/* ====== 		  */
#header
{
  height: 80px;
}

#LeftMenu
{
  height: 800px;
  width: 150px;
  background-color: #fff;
  padding-top: 20px;
}

#MainArea
{
  background-color: #EEEEEE;
  padding: 18px;
}

#MainArea table tr td{font-size:75%;}

#MainArea table tr .lightLabel {font-size:100%;}

#Table2 {margin-top:4px;border-right:solid 4px #FFF;}

#MainArea a {text-decoration:none;color:#333;}
#MainArea a:hover {color:#774891;}

#MainArea .navControl a {text-decoration:underline;}

#MainArea .navControl {padding-top:5px;padding-bottom:5px;}

.introArea
{
	font-size:75%;
  width: 600px;
}

/* ====== 				      */
/*  error messages     	*/
/* ====== 				      */

.errorMessage
{
  margin: 0px;
  padding: 0px;
  font-size: small;
  font-weight: bold;
  color: Red;
  text-decoration: none;
  text-transform: none;  
}

.requiredFieldError
{
  color: Red;
}

/* ====== 				      */
/*  Global formatting  	*/
/* ====== 				      */


.lightLabel a, .button a
{
  font-size: 75%; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;  
  color: #333;  
}

.lightLabel a:hover, .button a:hover
{
 /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: bold;
  text-decoration: none;
  color: #007c69;
}


H1
{
  font-family: Arial, Helvetica; /*  font-size: 1em; */
  font-size: 1.3em;
  font-weight: bold;
  color: #990000;
  text-decoration: none;
}

H2
{
  padding-top: 3px;
  padding-bottom: 8px;
  font-weight: bold;
  font-size: 1em;
  margin: 0px;
  color: #990000;
  font-family: "Trebuchet MS" , Arial, Helvetica;
  text-decoration: none;
}

UL
{
  list-style-type: none;
}

.hilite
{
  font-weight: bold;
  color: #007c69;
}

.highlight
{
  font-weight: bold;
  color: #7c4c96;
}

/* Special Area's */

#languageFlags
{
  position: absolute;
  top: 40px;
  right: 0px;
}

#innerFlags
{
  background-color: #eeeeee;
  padding-right: 10px;
  padding-left: 5px;
}

.flag
{
  position: relative;
  top: 2px;
}

/* ====== */
/*  TABS  */
/* ====== */

.tabUnderlay
{
	border-bottom: 1px solid #00a88e;
}

#tabRightSpacer
{
	height: 21px;
	border-bottom: 1px solid #00a88e;
}

*>#tabRightSpacer
{
	height: 20px;
}

.maintabsLeftSpace, .tabBackground
{
  background-color: #FFFFFF;
}

#tabLeftSpacer
{
	border-bottom: 1px solid #00a88e;
}

.tab, .activetab
{
   position: relative;
	float: left;
	top: 0;
	left: 5px; /* controls the horizontal position of the tabs */
	height: 20px;
	width: 40px;
	min-width: 40px;
	margin: 0px -5px 0px -5px; /* adjust these left and right margin values to change how much the tabs overlap or are seperated */
	border-collapse: collapse;
	padding: 0px 17px 0px 17px; /* these paddings need to be the same width as the tab end images */
	text-align: center;
	z-index: 2;
}

.tab a, .activetab a
{
  /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;  
  color: black;  
}

.tab a:hover, .activetab a:hover
{
  font-size: 12px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: bold;
  text-decoration: none;
  color: #007c69;
}

*>.tab, *>.activetab
{
	width: auto;
}

.activetab
{
  z-index: 3;
}

.tab, .tab a
{
  font-size: 12px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */
  font-weight: bold;
  text-decoration: none;  
  color: black;  
}

.activetab, .activetab a, .activebutton a
{
  font-size:12px; /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: bold;
  text-decoration: none;
  color: #7c4c96;
}

.activebutton a:hover
{
 /* Font deliberately specified in px because IE needs this to be a fixed value or it expands the tabCenter div, leaving little white lines under the tabs... don't change this unless you're prepared to redo all the tab layout as well (works fine in Mozilla/Opera, though...) */  
  font-weight: bold;
  text-decoration: none;
  color: #7c4c96;
}

.tab a:hover, .button a:hover
{
  color: #7c4c96;
}

.tabCenter
{
  height: 21px;
  border-top: 1px solid #00a88e;
  padding: 0px 3px 0px 3px;
  background: #ffffff;
  border-bottom: 1px solid #00a88e;
}

*>.tabCenter
{
	height: 19px;
}

.activetab .tabCenter
{
  background: #eeeeee;
  border-bottom: 1px solid #eeeeee;
}


.tabEndLeft, .tabEndRight
{
	position: absolute;
	top: 0;
	height: 21px;
	width: 17px;
	margin: 0;
	border-bottom: 1px solid #00a88e;
}

*>.tabEndLeft, *>.tabEndRight
{
	height: 20px;
}

.activetab .tabEndLeft, .activeTab .tabEndRight
{
	border-bottom: 1px solid #eeeeee;
}


.tabEndLeft
{
	left: 0px;
	background-image: url(../images/tabEndLeft.gif);
}

.tabEndRight
{
	right: 0px;
	background-image: url(../images/tabEndRight.gif);
}

.activetab .tabEndLeft
{
	background-image: url(../images/activeTabEndLeft.gif);
}

.activetab .tabEndRight
{
	background-image: url(../images/activeTabEndRight.gif);
}

/* ======           */
/* Leftnav Buttons  */
/* ======           */

.button, .activebutton
{
  text-align: left;
  background-color: #DDECE9;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999999;
  padding:0;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: none;
  border-left-style: none;
  border-right-color: #999999;
  border-left-color: #FFFFFF;
  padding:2px
}

.activebutton {
 background-color: #EEEEEE;
  border-top-color: #999999;
  border-right-color: #FFFFFF;
  border-left-color: #999999;
 
}

.button a span, .activebutton a span
{padding-left:7px;padding-right:7px;} 
 
 
.checkBox
{
  border: 0px;
  padding-top: 2px; 
}

.dark
{
  background: #cccccc;
  vertical-align: top;
}

.light
{
  vertical-align: top;    
}



/* ------------ */
/* Search form  */
/* ------------ */

.darkLabel
{
	background-color: #cccccc;
	vertical-align: middle;
  padding-left: 5px;	
  height: 25px;
  color: Black;
  font-weight: bold;
}

.lightLabel
{ 	padding-right: 10px;
	padding-left: 5px;
	background: #dddddd;
	vertical-align: middle;
	height: 25px;
}

.searchFormDropdown, .searchFormTextbox, .listButton
{
  padding-left: 5px;
  padding-right: 10px;  
}

.dualPanelSeparator
{
  text-align: center; 
}

.checkBoxCol
{
  padding-left: 1px;
  padding-right: 5px;
  width: 0px;
}

/* =============== */
/* Brief results   */
/* =============== */

.briefResultsTable
{
  width: 600px;
  border-collapse: collapse;

}

.briefResultsTable td
{
	padding: 5px;	
	vertical-align: top;
}



.briefThumbnailCell
{
	text-align: right;
}

.briefOptionControl
{
  border: 1px solid #000000;
  width: 600px;
  padding: 2px; 
}

/* =============== */
/* Archive results   */
/* =============== */

.ArchiveResultsTable
{
  border-collapse: collapse;
}

.ArchiveResultsTable td
{
	padding: 0px;	
}

.ArchiveThumbnailCell
{
	text-align: right;
}

.active, .active a
{
  background: #cccccc;
  font-weight: bold;
  color: #007c69;  
}

/* ---------------- */
/* Detail display   */
/* ---------------- */

#detailNav
{
	margin-bottom: 20px;
}	

#detailNav span
{
	vertical-align: top;
}

.detailTable
{
	width: 100%;
	border: none;
	border-collapse: collapse;
	background: none;
	text-align: left;
}

.detailTable th
{
	padding-left: 10px;
	background: #cccccc;
	text-align: left;
	color: #000000;
	font-size: 1em;
}

.detailTable td
{
	padding-left: 10px;
	vertical-align: top;
	background-color: #cccccc;
}

.detailSelectionRecordSeperator
{
	height: 2px;
	width: 100%;
	margin: 0;
	border: none;
	padding: 0;
	background: #aaaaaa;
	background-color: #aaaaaa;
	color: #aaaaaa;	
}

*>.detailSelectionRecordSeperator
{
	margin: 10px 0 10px 0;
}

/* ------------- */
/* COPYINFO WINDOW  */
/* ------------- */
body#copyInfo
{
  background-color: #eeeeee;
  color: #000000;  
  text-align: left; 
  padding: 15px;

}

body#copyInfo td
{
  text-align: left;  
  border: solid 1px black; 
}

body#copyInfo .header
{ 
  font-weight: bold; 
}

/* ------------- */
/*  PHOTO WINDOW */
/* ------------- */

body#photoInfo
{
  background-color: #eeeeee;
  color: #000000;
  padding: 20px;
}


/* ------------- */
/*  HELP WINDOW  */
/* ------------- */

body#helpContent
{
  background-color: #eeeeee;
  color: #000000;
  padding: 20px;
}

.helpDiv
{
  border-left: 2px solid #cccccc;
  padding: 10px;
}

.perkament .tdTop
{
  background-image: url(../images/perkament-top.gif);
  width:600px;  
  height: 78px;
}

.perkament .tdMiddle
{
  background-image: url(../images/perkament-middle.gif);
  width:400px;
  background-repeat: repeat-y;
  text-align: justify;  
}

.perkament .tdBottom
{
  background-image: url(../images/perkament-bottom.gif);
  width:600px;
  height: 202px;
}

/* ------------- */
/* LIST WINDOW   */
/* ------------- */

.listContent
{   
  background:#EEEEEE;     
  border-left: solid 10 #EEEEEE;
}

/* ------------- */
/* CART WINDOW   */
/* ------------- */

.reserveButton a
{
  font-weight:bold;
  color: #007c69;
}

.termsAndConditionsDownloadButton
{
  text-align: center;
  background-color: #EEEEEE;
  border-top: 2px solid #999999;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #555555;
  border-left: 2px solid #777777;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
}


/* -------------      */
/* CALENDAR WINDOW    */
/* -------------      */

.CalenderBody
{   
  background:#EEEEEE; 
}

.calendar table td a,.calendar table td 
{   
  font-family: "Trebuchet MS" , Arial, Helvetica;
  
  font-size: 12px;
  margin-left:0px;  
  background-color:#EEEEEE; 
  color : #000000;
}

.calendar table .DayHeader
{   
  background-color: #c33030; 
  color : #FFFFFF;
}

.calendar table td a .SelectedDay
{   
  background-color:#EEEEEE; 
  color:black;
}

.calendar table .TodayDay a
{   
  background-color: #c33030; 
}

.calendar table .Selector
{   
  background-color:#EEEEEE; 
}

.calendar table .NextPrev, .calendar table .Title
{   
  background-color:#EEEEEE;  
}

.navButton {padding:10px;}

#SearchForm1_Formoptions1_SORT tr td, #ListWindow {font-size:75%;}
#ListWindow a, #ListWindow .normal {font-size:75%;}


/* ====== 		  */
/*  From main site styles */
/* ====== 		  */
body {
	padding:0;
	margin:20px 0px 0px 15px;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	color:#333;
}

form {margin:0}
img {margin:0;display:block}
a acronym, a abbr, a img {border:0}

.s1, .sitelinks {font-size:70%}
.hdn, #skipnavlink {display:none !important}

#masternav {font-size:70%}

.s2 {font-size:75%;line-height:140%}
.s1 h2 {font-size:125%;color:#774a90;}
.s1 h3 { font-weight:bold; text-decoration:underline; font-size:100%;}
.s2 h3 {font-size:125%;color:#666}
h1 {font-size:110%;color:#774a90}


a {color:#175aac;}


#sitelinks {
	margin:0px;
	padding:0px;
	clear:right;
	float:right;
	margin-top:20px;
	text-transform:lowercase;
	
}

#sitelinks ul {
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
}
#sitelinks ul li {
	margin:0;padding:0;
	display:inline;
}
#sitelinks ul li a {
	margin-left:10px;
	float:left;
	padding-left:22px;
	height:17px;
}

#link-home a{background:url(/images/icon_home.gif) no-repeat}
#link-search a{background:url(/images/icon_search.gif) no-repeat}
#link-sitemap a{background:url(/images/icon_sitemap.gif) no-repeat}
#link-textonly a{background:url(/images/icon_textonly.gif) no-repeat}

#sitelinks a {background-position:0 70%}

#sitelinks .last {margin:0px;}


#quicksearch {
	margin-top:31px;
	padding:0px;
	clear:right;
	float:right;	
}
#quicksearch form {display:inline}
#quicksearch form div {display:inline}

#quicksearch input {font-size:75%;padding-top:1px;}

#quicksearch-query {width:125px;}

#masternav {
	border-top:10px solid #fff;
	overflow:auto;
}

#masternav ul {
	margin:0;padding:0;
	list-style:none;
}
#masternav ul li {
	margin:0;padding:0;
	display:inline;
}

#masternav ul li a {
	float:left;
	padding:8px 5px 8px 4px;
	color:#FFF;
	background:url(/images/masternav_bg.gif) repeat-x top left;
	text-transform:uppercase;
	text-decoration:none;
	height:15px;
}

.frame-A {
	background:url(/images/masternav_left.gif) no-repeat;
	height:25px;
	width:5px;
	float:left;
	margin:0px;
	padding:0px;
}

.frame-D {
    background:url(/images/masternav_right.gif) no-repeat;
	height:25px;
	width:7px;
	margin:0px;
	padding:0px;
	float:left;
	border-right:solid 2px #FFF;
}

#masternav .current a {background:url(../images/masternav_bg_on.gif) repeat-x top left;}
#masternav .current .frame-A {background:url(../images/masternav_left_on.gif) no-repeat;}
#masternav .current .frame-D {background:url(../images/masternav_right_on.gif) no-repeat;}

#crumbtrail {
	border-top:solid 4px #FFF;
	border-bottom:solid 15px #FFF;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	padding:5px;
	background:url(/images/crumbtrail_corner_C.gif) right bottom no-repeat #e9e5e6;
	width:100%;
	float:left;
	color:#666;
}

#crumbtrail p {margin:0px;padding:0px;}


#footer {
	margin:0px;
	padding:0px;
	border-top:solid 2px #59c6b5;
	text-align:right;
	clear:both;
	margin:0px;
}

#footer p {
	margin:0px;
	padding-top:5px;
	padding-bottom:15px;
}

#footer a {color:#000}

#footer p {
	margin:0;
	float:left;
}
#footer-links ul {
	margin:0;padding:8px 0 8px 0;
	list-style:none;
	float:right;
}
#footer-links ul li {
	margin:0;padding:0;
	display:inline;
}
#footer-links ul li a {
	float:left;
	padding:0 8px 0 8px;
	border-right:1px solid #D6D6D6;
}
#footer-links ul li.last a {
	border-right:0;
	padding-right:0;
}
#access-tools {
	float:right;
	clear:right;
}
#access-tools ul {
	margin:0;padding:0;
	padding-left:8px;
	list-style:none;
}
#access-tools ul li {
	margin:0;padding:0;
	margin-left:8px;
	float:left;
	padding-bottom:20px;
}


/* Hide from IE5-mac. Only IE-win sees this - IE 3-pixels gap fix \*/
#masternav {line-height:85%}
/* End hide from IE5/mac */

/*=== */