<!-- 

/* use this to format lists in a floating box within a box - although it's often useful to apply anyway... */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-table;}

/* Hide from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */


* { margin: 0;  padding: 0; }


/* pre { font-family: monospace; }

img {border: none;}

acronym, dfn {cursor: help; border-bottom: 1px dashed #ccc;} */


body {background: #cfc6a5 url(/resources/art/left_sand.png);

background-repeat: repeat-x; color: #3b2720; font-family: verdana, arial, helvetica, sans-serif; text-align: left;  margin:0; padding: 0;}

/* body margin and padding of 0 to remove IE white space at top of page */


p {margin: 0; padding: 0; font-size:80%;}


#wrapper {

	background: white ; width:90%; float:right

}

#header {height: 90px; background-color: #000; background-repeat: repeat-y; background-image:url(/resources/art/head-bg.png); padding-bottom:.5em; }


#header h1 {font-family: kudasai, chinoiseries, bamboo, wonton, verdana, arial, helvetica, san-serif; color: #fff; font-size: 230%; }

#header p {margin: 10px 0 0 50px; padding: 0; font-family: verdana, arial, helvetica, san-serif; color: #fff; font-size: 100%; font-weight: lighter;}


#navcontainer ul {padding-left: 0; margin-left: 0; background-color: #00004c; color: #fff; float: left; width: 100%; font-family: verdana, arial, helvetica, sans-serif; font-size: 80%;

}

#navcontainer ul li { display: inline;

}

#navcontainer ul li a {padding: 0.1em 1em; background-color: #00004c; color: #fff; text-decoration: none; float: left; border-right: 1px solid #fff;

}

#navcontainer ul li a:hover {background-color: #1E90FF; color: #fff;text-decoration: underline overline;

}

#container { width: 100%; background: #F0F8FF /*url(bodytone.jpg); background-repeat: repeat-y*/; float: left; margin-right: -310px; /* border: 2px solid gold;*/ padding-bottom: 50px /* padding-bottom keeps the footer (neg margin) away from the gallery in IE */

}

#content {background: transparent; margin-right: 20px; /*border:1px solid red;*/ 

}

#content h2 {font-weight: lighter; font-family: "Trebuchet MS", "lucida sans", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:200%; color:#104E8B; letter-spacing: 2.5px; margin-left: 50px; margin-top: 20px;

}

#content h3 {font-weight: normal; font-family: "Trebuchet MS", "lucida sans", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:125%; color: black; letter-spacing: 1.5px; margin-left: 20px; margin-top: 0px;

}

#content h4 {font-weight: bold; font-family: "Trebuchet MS", "lucida sans", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:100%; color: black; margin-left: 10px; margin-top: 0px;

}

#content h5 {font-weight: bold; font-family: "Trebuchet MS", "lucida sans", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:80%; color: #104E8B; margin-left: 5px; margin-top: 0px;

}

#content ol {font-weight: normal; font-style: normal; font-size: smaller; color: black; padding-left: 30px; margin-right: 30px;

}

hr {width: 50%; background-color: #104E8B; height: 3px; margin: 15px 0 0 50px; text-align: left;}

/*whatever the total width of the border-top and border-bottom equal if used*/


.gallerybox {float:left; margin-top: 30px; padding-left: 50px; /*border:1px solid #369;*/ }/* positions the gallery as a whole */


.gallerybox p {font-size: smaller; margin-left: 5px; padding-right: 10px;}

.gallerybox a:link, .gallerybox a:visited { font-size: 100%; text-decoration: none; color: #104E8B }

.gallerybox a:active {  }

.gallerybox a:hover {font-weight: bold; color: #1E90FF;}


.gallery {float:left; width: 80px; padding: 10px;}

.gallery img {border:1px solid black;}


/* FF margins are added to container, so widths need to take account of that */


.footer {float:left; width: 75%; border:1px solid #322; margin: -8px 0 0 0; padding-left:2em; background-color: #00004c; color:#fff; }


.footer a:link, .footer a:visited { text-decoration: none; color: #fff }

.footer a:active {  }

.footer a:hover {text-decoration: underline overline;

	font-weight: bold;

	color: #F0F8FF;

}

.footer p { margin: 0; padding: 4px; text-align: left; font-size: 70%; }


.footer img {margin-left: 50px;}


.last {

	margin-bottom: 0;

}

.spacer {

	height: 0;

	clear: both; border:1px dashed blue

} 

 -->