body {
font-family: arial, verdana, sans-serif;
font-style: normal;
font-size: 90%;
background-color: #ff6600;
color: #000;
}

/* Layout */
#HeadLayout {
margin: 0px auto;
border: 0px none;
padding: 0px;
}
#Logo {
border: 0px none;
}
#Menu1 {
text-align: right;
}
#Menu2 {
text-align: right;
font-size: 95%;
}
#MenuTrail {
text-align: left;
}

/* Home page 2 column layout */
#HomePage {
width: 760px;
margin: 10px auto 25px auto;
}

#HPMain {
width: 460px;
float: right;
margin: 0px;
padding: 10px 20px;
background-color: #f8f8f8;
text-align: left;
}

#HPImg {
float: left;
display: block;
margin: 0px;
border: 0px none;
padding: 10px;
background-color: #f8f8f8;
}

#HPClear {
clear: both;
}

.page1 {
background-color: #ffffff;
color: #000;
min-width: 300px;
width: 730px;
max-width: 92%;
margin: 10px auto 25px auto;
padding: 10px 30px 10px 30px;
text-align: left;
}

.footer {
min-width: 300px;
width: 790px;
max-width: 92%;
margin: 0px auto;
background-color: #ff6600;
color: #000;
border-top-width: thin;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-color: black;
border-style: dashed;
text-align: center;
}

h1 {
color: #330000;
font-size: 180%;
}
h2 { 
color: #fff;
background-color: #000;
font-size: 150%;
padding: 0.3em 10px 0.3em 20px;
}
h3 { 
color: #993333;
font-size: 125%;
}
h4 {
font-size: 100%;
font-weight: bold;
}

a:link {color: #0000ff; font-weight: normal; text-decoration: underline;}
a:visited {color: #993399; font-weight: normal; text-decoration: underline;}
a:active {color: #ff0000; font-weight: normal; text-decoration: underline;}
a:hover {font-weight: normal; text-decoration: none;}

/* Menu 1 */
.menu1 {font-weight: bold;}
.menu1 span.MC {border-left: 1px solid #000; padding-left: 0.3em;}
.menu1 a:link {color: #ffffff; font-weight: bold; text-decoration: none;}
.menu1 a:visited {color: #ffffcc; font-weight: bold; text-decoration: none;}
.menu1 a:hover {color: #ffff66; font-weight: bold; text-decoration: none;}
.menu1 a:active {color: #ffcc00; font-weight: bold; text-decoration: none;}

/* Menu 2 */
div.menu2 {
border: 0px none;
border-top: thin dashed #000;
}
.menu2 {font-weight: bold;}
.menu2 span.MC {border-left: 1px solid #000; padding-left: 0.3em;}
.menu2 a:link {color: #ffffff; font-weight: bold; text-decoration: none;}
.menu2 a:visited {color: #ffffcc; font-weight: bold; text-decoration: none;}
.menu2 a:hover {color: #ffff66; font-weight: bold; text-decoration: none;}
.menu2 a:active {color: #ffcc00; font-weight: bold; text-decoration: none;}

/* Menu trail */
div.trail {
border: thin solid #000;
border-right-width: 0px;
border-left-width: 0px;
padding: 1px 0px 2px 0px;
background-color: #fff;
color: #000;
width: 790px;
margin: 0px auto;
}

.trail span {font-size: 95%; font-weight: bold; padding-left: 20px;}

.trail a:link {color: #cc0000; font-weight: bold; text-decoration: none;}
.trail a:visited {color: #c40808; font-weight: bold; text-decoration: none;}
.trail a:hover {color: #ff3300; font-weight: bold; text-decoration: none;}
.trail a:active {color: #ffcc00; font-weight: bold; text-decoration: none;}

/* Page links */
.pageMenu {
text-align: center;
}
.pageMenu span {
background-color: white;
color: black;
padding: 0.3em 0.6em;
border: thin outset #f60;
}

/* Home page */
.dayala {color: #fFfAfB; text-align: center;}

/* Books */
table.Books {
border-collapse: collapse;
border: 0px none;
}

table.Books caption {
text-align: center;
font-size: 120%;
font-weight: bold;
color: #fff;
background-color: #444;
padding: 0.5em;
}

table.Books td {
vertical-align: middle;
border-bottom: 1px solid #444;
padding: 5px;
}
.Books .BookPic {text-align: center;}
.Books .BookInfo {text-align: left;}
.Books .BookInfo ul {
margin-top: 0px;
margin-left: 0px;
padding-left: 5px;
}
.Books .BookInfo li {
list-style-type: none;
}

/* Maps */
table#MapTable {
border: 0px none;
border-collapse: collapse;
}
.Mheading {text-align: left; background-color: #c8c8c8;}
.Mall {background-color: #ffffcc;}
.Mallamphib {background-color: #ffcc33;}
.Mallnewt {background-color: #ffcc33;}
.Mamphib {background-color: #ffcc66;}
.Mall {background-color: #ffffcc;}
.Mallreptile {background-color: #ccffcc;}
.Mreptile {background-color: #99ff99;}


/* Links page */
.Links p {
margin-left: 25px;
}

/* Editable text regions */
.SSText h1,
.SSText h2,
.SSText h3 {
margin-top: 0px;
margin-bottom: 0.2em;
}

.SSText h4 {
margin-top: 0px;
margin-bottom: 0px;
}
.SSText ul,
.SSText ol,
.SSText p {
margin-top: 0px;
}

