html {
    height: 100%;
	}
body {
	margin: 5px; padding:0px; background-color:#ffffff;
	}
.top {
	font-size: 70%;
}
/**Typography**/						             
h1 {
	font: bold 105% Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 12px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	}
h2 {
	font: bold 101% Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	}
h3 {
	font: bold 99% Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	}
h4 {
	font: bold 95% Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	}
.captionhome { 
	font: 70% verdana, arial, helvetica, sans-serif;
	color: #000000;
	padding-top: 3px;
	line-height: 1.5em;   /**Use only on home page**/
	voice-family: inherit;
	}
.headingshome {
	font: 80% verdana, arial, helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 15px;
	color: #000000;
	margin-top: 5px;
	voice-family: inherit;   /**Side headings on home page only**/
	}
	
/* shuttermoments logo used on main gallery pages */
.tdLogo {
	background-color: #ffffff; padding: 20px 10px 10px 20px; text-align: center;
	}
h1#galleryLogo1  {
	font: bold 16pt Arial, Helvetica, sans-serif;
	letter-spacing: 7px;
	color: #666666;
	margin: 0px 0px; 
	voice-family: inherit;
	}
.galleryLogo2  {
	font: bold 16pt Arial, Helvetica, sans-serif;
	letter-spacing: 7px;
	color: #AC956B;
	margin: 0px 0px; 
	voice-family: inherit;
	}
h2#galleryTitle1  {
	font: normal 16pt Arial,Helvetica, sans-serif;
	letter-spacing: 7px;
	color: #666666;
	text-align: center;
	margin: 0px 0px;  
	voice-family: inherit;
	}
P#imageTitle {
	width: 425px;
	font: 80% verdana, arial, helvetica, sans-serif;
	line-height: 1.5em;
	text-align: center;
	padding-right: 0px;
	padding-bottom: 10px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	voice-family: inherit;
	}
P#imageTitle .blank {
	DISPLAY: none
	}
.caption {
	font: 75% arial, helvetica, verdana, sans-serif;
	line-height: 1.5em;
	text-align: center;
	padding-right: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	voice-family: inherit;
	}

A:link {
	font-weight: normal; color: #000099; text-decoration: underline;
	}
A:visited {
	font-weight: normal; color: #336699; text-decoration: none;
	} 
A:hover {
	font-weight: normal; color: #990000; text-decoration: underline;
	} 
A:active {
	font-weight: normal; color: #CC3333; text-decoration: none;
	}

hr {
	width: 99%;
	font-weight: bold;
	font-size: 18px;
	color: #15a5a6;
	border-bottom: #999999 thin dotted;
	margin-right: 10px;
	}

/**Layout divisions**/
div#oldbrowser {
display: none;
	}
#skipnav {
display:none;
	}
#wrap {
	width: 750px;
	background: #ffffff;
	margin-left: auto;
	margin-right: auto;
	voice-family: inherit;
	}

/*Global navigation bar at top of page*/
#glnavbar {
	width: 750px;
	height: 26px;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top: 3px;
	margin: 0px;
	background-color: #ffffff;
	text-align:right;
	border-top: solid 1px #452E06;
	border-left: 1px solid #452E06;
	voice-family: inherit;
	}
#glnavbar ul {
	margin-left: 0px;
    padding-left: 0px;
    display: inline;
    border: none;
	}
#glnavbar ul li {
    list-style: none;
    display: inline;
	}				
#glnavbar a:link {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	background:#ffffff;
	color:#333366;
	text-decoration:none;
	border-left: 1px solid #452E06;
	font-weight:normal;
	}
#glnavbar a:visited {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	background:#ffffff;
	color:#336699;
	text-decoration:none;
	border-left: 1px solid #452E06;
	font-weight:normal;
	}
#glnavbar a:hover {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	text-decoration:underline;
	border-left: 1px solid #452E06;
	color: #990000;	
	font-weight:normal;	
	}		
#glnavbar a:active  {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	color:#CC3333;
	border-left: 1px solid #452E06;	
	text-decoration:none;
	font-weight:normal;	
	}
#glnavbar li.home a:link {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	background: #ffffff;
	color: #333366;
	border: none;
	text-decoration: none;
	font-weight: normal;
	}
#glnavbar li.home a:visited {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	background: #452E06;
	color: #336699;
	border: none;
	text-decoration: none;
	font-weight: normal;
	}
#glnavbar li.home a:hover {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
	border: none;
	color: #990000;
	font-weight: normal;	
	}		
#glnavbar li.home a:active {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	color:#CC3333;
	text-decoration:none;
	border: none;
	font-weight: normal;	
	}
#ruler {
	background: #452E06;
	height: 4px;
	width: 750px;
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 2px #CAB563;
	voice-family: inherit;
	}
	
#ruler2 {
	background: #aaaaaa;
	height: 3px;
	width: 750px;
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #452E06;
	border-bottom: solid 1px #452E06;
	voice-family: inherit;
	}		
/*Light gray ruler at top of gallery pages*/
#rule2 {
	background: #aaaaaa;
	height: 1px;
	width: 750px;
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #ffffff;
	}			

#header {
	width: 750px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #000000;
	}

/*  Horizontal navigation bar */
#hmenu {
	width: 750px;
	height: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #ffffff;
	}	 
#navmenu {
	margin: 0;
	padding: 0;
	}

#navmenu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}
#navmenu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}
#navmenu ul li a {
	background-color: #ffffff;
	width: 149px;
	line-height: 2em;
	height: 22px;
	border-top: 1px solid #452E06;
	border-left: 1px solid #452E06;
	border-bottom: 1px solid #452E06;
	border-right: none;
	padding: 0px;
	margin-top: 0px;
	color: #333366;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	font-size: 70%;
	voice-family: inherit;      
	}
html>#navmenu ul li a  {
	font-size: x-small;   
	} 
#navmenu ul li#five a  {
	width: 148px;
	border-right: solid 1px #452E06;
	}
#navmenu a:visited {
	color: #452E06;
	}
#navmenu ul li a:hover {
	color: #ffffff;
	background-color: #452E06;
	}
#navmenu a:active	{
	color: #333366;
	font-weight: normal;
	}

#contcontain {
	width: 750px;
	min-height: 100%;
	position: relative;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #aaaaaa;
	voice-family: inherit;
	}
	
/* No floating image and text elements allowed on either the left or the right side of this element */
.clear {
	clear: both;  
	}
.clearing {
	clear: both; font-size: 1px; line-height: 0; height: 0px;
	}
#Content {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 750px;
	float: left;
	position: relative;
    min-height: 100%;
	voice-family: inherit;
	}
div#contcontain>#Content {
	height: auto;	/* fix Opera which breaks with the above IE fix */
	}
div#Content {
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
	}
.contentheadingsmall {
	background: none;
	font: bold 90% verdana, arial, helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
#Content p {
	font: 80% verdana, arial, helvetica, sans-serif;
	line-height: 1.5em;
	padding-right: 50px;
	padding-bottom: 10px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 10px;
 	}
#Content>p {margin: 0px;}
#Content ul li {
	font: 80% verdana, arial, helvetica, sans-serif;
	color: #000000;
	}
#Content ol li {
	font: 80% verdana, arial, helvetica, sans-serif;
	color: #000000;
	}
/*Breadcrumb used on Article pages incl cherry article pages*/
#breadcrumb  {
	padding-top: 10px;	
	voice-family: inherit;
	}
#breadcrumb p {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	text-align: left;
	}
#disclaimer {
	border: thin #999999 dotted;
	voice-family: inherit;
	}
#disclaimer p {
	font: 80% verdana, arial, helvetica, sans-serif;
	color: #000000;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 0px;
	}
	
/* Side menu bar on Cherry Article pages */
div#verticalMenu {
	background-color: #ffffff;
	margin-right: 5px;
	voice-family: inherit;
	}
div#verticalMenu P {
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff;
	padding: 0px;
	margin: 2px 0px 2px 2px;
	border-top:  1px solid #C0C8D4;
	border-left: 1px solid #C0C8D4 ;
	border-right: 1px solid #C0C8D4;
	border-bottom:1px solid #C0C8D4;
	}
div#verticalMenu A {
	text-decoration: none;
	display: block;	
	padding-right: 3px;
	padding-top: 2px;	
	padding-left: 3px;
	padding-bottom: 2px;
	margin: 0px;
	}
div#verticalMenu P.category {
	font-family: Arial, sans-serif;
	font-weight: bold;	
	color: #ffffff;		
	border-right: 1px solid #7295BA;
	padding-right: 3px;
	border-top: 1px solid #7295BA;
	padding-left: 3px;
	background: #6589AF;
	padding-bottom: 2px;
	border-left: 1px solid #7295BA;
	padding-top: 2px;
	border-bottom: 1px solid #7295BA;
	}
div#verticalMenu A:link {
	color: #043956; text-decoration: none;
	}
div#verticalMenu A:visited {
	color: #043956; text-decoration: none;
	}
div#verticalMenu A:hover {
	color: #990000; text-decoration: underline;
	}
#image {
	height: 315px;
	width: 420px;
	margin: 0px;
	}
#image ul li {
	width: 200px;
	margin: 0px;
	padding: 0px;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	}	
#imageleft {
	width: 200px;
	margin: 10px 0px 10px 0px;
	padding: 5px;
	float: left;
}
#imageleft p {
	font: 11px/14px Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	margin: 0px;
	border-top: 1px solid #dddddd;
	}
#imageleft ul li {
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	width: 150px;
	}

/*Footer bar at bottom of page*/
#footcontain {
	width: 750px;
	float: left;
}	
#footer {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #422900;
	border-left: 1px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
	padding: 2px;
	width: 750px;
	background-color: #ffffff;
	margin: 0px;
	voice-family: inherit;
	}	
#footer ul {
	margin-left: 0px;
    padding-left: 0px;
    display: inline;
    border: none;
	}
#footer ul li {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
    border-left: 1px solid #452E06;
    list-style: none;
    display: inline;
}
#footer ul li.home {
	margin-left: 0px;
    padding-left: 3px;
    border-left: none;
    list-style: none;
    display: inline;
	}
#footer a:link {
	text-decoration: none;
	color:#333366;
	}
#footer a:visited {
	text-decoration: none;
	color: #336699;
	}	
#footer a:hover {
	text-decoration: underline;
	color: #990000; 	
	}
#footer a:active {
	text-decoration: none;
	color: #CC3333;
	}	

/**Image handling**/		
img {
	border: 0px;
	}
img.homepageimage {
	border: 1px solid #000000;
	voice-family: inherit;
	}
.imgright {
	display: block;
	float: right;
	position: relative;
	bottom: 0px;
	margin: 0px 0px 2% 3%;
	padding: 0px;
	border: 0px;
	voice-family: inherit;
}
.imgleft {
	float: left;
	margin: 0px 3% 2% 0%;
	voice-family: inherit;
	}

/** Right side table for photographs on main Gallery pages **/
TABLE.galleryImages TD {
	vertical-align: bottom; width: 106px; text-align: center;
	}
TABLE.galleryImages TD.galleryPhoto {
	padding-right: 5px; padding-left: 0px; padding-bottom: 0px; overflow: hidden; padding-top: 4px;
	}
TABLE.galleryImages TD.galleryCaption {
	vertical-align: top; text-align: center;
	}
TABLE.galleryImages TD.galleryName {
	vertical-align: top; text-align: center;
	}
TABLE.galleryImages TD.first {
	padding-left: 0px;
	}
TABLE.galleryImages TD.last {
	padding-right: 0px;
	}
TABLE.galleryImages TD.galleryPhoto IMG {
	margin: 0px 0px 0px 0px;
	}
TABLE.galleryImages TR.first TD.galleryPhoto IMG {
	MARGIN-TOP: 0px;
	}
TABLE.specs TD {
	font: 80% verdana, arial, helvetica, sans-serif; 
	color: #000000;
	line-height: 1.5em;
	padding-right: 10px;
	}

/* Sub Gallery pages - use on secondary galleries */
Div#imagePhoto {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; MARGIN-bottom: 35px; padding-top: 0px;
	text-align: center;
}
H1#imageGallery {
	font: 80% normal Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	text-align: left;
	display: block; 
	padding-top: 20px;
	padding-left: 0px; 
	padding-right: 0px;
	padding-bottom: 50px; 
	margin: 0px; 
	voice-family: inherit;
	}

/* Anchor links in non-cherry articles */
#sublink {
	width: 750px;	
	color: #000000;
	border: none;
	padding: 2px;
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 15px;
	voice-family: inherit;
	}	
#sublink ul {
	margin-left: 0px;
    padding-left: 0px;
    display: inline;
    border: none;
	}
#sublink ul li {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
    border-left: 1px solid #422900;
    list-style: none;
    display: inline;
}
#sublink ul li.home {
	margin-left: 0px;
    padding-left: 3px;
    border-left: none;
    list-style: none;
    display: inline;
}
#sublink a:link {
	text-decoration: none;
	}
#sublink a:visited {
	text-decoration: none;
	}	
#sublink a:hover {
	text-decoration: underline;
	}
#sublink a:active {
	text-decoration: none;
	}
/* More links box on right side of links pages */
.floatright {
	padding-right: 2px;
	padding-left: 2px;
	float: right;
	padding-bottom: 2px;
	margin: 7px;
	padding-top: 2px;
	width: 207px;
}