/* General settings */
/* ---------------- */
/* img { clear : all }  */ /* images must not be next to other images */
strong { color : navy ; font-style : normal }
/* Layout and features of main sections of the page */
/* ------------------------------------------------ */
body
{ text-align : center }
#container
{
text-align : left;
width: 99%;
margin-left: auto;
margin-right: auto;
margin-top: 5px auto;
background-color: #ffff99;
color: #33;
border: 1px solid gray;
line-height: 130%;
}
#banner
{
padding: .5em;
background-color: #ffcc33;
border-bottom: 1px solid gray;
}
#banner h1
{
padding: .3em 0 .3em 0;
margin: 0;
font-family: cursive;
/* text-shadow : 0.3em 0.3em 0.1em #333; */
}
#GoogleSearchPanel
{
display: block;
float: right;
width: 24em;
margin:  0em;
padding: .3em .4em 0 .5em;
border: 0px inset;
background-color: transparent;    /* or #ffcc33 or #ffcc00 */
}
#leftnav
{
float: left;
width: 8em;
margin: 0;
padding: 1em;
}
.leftnavAdPanel               /* contained in leftnav */
{
width: 8em;
margin: .7em 0 0 0;
padding: .7em 0;
border-top: 0px ridge gray;
text-align: center;
}
#rightnav
{
float: right;
width: 8em;
margin: 0;
padding: 1em 1em 1em 0;
/* text-align: center; */
}
.rightnavAdPanel               /* contained in rightnav */
{
width: 8em;
margin: 1.4em 0 0 0;
padding: .8em 0;
border-top: 0px ridge gray;
}
.NoGoogleAdsHere
{
display: block;
color: green;
border-style: solid;
background-color: #FFFFCC;
line-height: 110%;
font-family: Arial, sans-serif;
font-size: 70%;
margin : 1.8em 0;
width: 80%;
border-width: 1px 1px;
padding: 1em 1em;
}
#content
{
margin-left: 10em;
border-left: 1px solid gray;
margin-right: 9.8em;
border-right: 1px solid gray;
padding: 1em;
max-width: 50em;  /* Limit line length */
}
#mediumcontent
{
margin-left: 10em;
border-left: 1px solid gray;
margin-right: 9.8em;
border-right: 1px solid gray;
padding: 1em;
max-width: 38em;  /* Limit line length */
}
#widecontent
{
margin-left: 1em;
margin-right: 1em;
}
.contentsection  /* For each content section except the last*/
{
padding: 0 0 1em 0;
border-bottom: 1px solid gray;  /* Adds line at bottom of section */
}
.lastcontentsection
{
padding: 0 0 0 0;
}
#footer
{
clear: both;
margin: 0;
padding: 0;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}
/* Formatting of left side section links */
/* ------------------------------------- */
#leftnav p
{
margin: 0 0 1em 0;
}
#leftnav ul
{
font-family: Arial, sans-serif;
font-size: 90%;
/* font-weight: bold; */
margin: 0;
padding: 0;
list-style-type: none;
}
#leftnav li {
margin: 0 0 .3em 0;
line-height: 110% }
#leftnav a
{
display: block;
color: #FFF;
background-color: #339900;
font-weight: bold;
width: 7.5em;
padding: .2em .7em;
text-decoration: none;
}
#leftnav a.nobackground         /* no background, used for mailbox */
{
display: block;
color: #FFF;
background-color: transparent;
font-weight: bold;
width: 7.5em;
padding: .2em .7em;
text-decoration: none;
}
#leftnav a.nobackground:hover         /* no background, used for mailbox */
{
display: block;
color: #FFF;
background-color: transparent;
font-weight: bold;
width: 7.5em;
padding: .2em .7em;
text-decoration: none;
}
#active a       /* the active main level link */
{
display: block;
color: #FFF;
background-color: #993300;
font-weight: bold;
width: 7.5em;
padding: .2em .7em;
text-decoration: none;
}
#activesub a    /* the active sub-level link, which must NOT have a class */
{
display: block;
color: #FFF;
background-color: #993300;
font-weight: bold;
width: 7.1em;
padding: .2em .7em;
margin: 0 0 0 .4em;
text-decoration: none;
}
#leftnav a.sub   /* class used to identify a non-active sub-level link */
{
display: block;
color: yellow;
background-color: #669900;
font-weight: bold;
width: 7.1em;
padding: .2em .7em;
margin: 0 0 0 .4em;
text-decoration: none;
}
#leftnav a.special    /* links which have special significance, e.g. email me */
{
display: block;
color: #FFF;
background-color: #669966;
font-weight: bold;
width: 7.5em;
padding: .2em .7em;
text-decoration: none;
}
#leftnav a.empty    /* links which point to an empty room */
{
display: block;
color: #FFF;
background-color: gray;
font-weight: bold;
width: 7.5em;
padding: .2em .7em;
text-decoration: none;
}
#leftnav a.emptysub   /* class used to identify an empty sub-level link */
{
display: block;
color: #FFF;
background-color: gray;
font-weight: bold;
width: 7.1em;
padding: .2em .7em;
margin: 0 0 0 .4em;
text-decoration: none;
}
#leftnav a:hover   /* main or sub level link hover */
{
color: #FFF;
background-color: #369;
font-weight: bold;
}
/* Formatting of right side section links */
/* -------------------------------------- */
#rightnav p
{
font-size: 100%;
line-height: 100%;
margin: 0 0 0.5em 0;
}
#rightnav h2 { margin: 0 0 .5em 0; } /* mainly for home page */
#rightnav ul
{
font-family: Arial, sans-serif;
font-size: 90%;
/* font-weight: bold; */
margin: 0 0 1em 0;
padding: 0;
list-style-type: none;
}
#rightnav li {
margin: 0 0 .4em 0;
line-height: 110% }
#rightnav li + li {
margin: .6em 0 .3em 0;
line-height: 110% }
#rightnav a
{
display: block;
color: #FFF;
background-color: #336600;
font-weight: bold;
width: 7em;
padding: .35em .8em;
text-decoration: none;
}
#rightnav a:hover
{
background-color: #369;
color: #FFF;
}
#rightnav a.rightpanelimagelink    /* link from an image to anything with small top padding only */
{
background-color: transparent;
color: inherit;
padding: 0.5em 0em 0em 0em;     
}
#rightnav a.localmain    /* link to a main section on this site */
{
background-color: #339900;
color: #FFF;
}
#rightnav a.localmain:hover
{
background-color: #369;
color: #FFF;
}
#rightnav a.localsub    /* link to a sub section on this site */
{
background-color: #669900;
color: #FFF;
}
#rightnav a.search
{
background-color: teal;
color: #FFF;
}
#rightnav a.search:hover
{
background-color: #369;
color: #FFF;
}
#rightnav a.maplink
{
background-color: #993300;
color: #FFF;
}
#rightnav a.maplink:hover
{
background-color: #369;
color: #FFF;
}
/* Formatting for Content Section */
/* ------------------------------ */
#content { font-family: trebuchet ms, arial, helvetica, comic sans ms, sans-serif; }
p.NoTopMargin { margin-top: 0}; /* for alignment with images */
#content p { margin-top: 0};  /* for alignment with images */
#content h2 { margin: 0 0 .5em 0; line-height : 1.1em; }    /* for first heading, use h3 for subsequent content sections */
#content h5 { margin: 0 0 .5em 0; line-height : 1.1em; font-style: italic; font-size: 15px;}    /* for first heading, use h3 for subsequent content sections */
#content a                               /* hyperlink */
{ color : blue;
text-decoration : none;
border-bottom : 1px dotted gray }
#content a:hover                                /* hover hyperlink */
{ color : #FFF ;
background-color : #369 }
#widecontent { font-family: trebuchet ms, helvetica, arial, "Comic Sans MS", sans-serif; }
#widecontent p { margin-top: 0};  /* for alignment with images */
#widecontent h2 { margin: 0 0 .5em 0; }    /* for first heading, use h3 for subsequent content sections */
#widecontent a                               /* hyperlink */
{ color : blue;
text-decoration : none;
border-bottom : 1px dotted gray }
#widecontent a:hover                                /* hover hyperlink */
{ color : #FFF ;
background-color : #369 }
#widecontent p { margin-left : 10%; margin-right : 10%; }
ol ul                                /* blank space before lower level unordered list */
{
margin-top: 0.5em;
}
ul.PanelList
{
display: block;
border-style: ridge;
border-width: 2px;
border-color: gray;
background-color: #ffff66;
font-size: 95%;
/* font-weight: bold; */
margin: 1.5em;
padding: .5em .5em .15em .5em;
list-style-type: none;
}
ul.PanelList ul
{
display: block;
border-style: ridge;
border-width: 0px;
border-color: gray;
background-color: #ffff66;
font-size: 95%;
/* font-weight: bold; */
margin: 0 1.5em .25em 1.5em;
padding: .5em .5em .15em .5em;
list-style-type: none;
}
ul.BulletPanelList
{
display: block;
border-style: ridge;
border-width: 2px;
border-color: gray;
background-color: #ffff66;
font-size: 95%;
/* font-weight: bold; */
margin: 1.5em;
padding: .5em .5em .15em 2.5em;
}
#content li {
margin: 0 0 .4em 0;
line-height: 120%
}
/* Image layout and appearance */
.ImageRight {
float: right;
margin: 0.2em 0 10px 10px;
border: 3px ridge silver;
}
.ImageLeft {
float: left;
margin: 0.2em 10px 10px 0px;
border: 3px ridge silver;
}
.BigImageCentre {
align: center;
margin: 0.2em 0 10px 10px;
border: 3px ridge silver;
}
.BigImageCentreNoBorder {
align: center;
margin: 0.2em 0 10px 10px;
border: 0;
}
.BigImageCentreNoBorderCaption {
align: center;
margin: 0.2em 0 0 10px;
border: 0;
}
.Award {
float: right;
margin: 0.2em 0 10px 10px;
border: 3px ridge silver;
width: 10%;
}
.AwardLeft {
float: left;
margin: 0.2em 10px 10px 0px;
border: 3px ridge silver;
width: 10%;
}
.AwardRightLink {
float: right;
margin: 0.2em 0 10px 10px;
border: 1px ridge silver;
width: 20%;
}
.ImageRightNoBorder {
float: right;
margin: 0.2em 0 10px 10px;
border: 0;
}
.ImageLeftNoBorder {
float: left;
margin: 0.2em 10px 10px 0;
border: 0;
}
.ImageCentreNoBorder {
align: center;
margin: 0.2em 10px 10px 0;
border: 0;
}
.ProjectionScreenBlock {
display : block;
width : 320px;
margin-left : 8em;
}
/* Updates and other uses of definition lists */
dt { color: navy; font-style: italic; margin-top: 0.8em; margin-bottom : 0.3em}
dl.Conversation dt { color: black; font-style: italic; margin-top: 0.8em; margin-bottom : 0.3em}
dd { margin-top : 0.8em}
dd > ol { margin-top : 0.5em }
li > ol { margin-top : 0.5em }
.AwardLower
{
float: right;
margin: 1em 0 10px 10px;
border: 3px ridge silver;
width: 10%;
}
blockquote {
font-style : italic;
font-family : serif;
font-size: 105%;
}                                       /* quotes */
p.Attribution {font-style : italic; font-family : serif;}
p.caption                               /* captions */
{
font-family: sans-serif;
font-size: 90%;
padding: 0 2.5%;
line-height: 110%;
}
#widecontent p.caption                               /* captions */
{
font-family: sans-serif;
color: navy;
font-size: 90%;
padding: 0 2.5%;
line-height: 110%;
}
/* Thumbnails - use with div */
.thumbnail
{
float: left;
width: 39%;
border: 3px ridge #FFFFCC;
margin: 0 1.5em 1em .1em;
padding: .5em;
background-color: #FFFFCC;
}
.ThumbImageCentreNoBorder {
align: center;
width: 100%;
margin: 0.2em 0 .5em 0;
border: 0;
}
.thumbnail p.caption                             /* thumbnail captions */
{
font-family: sans-serif;
font-size: 80%;
padding: 0 2.5%;
line-height: 110%;
}
.thumbnailex                            /* external thumbnail */
{
float: left;
width: 39%;
border: 3px ridge #FFCC99;
margin: 0 1.5em 1em .1em;
padding: .5em;
background-color: #FFFFCC;
}
.thumbnailex p.caption                   /* thumbnail captions */
{
font-family: sans-serif;
font-size: 80%;
padding: 0 2.5%;
line-height: 110%;
}
.thumbnailexright                            /* external thumbnail */
{
float: right;
width: 39%;
border: 3px ridge #FFCC99;
margin: 0 .1em 1em .5em;
padding: .5em;
background-color: #FFFFCC;
}
.thumbnailexright p.caption                   /* thumbnail captions */
{
font-family: sans-serif;
font-size: 80%;
padding: 0 2.5%;
line-height: 110%;
}
/* Navigation e.g. back to top */
.NextTopPrevious {text-align : center }
/* Formatting for Footer */
/* --------------------- */
#footer p
{ margin: 0.1em 0.5em;
font-family: Arial, sans-serif;
font-size: 90%;
font-style: italic;
}