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

/* --- BASICS --- */
html {
height: 100%;
}
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
border: 0;	
background: #eeeedd url(../img/bg.png) repeat-y top center;
color: #000000;
font-size: 80%;
font-family: Helvetica, Arial, "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, sans-serif;
}
.hide {
display: none;
}



/* --- LAYOUT --- */
div#wrapper	{
width: 800px;
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
min-height: 100%;
position: relative;
}
div#header {
text-align: center;
margin:0;
padding: 0;
width: 100%;
background: #990011;
color: #000000;
}
div#imagebar {
width: auto;
margin: 0;
padding: 0 1px 0 1px;
background: #000000;
color: #ffffff;
height: 40px;
}
#mainbox {
float: left;
min-height: 100%;
width: 800px;
padding: 0 0 0 10px;
/*padding-top: 10px;
padding-left: 10px;
padding-bottom: 2.5em;*/
margin: 0;
padding: 0;
background: transparent;
color: #000000;
}
#content {
text-align: left;
float: left;
width: 550px;
padding: 0 0 20px 0;
margin: 15px 0 20px 15px;
}
#sidebar {
text-align: left;
clear: none;
width: auto;
margin: 15px 0 0 595px;
padding: 0;
}
/* nasty hack to stop float drop in WinIE */
/* hide from MacIE. only WinIE sees this. \*/
* html #sidebar {
overflow: hidden;
o\verflow: visible;
width: 165px;
w\idth: auto;
he\ight: 1%;
}
#footer  {
height: 3em;
position: absolute;
bottom: 0;
left: 0;
width: 550px;
text-align: center;
padding-top: 0.2em;
padding-bottom: 1em;
margin: 0;
}
#copyright {
display: none;
}


/* IMAGE BAR NAV */
div#imagebar ul {
float: left;
text-align: left;
padding: 0;
margin:  0;
}
#imagebar ul li {
float: left;
width: 133px;
height: 40px;
margin: 0;
padding: 0;
text-align: right;
list-style: none;
list-style-image: none;
}
#imagebar ul li a {
display: block;
height: 40px;
padding: 0;
margin:  0;
}
#imagebar ul li a:hover {
display: block;
height: 40px;
}
#imagebar li.west {
background: transparent url(../img/bar/west.jpg) 0 0;
color: inherit;
}
#imagebar li.west a:hover {
background: transparent url(../img/bar/west.jpg) 0 -40px;
color: #000000;
}
#imagebar li.hosking {
background: transparent url(../img/bar/hosking.jpg) 0 0;
color: inherit;
}
#imagebar li.hosking a:hover {
background: transparent url(../img/bar/hosking.jpg) 0 -40px;
color: #000000;
}
#imagebar li.heath {
background: transparent url(../img/bar/heath.jpg) 0 0;
color: inherit;
}
#imagebar li.heath a:hover {
background: transparent url(../img/bar/heath.jpg) 0 -40px;
color: #000000;
}
#imagebar li.freeman {
background: transparent url(../img/bar/freeman.jpg) 0 0;
color: inherit;
}
#imagebar li.freeman a:hover {
background: transparent url(../img/bar/freeman.jpg) 0 -40px;
color: #000000;
}
#imagebar li.makagawa {
background: transparent url(../img/bar/makagawa.jpg) 0 0;
color: inherit;
}
#imagebar li.makagawa a:hover {
background: transparent url(../img/bar/makagawa.jpg) 0 -40px;
color: #000000;
}
#imagebar li.truman {
background: transparent url(../img/bar/truman.jpg)  0 0;
color: inherit;
}
#imagebar li.truman a:hover {
background: transparent url(../img/bar/truman.jpg) 0 -40px;
color: #000000;
}


/* SIDEBAR FORMATTING */
#sidebar #nav ul {
font-size: 105%;
font-weight: bold;
padding: 0;
margin: 0 0 15px 0;
text-transform: uppercase;
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, sans-serif;
list-style: none;
letter-spacing: 1px;
}
#sidebar #nav ul li {
padding: 0 0 5px 12px;
margin: 0;
}
#sidebar #nav li a {
color: #999988;
background: transparent url(../img/bullet.gif) no-repeat 0 center;
padding: 0 0 0 18px;
margin: 0;
}
#sidebar #nav li a:visited {
color: #999988;
}
#sidebar #nav li a:hover {
color: #990011;
background: transparent url(../img/bullet-mo.gif) no-repeat 0 center;
padding: 0 0 0 18px;
margin: 0;
text-decoration: none;
}
#sidebar #nav ul li ul {
font-size: 90%;
font-weight: bold;
list-style: none;
margin: 2px 0 -2px 20px;
padding: 0;
text-indent: -5px;
}
#sidebar #nav ul li ul li {
padding: 0 0 4px 0;
margin: 0;
}
#sidebar #nav ul li ul li a {
color: #999988;
background: #ffffff;
padding: 0;
margin: 0;
}
#sidebar #nav ul li ul li a:hover {
color: #990011;
background: #ffffff;
padding: 0;
margin: 0;
text-decoration: none;
}


/* FOOTER NAV */
#footer ul {
margin: 20px 0 0 0;
padding: 0;
}
#footer ul li {
font-size: 95%;
font-weight: bold;
display: inline;
list-style: none;
text-transform: lowercase;
color: #990011;
background: transparent;
}
#footer ul li a:link {
padding: 0;
margin: 0;
color: #999988;
background: inherit;
}
#footer ul li a:visited {
color: #999988;
background: inherit;
}
#footer ul li a:hover {
text-decoration: none;
color: #990011;
background: transparent;
}
#footer ul li span {
padding: 0 5px 0 5px;
margin: 0;
}


/* GENERAL TEXT FORMATTING */
h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
font-weight: bold;
color: #990011;
background: transparent;
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, sans-serif;
letter-spacing: 1px;
}
h1 {
font-size: 180%;
margin: 0 0 0.4em 0;
padding: 0;
}
h2 {
font-size: 160%;
margin: 0.5em 0 0.2em 0;
padding-top: 0.2em;
}
h3 {
font-size: 140%;
margin: 0.2em 0 0.2em 0;
padding-top: 0.2em;
}
h4 {
font-size: 130%;
margin: 0.2em 0 0.2em 0;
padding-top: 0.1em;
}
h5 {
font-size: 120%;
margin: 0.2em 0 0.2em 0;
padding-top: 0.1em;
}
h6 {
font-size: 110%;
margin: 0.2em 0 0.2em 0;
padding-top: 0.1em;
}
p {
font-size: 1em;
font-style: normal;
line-height: 130%;
margin: 0 0 0.7em 0;
padding: 0;
}
span {
}
blockquote {
margin-top: 0;
margin-bottom: 0.7em;
}
blockquote p {
font-size: 90%;
line-height: 130%;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0.8em;
}
blockquote ul li {
font-size: 90%;
}
blockquote ol li {
font-size: 90%;
}
a {
color: #990011;
background: transparent;
text-decoration: none;
}
a:link {
color: #990011;
background: transparent;
text-decoration: none;
}
a:visited {
color: #990011;
background: transparent;
text-decoration: none;
}
a:hover {
color: #999988;
background: transparent;
text-decoration: underline;
}
h1 a:link, h1 a:visited {
color: #990011;
background: transparent;
}
h1 a:hover {
color: #999988;
background: transparent;
text-decoration: underline;
}
h2 a:link, h2 a:visited {
color: #990011;
background: inherit;
}
h2 a:hover {
color: #999988;
background: transparent;
text-decoration: underline;
}
h3 a:link, h3 a:visited {
color: #990011;
background: transparent;
}
h3 a:hover {
color: #999988;
background: transparent;
text-decoration: underline;
}
h4 a:link, h4 a:visited {
color: #990011;
background: inherit;
}
h4 a:hover {
color: #999988;
background: transparent;
text-decoration: underline;
}
.small {
font-size: 80%;
}
.med  {
font-size: 90%;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.middle {
vertical-align: middle
}
.italic {
font-style: italic;
}
.bold {
font-weight: bold;
}


/* LISTS */
ul {
list-style: square;
line-height: 110%;
margin: 0 0 0.8em 0.8em;
padding: 0 0 0 0.5em;
}
ul li {
margin: 0 0 0.4em 0;
padding: 0;
text-indent: 0;
}
ul.nobull {
list-style: none;
}

/* MISC FORMATTING */

.author {
font-style: italic;
color: #888877;
background: transparent;
}
ul.credits {
list-style: none;
font-weight: bold;
font-size: 90%;
padding-top: 0;
margin-top: 0;
margi-bottom: 8px;
}
ul.credits img {
padding: 10px 5px 3px 0;
margin: 0;
}

/* captions */
.caption {
font-family: georgia, "times new roman", times, serif;
font-size: 80%;
line-height: 130%;
padding: 3px 5px 1px 0;
margin: 0;
background: transparent;
color: #555544;
}

/*tables*/
table {
border-spacing: 0;
border-collapse: collapse;
}
table caption {
display: none;
}

/* images */
img	{
	border: 0;
	margin: 0;
	padding: 0;
}
img.content {
border: 1px solid #eeeedd;
margin: 1px 5px 3px 0;
padding: 5px;
background: #ffffff;
color: #000000;
}
/* commented backslash hack to hide from IE5 Mac \*/
.wrap {
float: left;
position: relative;
padding: 0 7px 8px 0;
margin: 0;
}
/* commented backslash hack to hide from IE5 Mac \*/
.wrap-right {
float: right;
margin: 0 7px 3px 10px;
padding: 0;
}

/* contents list */
div.contents {
border: 1px dashed #eeeedd; 
padding: 10px;
margin: 10px 0 10px 0;
font-size: 90%;

}
/* gallery */
div.gallery {
margin: 10px 0 5px 0;
padding: 0;
}
div.row {
margin: 0 0 10px 0;
padding: 0;
}
div.gallery .row img {
padding: 3px;
margin: 0 5px 0 0;
border: 1px solid #eeeedd;
}
div.gallery .row div {
width: auto;
}
div.gallery .row div h2 {
font-size: 110%;
}

/* --- clears --- */
html>body .clearnav {
/* value for non-IE Win browsers*/
clear: both;
height: 0;
}
div.clearing {
clear: both;
line-height: 0;
height: 1px;
margin: -8px 0 0 0;
font-size: 1px;
display: block;
}
html>body .clearing {
/* value for non-IE Win browsers*/
clear: both;
height: 0;
margin: 0;
}
html>body .clearleft {
/* value for non-IE Win browsers*/
clear: left;
height: 0;
}
html>body .clearight {
/* value for non-IE Win browsers*/
clear: right;
height: 0;
}


/* --- SLIMBOX.CSS --- */
#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
}
.lbLoading {
background: #fff url(../img/slimbox/loading.gif) no-repeat center;
}
#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url(../img/slimbox/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url(../img/slimbox/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../img/slimbox/closelabel.gif) no-repeat center;
margin: 5px 0;
outline: none;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
}