body {position: relative; margin: 0; padding: 0;}

body {
  background-image:url;
  background-color: #FAF9CB;

}


div#links {position: absolute; top: 81px; left: 0; width: 166px; height: 900px; font: 16px Verdana, sans-serif; z-index: 100;}

div#links a {display: block; text-align: center; font: bold 1em sans-serif;
   padding: 5px 10px; margin: 0 0 1px; border-width: 0;
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}

div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

div#links a span {display: none;}

div#links a:hover span {display: block;
   position: absolute; top: 600px; left: 15px; width: 120px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}

div#content {position: absolute; top: 26px; left: 161px; right: 25px;
   color: #F9F8D9;
   font: 13px Verdana, sans-serif; padding: 10px;
   border: solid 5px #444;}

div#content p {margin: 0 1em 1em;}

div#content h3 {margin-bottom: 0.25em;}

h1 {margin: -9px -9px 0.5em;
    padding: 15px 0 5px;
    text-align: right;
    background: #CC6600;
    color: #000099;
    letter-spacing: 0.5em;
    text-transform: lowercase;
    font: bold 25px sans-serif;
    height: 28px;
    vertical-align: middle;
    white-space: nowrap;}

h2 {color:#009999;}

h5 {
   font-size: 1em;
   color: #000000;
   font-family: Arial,;
   font-style: italic;
   text-align: center;
 }

dt {font-weight: bold;}

dd {margin-bottom: 0.66em;}

div#content a:link {color: white;}

div#content a:visited {color: #BBC;}

div#content a:link:hover {color: #FF0;}

div#content a:visited:hover {color: #CC0;}

code, pre {color: #EDC; font: 110% monospace;}

.transit {color:#00CCFF;}

p {
  color: #767E38;
  font-size: 1.4em;
  font-weight: 900;
}

.datevisit {
color:#997966;
font-weight: 900;
font-size: 18px;
}


#topsection{
background:   #F3F2D8;
height: 90px; /*Height of top section*/
border-bottom: thick double;
border-bottom-color: #0066FF;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 5% 0 5%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 5%; /*Width of left column in percentage*/
margin-left: -100%;
background:  #F3F2D8;;
}

#rightcolumn{
float: right;
width: 4%; /*Width of right column in pixels*/
margin-left: -4%; /*Set margin to that of -(RightColumnWidth)*/
background:  #F3F2D8;;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

a.video:link, a.video:visited {
    color: #3300FF;
    background: transparent;
    text-decoration: none;
}

a.video:hover {
    color: #000099;
    background: transparent;
    text-decoration: underline;
    font-size: 15px;
}

.glossymenu{
    list-style-type: none;
    margin: 0 0;
    padding: 0;
    width: 50px;
    border-bottom-width: 0;
}

.glossymenu li a{
    background: #000000;
    font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #000000;
    display: block;
    width: auto;
    padding: 5px 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    background-color:  #F3F2D8;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
    width: 50px;
}

.glossymenu li a:visited, .glossymenu li a:active{
    color: #000000;
}

.glossymenu li a:hover{
    background-image: url(../../../../../images/glossyback2.gif);
}

div#thumbnav {max-width: 100%;}

div.landscape {
	display: inline-block;
	vertical-align: top;
	width: 153px;
	margin: 5px 5px 30px;
	padding: 7px;
	text-align: left;
	border: 1px solid #e7e7e7;
	border-top: 4px solid black;
	overflow: hidden;
    color: #FFFF00;
}

/* this style was cut-and-paste from another site (Bootnic)
(http://bootnic.bounceme.net/TemporaryPages/inlineBlock.php )
then the class names were changed*/
div.landscape, x:-moz-any-link {
    display: -moz-inline-box;
}

.landscape a img {
	border: 2px solid white;
}

.landscape a img:hover {
	border: 2px solid #477cc8;
}

.landscape p {
	margin: 0;
	padding-bottom: .5em;
	font-size: .8em;
	color: #424242;
}


/*
-moz-inline-box to support older mozilla user agents
extra div also required
*/
div.landscape, x:-moz-any-link {
	display: -moz-inline-box;
	}

/*
reset for FF3
*/
div.landscape, x:-moz-any-link, x:default {
    display: inline-block;
    }

.update {
	font-size:10px;
	font-weight: bold;
	text-align: left;
    color: #003366 ;}

.clear	{clear: both; padding-top: 10px;}

.datenum {
    font-size: 16px;
    font-weight: bolder;
    color: #009999;}

.photodata {
    color: #006600;
}

a:link a:visited a:active {
  color: #000000;

}

<!--[if lt IE 8]>
<style type="text/css">
.display_inline_block_style{
     display:inline;
     zoom:1;
   }
</style>
<![endif]-->