@charset "UTF-8";
/* CSS Document */

/* Below are core stye elements of the site:  Body style, links headings and paragraph tags */

body {
	background-color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:0px;
	line-height: 12px;
}

a {
color:#0079c1;
font-size:12px;
}

a :hover {
color:#990000;
text-decoration: underline;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#006699;
font-weight:100;
font-size:20px;
margin:10px;
}

h2 {
font-family:Verdana, Arial, Arial, Helvetica, sans-serif;
color: #006699;
font-size:16px;
margin-bottom:0px;
margin: 10px 0px 0px 10px;
font-weight: 100;
}

h3 {
font-family:Verdana, Arial, Arial, Helvetica, sans-serif;
margin-left:10px;
margin: 10px;
}

p {
font-family:Arial, Helvetica, sans-serif;
color:#444444;
font-size:13px;
line-height:15px;
margin-top:5px;
margin-bottom:5px;
}

ul {
margin-top:0px;
margin-left:0px;
padding-left:10px;
}

/* Below is the pagemake up - top navigation, background and wires image */

#pageback {
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#333333;
	background-color:#999999;
	width:967px;
	margin: 0px 0px 0px 14px;
	float:left;
	position: relative;
	padding-bottom:5px;
}

#page_area {
    text-align:left;
	background-color:#FFFFFF;
	float:left;
	position:inherit;
	min-height:405px; 
	width:720px;
	margin-top:10px;
	margin-right:5px;
	margin-bottom:5px;
	margin-left:8px;
	padding-left:10px;
	border:solid;
	border-width:1px;
	border-color:#bbbbbb;
	display:inline;
}

#page_area p {
	margin-left:10px;
}

#wires{
background-image:url(images/wires.gif);
width:999px;
height:27px;
background-repeat:no-repeat;
}

#wrapper {
width:997px;
background-color:#FFFFFe;
border:#bbbbbb; 
border-style:solid;
border-width:1px;
border-top:0px;
margin-left:0px;
margin-top:0px;
}

#navbar {
float:left;
display:inline;
margin:3px 0px 0px 14px;
padding-left:0px;
border-left:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
width: 966px;
height:26px;
list-style:none;
background-color:#999999;
font-weight:400;
overflow: hidden;
}

#navbarhome {
background-color: #333333;
}

#navbar a {
height:26px;
font-size:0.8em;
line-height:2em; 
width:137px;
float:left;	
color: #efefef;
text-decoration: none;
font-weight: bold;
border-right-width:1px;
border-right-style:solid;
border-right-color:#FFFFFF;		
 }

#navbar a:hover {
text-decoration: none;
background-color: #333333;
font-weight: bold;
color: #ffffff;
}	

.navtitle{
float: left;
background-color:#404040;
color:#ffffff;
font-variant:small-caps;
width:192px;
height:20px;
margin-top:0px; 
margin-bottom:0px;
padding-top:10px;
padding-left:0px;
margin-left:0px;
}

.navtitle p {
padding-left:0px;
margin-left:0px;
}

/* Below is the left hand navigation for the different section */

#navigationleft {
float:left;
width:192px;
background-color:#FFFFFF;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 15px;
border:solid;
border-width:1px;
border-color:#bbbbbb;
font-size:13px;
line-height:30px;
margin-top: 10px;	
padding-left:0px;
padding-right:0px;
overflow: hidden;
}
 
#navlefthome {
background-color:#c5e1f1;
}

#navigationleft ul {
padding-top: 0px;
padding-right:10px;
padding-bottom:10px;
margin-left:0px;
margin-right:-10px;
}

#navigationleft li {
list-style: none;
float: left;
width: 192px;
padding-top: 0px;
margin-left:-10px;
padding-right: 0px;
padding-bottom: 0px;
border-bottom-style: solid;
border-bottom-width:1px;
border-bottom-color:#bbbbbb;
}

#navigationleft a {
width:192px;
float: left;	
color: #ffffff;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}

#navigationleft a:hover {
background-color:#c5e1f1;
}

.navlistbottom  {
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#fffffe;
}

/* Below is the style for the footer on each page of the site */

#footer {
	float:left;
	margin-left:15px;
	background-color:#404040;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	width: 967px;
	height: 74px;
	margin-left:14px;
	margin-bottom:4px;	
}

#footer p {
	float:left;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
	margin-top:12px;	
	color:#ffffee;
	margin-left:40px;
		
}

#footernav {
color:#666666;
text-decoration:none;
font-size:14px;
font-family:Arial, Helvetica, sans-serif; 
margin-bottom:4px;	
}

#footernav ul {
margin-top:0px;
padding-left:0px;
}

#footernav li {
display:inline;
color:#666666;
text-decoration:none;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

#footernav li a {
display:inline;
color:#666666;
text-decoration:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin-left:1px;
margin-top:20px; 
}

#footernav li a:hover {
text-decoration:underline;
color:#000000;
}

/* Below are special areas for the different styles on certain pages */

.dates {color:#CC6600;
}

#selection {

background-color:#ffffff;
width:200px;
height:245px;
float: left;
display:inline; 
margin:5px 20px 20px 20px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
position:inherit;
vertical-align:middle;  
}

#selection img {
border-width:1px;
border-color:#bbbbbb;
max-height:200px;
max-width:200px;
}


#selectiondesk {
background-color:#ffffff;
width:200px;
height:140px;
float: left;
display:inline;
margin:5px 20px 5px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#selectiondesk img {

vertical-align:middle;
width:75%;
height:75%;
display:block;
max-height:205px;
vertical-align:middle;
}

#diary {
width:730px;
font-size:11px;
margin-left:0px;
margin-top:0px;
float:left;
display:inline;
}

/* left and right cols==*/

.left_col {
	width:550px;
	float:left;
	height:auto;
}

.left_col_new {
	width:750px;
	float:left;
	height:auto;
}

.right_col {
	width:380px;
	height:auto;
	float:left;
}

a.right_col_link {
	display:block;
	width:380px;
	height:200px;
	margin:0px 0 0 0;
}

#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: #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-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) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/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; outline: none;}	 	

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

.cardstop {
	width: 100%;	
}

.cardstextheader {
	
}

.cardstext {
	float:left;
	width:569px;
}

.cardsimage {
	float: left;
	width: 337px;
}

.cardsbottom {
	width: 800px;
	background-image: url(imagescards/footer.jpg);
	height: 45px;
	padding: 60px 0px 0px 85px;
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
	font-size: 12px;
	letter-spacing: -1px;
	color: #000;
}

/*******/

.bespokeadjust10 {padding-left: 10px;}
.bespokeadjust15 {padding-left: 15px;}
.bespokeadjust20 {padding-left: 20px;}
.bespokeadjust25 {padding-left: 25px;}
.bespokeadjust30 {
	padding-left: 20px;
}
.bespokeadjust35 {
	padding-left: 25px;
}
.bespokeadjust50 {
	padding-left: 75px;
}

/**** */

/* MONTHS */

#thumbnails-months {
	width:590px;
	margin-top:40px;
	float:left;
}

#thumbnails-months a img {
 
  float:left;
  margin:0 10px 0 0;
  border:3px solid #ccc
}

#thumbnails-months a:hover img {
  
  float:left;
  margin:0 10px 0 0;
  border:3px solid #111
}

#thumbnails-calendars-months {
	width:640px;
	margin-top:20px;
	float:left;
	padding-left: 15px;
}

#thumbnails-calendars-months a img {

  float:left;
  margin:0 10px 0 0;
  border:3px solid #ccc
}

#thumbnails-calendars-months a:hover img {
	float:left;
	margin:0 10px 0 0;
	border:3px solid #111
}

.bespoke-details {
	font-size:12px;
	line-height: 13px;
}