BODY {
	margin: 0 0 1ex 0;	
	font-family: "Gill Sans", Helvetica, sans-serif; 
	font-size: 1em; 
	color:#232;
}

#l2 {
	position:relative; height:249px;top:0px;left:0px;right:0px;
	background-image:url(../images/topleft.png);
	background-repeat: no-repeat;
	}

.logo   {color: #7F8D41;
	font-family: bauhaus, "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 200%;
	text-align: right;
	padding: .25em 0 .25em 4em;
	margin: 0;
	margin-right: 32px;
	}

.logo abbr   {color: #6B734A;}

.ribbon {border-top: 1px solid #a8a781; border-right: 4px solid #a8a781; padding: 0; }        

#page_heading {background-color: #a8a781;}

#heading .ribbon, #contact, #menu {margin: 0 2em 0 8em; max-width: 56em;}

#menu {
	float: right;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #7F8D41;
	text-align: right;
	color:#FFFFFF;
}

#menu a {
	font-family: bauhaus, "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	text-decoration:none;
	padding: 12px 5px 10px 5px;
	margin: 0 2px 0 2px;

}

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


.contact	{font-size: 80%; text-align: right; margin-top: .2em; margin-bottom: .2em;}
.breadcrumbs {font-size: 80%; text-align: left; margin: 0; padding-top: .2em;}

#footer, #epi {
	margin: 0 2em 0 8em;
	clear: right;
	max-width: 56em;
	}

#footer {
	margin-top: 1em;
	}

#main {
	margin: 0.5em 2em 0 8.5em;
	max-width: 55.5em;
	}

h1, h2 { color:#a8a781; margin-left: -0.25em;}
h3, h4, h5, h6 { color:#a8a781; 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: #a8a781; }
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 #a8a781 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 #a8a781 solid; border-bottom: 2px #a8a781 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 handheld {
	.logo   {font-size: 125%; padding: .1em 0 .15em .5em;}
	.ribbon {border: 0;	padding: 0; 	}        
	.not4small {display: none;}        
	#epi    { display:none; }
	#footer {border-top: 1px solid #a8a781; border-right: 4px solid #a8a781; padding: 0; }        
	#footer {margin: 0 .5em 0 .5em; max-width: none;}
	#heading .ribbon, #contact {margin: 0 .5em 0 .5em; max-width: none;}
	#main {margin: 0.5em .5em 0 1em; max-width: none;}
	.contact {margin-top: .2em; margin-bottom: .2em; float: right;}
  }	

@media screen and (max-width: 480px)  {
	.logo   {font-size: 125%; padding: .1em 0 .15em .5em;}
	.ribbon {border: 0;	padding: 0; 	}        
	.not4small {display: none;}        
	#epi    { display:none; }
	#footer {border-top: 1px solid #a8a781; border-right: 4px solid #a8a781; padding: 0; }        
	#footer {margin: 0 .5em 0 .5em; max-width: none;}
	#heading .ribbon, #contact {margin: 0 .5em 0 .5em; max-width: none;}
	#main {margin: 0.5em .5em 0 1em; max-width: none;}
	.contact {margin-top: .2em; margin-bottom: .2em; float: 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%;  }
  }	
  
.contact	{font-size: 80%; text-align: right; margin-top: .2em; margin-bottom: .2em;}