body {
 height:100%;
 margin:0;
 padding:0;
/*
 background:fixed no-repeat 100% 0 url("logo_sept06.jpg") #ffffff;
*/
 background:#ffffff;
 font: 1em Arial, Geneva, Helvetica, sans-serif;
}

.logo {
 text-align:right;
}


.mainbody {
 font:0.9em Geneva, Arial, Helvetica, sans-serif;
 margin:0 0 0 10em;
 padding:20px;
 background:white;
 color:#000000;
 overflow:hidden;
}

.mainbody span {
 font-size:0.9em;
}

.mainbody img {
 float:left;
 margin:0 25px 10px 40px;
}

.mainbody img.opposite {
 float:right;
 margin:0 25px 10px 25px;
}

.mainbody a[href] {
 font:bold 0.8em Arial, Geneva, Helvetica, sans-serif;
}

.mainbody a:link, 
.mainbody a:visited {
 color:#207080;
}

.mainbody a:hover, 
.mainbody a:active, 
.mainbody a:focus {
 color:#209090;
}

.contents {
 font:0.9em "Times New Roman", serif;
 position:fixed;
 width:10em;
 left:0;
 top:25%;
 text-align:center;
}


.contents a {
 font:0.8em Arial, Geneva, Helvetica, sans-serif;
 font-weight:normal;
 text-decoration:none;
 width:100%;
 display:block;
 margin:1px 0 2px 0;
 padding:0px 0;
 border-right:1px solid #989694;
}

.contents br {
 display:none;
}

.contents a:link,
.contents a:visited {
 background:#ffffff;
 color:#101010;
}

.contents a:hover,
.contents a:active,
.contents a:focus {
 color:#500000;
 background:#ffffff;
 border-right:2px solid #FF6C00;
}

.contents a:first-child {
 font-weight:bold;
 margin-bottom:5px;
}

.contents a:first-child:hover {
 border-right:2px solid teal;
}


.topnav1 {
 float:left;
 background:transparent;
 color:black;
 margin:12px 0 0 -3px;
 height:34px;
 text-align:left;
}


.topnav2 {
 margin:0 0 5px 10em;
 text-align:right;
}

.chapter {
}


.chapter a {
 font-size:0.8em;
 font-weight:normal;
 vertical-align:middle;
 background:white;
 text-decoration:none;
 color:black;
 padding:5px 2px;
 margin:1px;
 border:0 none;
}

.chapter a.selected {
 margin:0;
 background:30% 0 no-repeat url("red_doodle.jpg") white;
 background-size:100%;
}



.chapter a:active,
.chapter a:hover,
.chapter a:focus {
 color:red;
}

.section {

}

.section a {
 font-size:0.8em;
 font-weight:normal;
 background:transparent;
 text-decoration:none;
 color:black;
 margin:0;
 padding:5px 2px;
 border:0 none;
}

.section a.selected {
 color:black;
 background:5px 0 no-repeat url("teal_doodle2.jpg") #ffffff;
/* border:1px solid teal; */
}


.section a:active,
.section a:hover,
.section a:focus {
 color:teal;
}

.topnav .me {
 color:#001040;
 background:#ffffff;
 font:normal 0.8em Verdana;
 margin:0;
 vertical-align:middle;
}


.name {
 color:#006070;
 letter-spacing:4px;
 font-weight:600;
}

.topnav .title {
 margin:0;
 padding:12px 6px 0 3px;
 }

.title span {
 color:#e8d0b8;
 font-size:1.6em;
}

.title a:link, 
.title a:visited {
 background:#404046;
 color:#ffffff;
 border:none;
}

.title a:focus, 
.title a:active,
.title a:hover{
 background:#404046;
 color:#20a0c0;
 border:none;
}

h2 {
 margin:10px 0 0 0;
 text-align:center;
}

h3 {
 font:italic normal 1.2em "Times New Roman", serif;
 text-align:left;
 letter-spacing:7px;
 color:#202028;
 margin:5px 0 8px 0;
 padding-top:20px;
}

h3:first-letter {
 color:#FF6C00;
 font-size:1.3em;
 font-weight:bold;
}

h4 {
 margin:20px 0 7px 0;
 color:#202028;
}

h3, h4 {
 clear:both;
}


h5 {
 margin:14px 0 4px 0;
}

ol, ul {
 margin:4px 0 4px 0;
}

li {
 margin-top:8px;
}

ul li {
 margin-top:2px;
 margin-bottom:5px;
}

li br {
}

table.tabular {
 border-collapse:collapse;
 width:80%;
 background:#f0f0f0;
 color:black;
 margin:auto;
}

.tabular thead,
.eg div {
 font:0.8em Arial, Geneva, Helvetica, sans-serif;
 background:#e8f0f8;
}

.tabular td {
 width:auto;
 text-align:center;
 vertical-align:middle;
 padding:5px;
}

.mainbody .eg {
 background:#e8f0f8;
 border:1px solid #303030;
 margin:20px auto;
}

.mainbody .eg .box {
 float:left;
 text-align:center;
 margin:0;
}

.mainbody .eg img {
 float:none;
 background:#f8f8f8;
 border:1px solid #e0e0e8;
 border-top:1px solid #a0a0a8;
 border-right:1px solid #a0a0a8;
 vertical-align:bottom;
 margin:0 10px 5px 10px;
 padding:7px;
}

.photoPages .section a.selected {
 background:0 0 no-repeat url("teal_doodle2.jpg") #ffffff;
}

.photoPages .topnav .me {
 background:#ffffff;
}

.photobody {
 border:0 none;
 width:auto;
 margin:0;
 padding:0 0 10px 0;
 border-top:1px solid black;
 border-bottom:1px solid black;
}

.photos {
 max-width:950px;
 min-width:486px;
 margin:auto;
}


.bigPhoto {
 float:left;
}

.thumbbg {
 background:#ffffff;
}

.photos .thumbs {
 vertical-align:middle;
 display:inline;
 float:right;
 margin:1px;
}

.bigPhoto {
 width:490px;
 height:490px;
 margin:0 0px 5px 15px;
/*
 background:#f8f8f8;
*/
 background:#ffffff;
 line-height:485px;
 text-align:center;
/*
 border:3px double #b89068;
*/
 background:#ffffff;
 border:3px double #808088;
}

.bigPhoto img{
 display:inline;
 float:none;
 margin:auto;
 vertical-align:middle;
 border:1px solid #ffffff;
}

.bigPhoto h3, 
.bigPhoto p, 
.bigPhoto ol {
 margin:20px;
}

.bottomnav {
 clear:both;
 text-align:right;
 font-size:0.8em;
 margin:0;
 padding:2px 0 0 0;
 border-top:1px solid #303038;
}

.bottomnav span {
 float:left;
 font-size:  1.2em; 
 color:#000000;
 font-style:italic;
}