/* 	Based on layout from http://matthewjamestaylor.com/blog/perfect-2-column-left-menu.htm */

body {
	margin:auto; 
	padding:0;
	border:0;	/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	max-width: 960px;	/* added; apparently not effective in IE6 rjc */
	min-width:600px;    	/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	font-family:verdana,helvetica,arial,sans-serif;
	color: #333;
}
a {
	color:#369;
}

a img { /* Removes border around link images in earlier IE */
	border:0;
}

h1, h2, h3, h4 {
	margin:1em 0 .5em 0;
	padding:0;
	color:#666;
}
p {
	margin:0 0 .8em .4em;
	padding:0;
}
img {
	margin:10px 0 5px;
}
/* rjc -- data_table class used eg. for lifeboat data tables */
.data_table, .data_table td, .data_table th { 
	border: 1px solid black;
	border-collapse: collapse;
	padding: 5px;
}
.data_table tr {
	text-align: right;
}
.data_table caption {
	font-weight: bold;
}

.superscript{
	position: relative;
	bottom: 0.5em;
	font-size: 0.8em;
}

/* Header styles */
#top_header { /* rjc -- used for medium logo and background bars only */
	background-color:#fff;
	background-image:url('../graphics/header_tile_glass_med.gif');
/* 	background-repeat:repeat-x;*/ /* This causes layout in IE6 to break for some reason! */
	margin: 0 0 10px; /* gap between header and columns */
	clear:both;
	float:left;
	width:100%;
}
#top_header_small { /* rjc -- used for small logo and background bars only */
	background-color:#fff;
	background-image:url('../graphics/header_tile_glass_small.gif');
/* 	background-repeat:repeat-x;*/ /* This causes layout in IE6 to break for some reason! */
	margin: 0 0 10px; /* gap between header and columns */
	clear:both;
	float:left;
	width:100%;
}
#menu_header { /* rjc -- used for header graphics only */
	background-color:#fff;
	background-image:url('../graphics/menu_bar_tile.gif');
/* 	background-repeat:repeat-x;*/ /* This causes layout in IE6 to break for some reason! */
	float:left;
	width:100%;
}
.left_img{
	float: left; /* rjc - keeps image to left when used with centred text */
	margin: 0;
}
.right_img{
	float: right; /* rjc - keeps image to left when used with centred text */
	margin: 0;
}
#top_header p { /* rjc - format text in top header; probably won't be used. */
	color: #06f;
	text-align: center;
	margin: 0 0 3px; /* rjc - apparently needed, not sure why */
	font-size: 150%;
}

#header {
	background-color:#cf9;	/* header background colour rjc */
	clear:both;
	float:left;
	width:100%;
	border-bottom:1px solid #000;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}

/* javascript conditional classes */
.fullText { display:block; } /* default state */
body.js .fullText { display:none; } /* when JS is enabled */

.showHideText { display:none; } /* default state */
body.js .showHideText { display:block; } /* when JS is enabled */

.photoSection {
	margin-top: 1em;
	margin-bottom: 1em;
	border-style: solid;
	border-color: #9cf;
	border-width: 4px 0 0 4px;
	border-top-left-radius: 10px;
}
.photoCaption {
	display: inline-block;
	*display: inline;	/* for IE7 & earlier */
	zoom:1;				/* ditto */
	padding: 0 10px;
	/* border-bottom-left-radius: 8px; */
	vertical-align: top; /* this seems to fix div height problem caused by combination of display:inline-block and font-size */
	border-bottom-right-radius: 8px;
	border-top-left-radius: 5px;
	border-style: solid;
	border-color: #9cf;
	border-width: 0 2px 2px 0;
	font-size: x-small;
	background: #def;
}
.photoThumbs img {
	border: solid 4px #fff;
	margin: 8px 4px 0;
	box-shadow: 5px 5px 8px #999;
	-webkit-box-shadow: 5px 5px 8px #999;
	-moz-box-shadow: 5px 5px 8px #999;
	filter: alpha(opacity=70);	/* for IE8 and earlier */
	zoom: 1;					/* ditto */
	opacity: 0.7;
}
.photoThumbs img:hover {
	filter: alpha(opacity=100);	/* for IE8 and earlier */
	zoom: 1;					/* ditto */
	opacity: 1.0;
}
.author { /* eg. for modeler & photographer credit in gallery pages */
	font-weight: bold;
}
.note {
	font-size: x-small;
	margin: 10px 0 10px;
}

.ruleTop {
	border:solid #9cf;
	border-width:4px 0 0;
	padding: 5px 0 0;
}

.ruleBottom {
	border:solid #9cf;
	border-width:0 0 4px;
	margin: 0 0 5px;
}

.ruleTopBottom {
	border:solid #9cf;
	border-width:4px 0;
	padding: 5px 0 0;
	margin: 0 0 5px;
}

/* 'widths' sub menu */
.layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
	border-left: solid #ccc 0px; /* left border for left column */
}
.leftmenu .colleft {
	right:84%;			/* right column width */
	background:#def;	/* left column background colour */
	border: solid #ccc 0px; /* top, bottom and right borders. left border must be set in .left_widesidebar */
}
.leftmenu .col1 {
	width:80%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {	/* rjc - modified to remove left column padding. Original values were width:16% left:6% */
	width:16%;			/* left column content width (column width minus left and right padding) */
	left:4%;			/* (right column left and right padding) plus (left column left padding) */
}
/* 2 Column (left menu) settings for wide sidebar (used on individual model pages) */
.left_widesidebar {
	background:#fff;	/* right column background colour */
	border-left: solid #ccc 0px; /* left border for left column */
}
.left_widesidebar .colleft {
	right:75%;			/* right column width */
	background:#def;	/* left column background colour */
	border: solid #ccc 0px; /* top, bottom and right borders. left border must be set in .left_widesidebar */
}
.left_widesidebar .col1 {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
}
.left_widesidebar .col2 {	/* rjc - modified to remove left column padding. Original values were width:16% left:6% */
	width:25%;			/* left column content width (column width minus left and right padding) */
	left:4%;			/* (right column left and right padding) plus (left column left padding) */
}
.separator {		/* rjc - apply to div for horizontal rule to separate sections */
	border-top:8px solid #9cf;
}
.img_left_nowrap:after { content: ''; clear: both; visibility: hidden; }
.img_left_nowrap img { float: left; margin-right: 10px; }
.img_left_nowrap p   { overflow: hidden; }
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}
#footer p {
	font-size: x-small;
	padding:10px;
	margin:0;
}