@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @file		basemod_draft.css
 * @creator		YAML Builder v0.3 Preview
 * @link		http://builder.yaml.de
 */



@media all
{

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body {  }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins { width: auto;  min-width: 740px; max-width: 90em }
  #header {   }
  #nav {   }
  #footer {  position:fixed; bottom:10px; }


 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 { position:absolute; float: left; width: 300px; top: 180px; }
/*  #col2 { display:none} */
  #col3 { width: auto }
  #col1_content { padding: 0 10px 0 20px; align:top; text-align: left;  }
  #col3_content { padding: 0 20px 0 10px; margin: 125px 0 0 300px }


 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */

body {
		color:#FFFFFF;
		background-color:#79C67A;
		margin:0pt;
		padding:0px;
		font:11px verdana, arial, helvetica, sans-serif;
		color: black;
		text-align:justify;
		}
		
p.copyrite {
		text-align: right;
		font-weight: normal;
		font:8px verdana, arial, helvetica, sans-serif;
		color: black;
		}
		
p.contact {
		margin-top:0px;
		margin-bottom:0px;
		font-weight: normal;
		text-align: center;
		}

p.contactBold {
		margin-top:0px;
		margin-bottom:0px;
		font-weight: bold;
		font-size: larger;
		text-align: center;
		}

p.title {
		font:14px verdana, arial, helvetica, sans-serif;
		font-weight: bold;
		font-variant: small-caps;
		}



blockquote {
		font:11px verdana, arial, helvetica, sans-serif;
		}

blockquote.quote {
		background: transparent url(quoleft.gif) left top no-repeat;
		font:11px verdana, arial, helvetica, sans-serif;
		}

blockquote.quote div {
		padding: 0 48px;
		background: transparent url(quoright.gif) right bottom no-repeat;
		}


p.pagenav {
		margin:10px;
		font:12px verdana, arial, helvetica, sans-serif;
		font-weight: bold;
		font-variant: small-caps;
		margin-bottom:0px;
		}

ul.pagenav {
		margin-top:0px;
		margin-bottom:0px;
		}

ul.pagenav li {
		margin-top:0px;
		margin-bottom:0px;
		text-decoration: none;
		}
		
ul.pagenav li a {
		text-decoration: underline;
		color: black;
		}

img.titlePic {
		vertical-align:top;
		}		

.thumbnail{
		position: relative;
		z-index: 0;
		text-decoration: none;
		}

.thumbnail:hover{
		background-color: transparent;
		z-index: 50;
		}

.thumbnail span{ /*CSS for enlarged image*/
		position: absolute;
		background-color: #d8de96;
		padding: 5px;
		left: -1000px;
		border: 1px solid black;
		visibility: hidden;
		color: black;
		text-decoration: none;
		}

.thumbnail span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;
		}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		top: 0;
		left: 60px; /*position where enlarged image should offset horizontally */
		}

.capPhoto span{
		float:right;
		background-color: #d8de96;
		padding: 5px;
		right: -10px;
		border: 1px solid black;
		color: black;
		text-decoration: none;
		}
		

#cornerPic {
		position:absolute;
		width: 175px;
		top:0px;
		left:0px;
		border:0px;
		background-color:#79C67A;
		padding:0px;
		font:9px/11px verdana, arial, helvetica, sans-serif;
		margin:0px 0px 0px 0px;
		}
	
#titleBar {
		position: absolute;
		width: 100%;
		height: 80px;
		top:0px;
		left:0px;
		right:1px;
		border:0px;
		background-color:#000000;
		/*background-image:url(http://www.ohionature.org/poc.ht4.gif);*/
		/*background-position: top left;*/
		padding:0px;
		font:9px/11px verdana, arial, helvetica, sans-serif;
		margin:0px 0px 0px 0px;
		}

#oneLOGO {
		position: absolute;
		height: 80px;
		top:0px;
		left:175px;
		right:0px;
		padding:0px;
		border:0px; 
		font:9px/11px verdana, arial, helvetica, sans-serif; 
		margin:0px 0px 0px 0px; 
		/* background:black; */
		}

#oneLOGO p {
		position: absolute;
		top:50px;
		left:30px;
		border:0px;
		padding:0px;
		margin:0px 0px 0px 0px;
		color: #999999;
		font:11px verdana, arial, helvetica, sans-serif;
		font-weight:bold; 
		}

#floaty {
		position: absolute;
		top: 1px;
		right: 5px;
		border: 0px;
		width: 125px;
		height: 75px;
		background: transparent;
		text-align:center;
		z-index:99;
		filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
		}
		
#nav-menu {
		position: absolute;
		width: auto;
		left: 175px;
		top: 90px;
		padding:0px;
		font:11px verdana, arial, helvetica, sans-serif;
		}

#nav-menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		}

#nav-menu li {
		float: left;
		margin: 0 0.1em;
		}

#nav-menu li a {
		/* background: url(background.gif) #fff bottom left repeat-x; */
		height: 2em;
		line-height: 2em;
		float: left;
		width: 12em;
		display: block;
		border: 0.1em solid #000000;
		color: #000000;
		background-color:#FFFFFF;
		text-decoration: none;
		text-align: center;
		}		


	
		
.smallcaptionleft {
		display: inline;
		float: left;
		width: 250px;
		margin: 5px;
		padding: 5px;
		border: solid 1px #ddd;
		background: #d8de96; font-size:90%;
		line-height: 100%;
		font-style: italic;
		}

.smallcaptionright {
		float: right;
		overflow: hidden;
		margin: 5px;
		padding: 5px;
		width: 250px;
		border: solid 1px #ddd;
		background: #d8de96;
		font-size:90%;
		line-height: 100%;
		font-style: normal;
		}

.small270captionright {
		float: right;
		overflow: hidden;
		margin: 5px;
		padding: 5px;
		width: 270px;
		border: solid 1px #ddd;
		background: #d8de96;
		font-size:90%;
		line-height: 100%;
		font-style: normal;
		}

.small100captionright {
		float: right;
		overflow: hidden;
		margin: 5px;
		padding: 5px;
		width: 100px;
		border: solid 1px #ddd;
		background: #d8de96;
		font-size:90%;
		line-height: 100%;
		font-style: normal;
		}

.small132captionright {
		float: right;
		overflow: hidden;
		margin: 5px;
		padding: 5px;
		width: 132px;
		border: solid 1px #ddd;
		background: #d8de96;
		font-size:90%;
		line-height: 100%;
		font-style: normal;
		}
}