BODY {
	background-color: #FFF; width:100%;
	background-image: url(../images/bg.gif);background-repeat: repeat-y;
	margin: 0 0 1ex 0;	
	font-size:100%;
	font-family: "Gill Sans", Helvetica, sans-serif; 
	color:#404040;
}

#l2 {
	background-image:url(../images/topleft.png);
	background-repeat: no-repeat;
	max-width: 64em;
	}
#heading, #footer, #epi { }

#heading {margin: 0 8px 0 2em;}

.logo   {color: #7F8D41;
	font-family: bauhaus, "Gill Sans", Arial, Helvetica, sans-serif;
	text-align: left; float: left; padding: 0;
	font-weight: bold;
	font-size: 150%;
	margin: 0.25em 0 0 0;
	}

.logo abbr   {color: #6B734A; text-decoration:none;}

.ribbon {border-top: 1px solid #7F8D41; border-right: 4px solid #7F8D41; padding: 0; clear: both; }        

#menu {
	margin-top: 0.5em;
	font-size:100%;
	float: right;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #7F8D41;
	text-align: right;
	color:#FFFFFF;
	}

#menu a {
	font-size: 80%;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	text-decoration:none;
	padding: 10px 2px 10px 2px;
	margin: 0 2px 0 2px;
	}

#menu a:hover, #menu .aactive {
	background-color:#3F4A3E;
	}

.breadcrumbs {font-size: 80%; text-align: left; margin: 0; padding-top: .2em;}
.breadcrumbs ul { margin: 0; padding: 0; }
.breadcrumbs li { display: inline; margin-right: .2em; padding: 0; }
.breadcrumbs li:before {content: url(../images/pointer.gif) " ";}
.breadcrumbs li:first-child:before {content: "";}

#main {
	margin: 0 8px 0 2.5em;	max-width: 63.5em;
	}

#footer, #epi {
	margin: 0 8px 0 2em;
	clear: right;
	}

#footer {margin-top: 1em;
	}

h1, h2 { color:#6B734A; margin-left: -0.25em;}
h3, h4, h5, h6 { color:#6B734A; margin-left: 0;}

a {	color:#8fb34f;
	font-weight:bold;
	text-decoration:none;
	}
a:hover {
	border:1px solid #d7d6b7;
	border-right:none;
	border-left:none;
	}
abbr, acronym { cursor:help; }
.location .geo { border-bottom: none; }

li     { margin-top: 1em; margin-bottom: 1em; }
dt     { font-weight: bold; }
hr     { color: #7F8D41; }
img    { border-style: none; padding: 0;}
sup    { font-size: x-small; }

blockquote       { font-style: italic; font-family: "Century Schoolbook", Times, serif; }
blockquote .what {
	padding: 0em 0em 1em 1em; 
        font-family: "Century Schoolbook", Times, serif;
        background-image: url(../images/bottom-quote.gif);
        background-repeat: no-repeat;
        background-position: bottom left;
	}
blockquote p.by {font-weight: bold; 
        margin-left: 50px; margin-top: -1em; padding-left: 1em;}

.aside, .bside  { 
	font-family: "Century Schoolbook", Times, serif; font-style: italic;
	border-left: 1px #7F8D41 solid;
	}

.aside  { 
	margin: 1em 3em 1em 3em;
	padding: 0em 1em 0em 1em;
	}

.bside  { 
	width: 30%;
	float: right;
	margin: 0em 0em .5em 2em;
	padding: 0em 1em 0em 1em;
	}

.captioned_photo  { 
	padding: .5em;
	margin: 0 0 .5em .5em;
	border-right: 2px #7F8D41 solid; border-bottom: 2px #7F8D41 solid;
	float: right;
	}
.captioned_photo .caption  {text-align: center; padding:0; margin: 0.2em 0 0.2em 0; }
.captioned_photo .caption a {font-size: 90%; }
.captioned_photo img  { padding: 0 .5em 0 .5em; }
.captioned_photo a:hover { border:none; }

.smallText   { FONT-SIZE: 80% }
.superscript {font-size:xx-small; vertical-align:top;} 
.t-stamp     { FONT-SIZE: 80%; text-align: right; margin: 0 .5em 0 0;}
.number      { text-align: right; }
  
@media print {
    #heading, #bellswitch, #epi    { display:none; }
    body        { margin: 1em; }
    #main, #footer, .ribbon { margin: 0 0 0 0; }
    table { text-align: center; font-size: 80%;  }
  }
  
@media only screen and (max-width: 768px) {
    
        #heading, #footer {margin-left: 1em; margin-right: 4px;}
	#main {	margin-left: 1.5em; margin-right: 4px;}
    	#epi    { display:none; }
    
}