/* This is the style sheet for all the Maine-ly Apples main pages */
/* These are the styles for the body sections */
/* The design adapted from somewhere; apologies for not citing you */
html,body 
	{
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: #E2FFE3;
	}
div#container 
	{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:900px;
	background:#FCFFEE;
	border-left: 1px solid #696;
	border-right: 1px solid #696;
	height:auto !important; /* for non IE browsers */
	height:100%; /* IE6: treated as min-height */
	min-height:100%; /* non IE browsers */
	}
div#header 
	{
	padding: 0;
	background-color: #E2FFE3;
	background-image: url("images/banner.gif"); 
	background-repeat: no-repeat; 
	height: 145px;
	}
div#content 
	{
	margin: 0;
	padding: 1.5em 1.5em 5em 1em; /* bottom padding for footer */
	}
	
div#footer 
	{
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#EEE8AA;
	border-top: 1px solid #663300;
	padding-top: .5em; 
	padding-bottom: 1em;
	text-align: center;
	font-family: arial, sans-serif; 
	color: #630; 
	font-size: .8em;
	line-height: 125%;
	}
.navbar 
	{position: absolute; 
	z-index: 5; 
	width: 880px; 
	top: 130px; /* this is 135 on the old paage */
	left: -1px; 
	margin: 0px 0px 0px 0px; 
	padding: 2px 10px 0px 10px; 
	background-repeat: no-repeat; 
	background-color: #EEE8AA; 
	border: 1px solid #663300;
	border-bottom: 1px solid #663300;
	border-top: 1px solid #663300;
	}
.box
	{float: right;
	background-color: #EEE8AA;
	border: 1px solid #663300;
	margin-top: 1.5em;
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 10px;
	width: 225px;
	}
/* These are the styles to control the body elements */
.hidden 
	{display: none;
	}
p 
	{font-family: arial, sans-serif; 
	color: #000; 
	text-align: left; 
	line-height: 125%;
	}
/* These are the general settings for links */
a:link,a:visited
	{color: #663300;
	text-decoration: none;
	}
a:hover,a:active
	{color: #C00;
	text-decoration: underline;
	}
hr
	{color: #696;
	background-color: #696;
	height: 2px;	
	width: 90%;
    border: none;
	}
h2
	{font-family: tahoma, sans-serif;
	margin-right: 275px; /* Keeps line away from right edge */
    padding-bottom: 2px;
	padding-left: 15px;
	border-bottom: 3px solid #696;
	color: #000;
	font-size: 1.4em;
	}
h3
	{font-family: tahoma, sans-serif;
	margin-right: 100px; /* Keeps line away from right edge */
    padding-bottom: 2px;
	padding-left: 15px;
	border-bottom: 2px solid #696;
	color: #000;
	}
/* This is a special style for the varieties box on the main page */
h2.textbox
	{font-family: tahoma, sans-serif;
	margin-top: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: -5px;
	border-bottom: 2px solid #696;
	color: #000;
	font-size: 1.1em;
	}
.importanttext 
	{font-family: arial, sans-serif; 
	font-size: large; 
	font-weight: bold; 
	color: #000; 
	text-align: center;
	}
/* These are special styles for the in page links */
a:link.inpage,a:visited.inpage
	{color: #663300;
	text-decoration: underline;
	}
a:hover.inpage,a:active.inpage
	{color: #C00;
	text-decoration: underline;
	}
/* This is a special style for the navigation links */
.nav
	{font-family: arial, sans-serif; 
	color: #663300;
	line-height: 150%;
	font-size: normal; 
	font-weight: bold;
	padding-top: 4px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 4px;
	}
a:link.nav,a:visited.nav
	{text-decoration: none;
	}
a:hover.nav,a:active.nav
	{text-decoration: none;
	color: #C00;
	}
/* These are for lists */
dl 
	{font-family: arial, sans-serif; 
	color: #000000; 
	padding-left: 10px;
	}
dt
	{font-family: arial, sans-serif; 
	color: #000000; 
	font-weight: bold; 
	padding-left: 10px;
	}
dd 
	{font-family: arial, sans-serif; 
	color: #000000; 
	padding-bottom: .5em; 
	line-height: 125%;
	}
ul 
	{font-family: arial, sans-serif; 
	color: #000;
	line-height: 125%; 
	}
ul.twitter-list
	{padding-left: 15px;
	font-size: .9em;
	}
ol 
	{font-family: arial, sans-serif; 
	color: #000;
	line-height: 125%; 
	}
/* These are the styles for the links in the header. Also used for the footer */
p.head
	{font-family: sans-serif; 
	color: #630; 
	padding: 57px 30px 0 0;
    margin: 0 0 0 0;
	line-height: 150%;
	text-align: right;
	}
a:link.head,a:visited.head
	{color: #630;
	text-decoration: none;
	}
a:hover.head,a:active.head 
	{color: #C00;
	text-decoration: underline;
	}
/* This is a style will put a little red apple icon in front of list items. Requires the .gif */
ul.apple
	{font-family: arial, sans-serif; 
	list-style-image: url(images/tinyapple.gif);
	color: #000; 
	line-height: 125%;
	}
/* Styles related to images */
.photoright 
	{float: right; 
	margin: 0px 0px 5px 10px;
	width: auto; 
	height: auto;
	}
.photoleft
	{float: left;
	margin: 0px 20px 10px 0px;
	width: auto; 
	height: auto;
	font-family: sans-serif; 
	color: #333; 
	font-size: .9em;
	text-align: center;
	}
.photocenter 
	{text-align: center; 
	width: auto; 
	height: auto; 
	padding-top: 10px; 
	padding-bottom: 15px;
	font-family: sans-serif; 
	color: #000; 
	font-size: .9em;
	}
/* This is a style for the RSS icon */
.rss
	{margin-bottom: -3px;
	border: 0;
	}
/* Styles for the photos on the photos page */
.float
	{float: left;
	margin: 10px 30px 20px 30px;
	border:  0px solid #000000;
	}
.float p
	{text-align: center;
	margin-top: 0px;
	font-family: sans-serif; 
	color: #333333; 
	font-size: .9em;
	}
/* For triangle */
.navigationLink {
    float: left;
}
#navigationMarker {
    width:1px;
    height:0;   
    position: relative;
    margin-top: -.2em;
    margin-left: auto;
    margin-right: auto;
    border-bottom: #630 solid 0.4em;
    border-top: none;
    border-left: transparent solid 0.4em;
    border-right: transparent solid 0.4em;
}
/* This is for the hours link in the sidebar */
a:link.side,a:visited.side
	{text-decoration: none;
	color: #630;
	}
a:hover.side,a:active.side
	{text-decoration: none;
	color: #C00;
	}