/*
=============================================================================================

Delaware Native Plant Society
General Layout Style Sheet

Created by Delaware.Net
http://www.delaware.net
Copyright 2007

=============================================================================================
*/


/* General
========================================== */
body {background:#3d4906 url(/images/layout/bg.jpg) top center no-repeat; font:11px Arial, Helvetica, sans-serif; color:#444; margin:0;}

a {outline-style:none;} /* Removes dotted lines around links when active */
a:link {color:#444; text-decoration:underline;}
a:visited {color:#444; text-decoration:underline;}
a:hover {color:#444; text-decoration:none;}

img {border:none;}
strong {font-weight:bold;}
input, textarea {background:#ccc; border:1px solid #444;}

ul#access {display: none;} /* Use to add jump link to main content and navigation for screen readers */
.thumbnail {padding:3px; margin:3px; border:1px solid #444; background:#ccc;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Layout
========================================== */

#wrapper {margin:0 auto; margin-top:0; width:860px; height:500px; position:relative;}
h2 {background:url(/images/layout/icon.gif) left center no-repeat; font-size:20px; color:#476442; padding:8px 0 0 35px; margin:15px 0 15px 0;}
h3 {font-size:16px; color:#476442; padding:8px 0 0 15px; margin:10fpx 0 15px 0;}

/*=== Header ===*/
#subNav {width:860px; height:95px; background:url(/images/layout/header.jpg) top right no-repeat; display:block; position:relative;}
#subNav ul {position:absolute; right:8px; top:5px;}
#subNav ul li {list-style:none; float:left; display:inline; color:#f6ecd9; font:12px Arial, Helvetica, sans-serif; border-right:1px solid #fff; padding-left:6px; padding-right:6px;}
#subNav ul li a {color:#f6ecd9; font:12px Arial, Helvetica, sans-serif; text-decoration:none;}
#subNav li.end {border:none;}


/*=== Admin Header ===*/
#subNavadmin {width:860px; height:95px; background:url(/images/layout/header2.jpg) top right no-repeat; display:block; position:relative;}
#subNavadmin ul {position:absolute; right:15px; top:5px;}
#subNavadmin ul li {list-style:none; float:left; display:inline; color:#f6ecd9; font:10px Arial, Helvetica, sans-serif;}
#subNavadmin ul li a {color:#f6ecd9; font:10px Arial, Helvetica, sans-serif; text-decoration:none;}


/*=== Navigation ===*/
/* MAIN */
#mainNav {background:url(/images/layout/column1_bg.jpg) top left no-repeat; width:170px; min-height:582px;}
#mainNav ul {margin:0; padding:0;}
#mainNav ul li { list-style:none; margin:0; padding:0;}
#mainNav ul li a {margin:0 0 0 3px; padding:0 0 0 0; background:url(/images/layout/menu_off.gif) top left no-repeat; width:167px; height:29px; font:bold 14px Verdana, Arial, Helvetica, sans-serif; line-height:29px; text-indent:45px; text-decoration:none; color:#4c3a2c; display:block;}
#mainNav ul li a:hover {background:url(/images/layout/menu_on.gif) top left no-repeat;}

#mainNav ul ul {margin:0; padding:0; display:none;}
#mainNav ul ul li {list-style:none;}
#mainNav ul ul li a {margin:0 0 0 3px; padding:0 0 0 0; background:url(/images/layout/subMenu.jpg) top left repeat-y; width:167px; height:29px; font:11px Verdana, Arial, Helvetica, sans-serif; line-height:29px; text-indent:45px; text-decoration:none; color:#4c3a2c; display:block;}
#mainNav ul ul li a:hover {background:url(/images/layout/subMenu.jpg) top left repeat-y;}

/*=== Content ===*/
#column1 {position:absolute; left:13px; top:95px; width:170px; display:block;}

#column2 {position:absolute; left:183px; top:119px; width:506px; display:block; z-index:5;}
#column3 {position:absolute; left:689px; top:95px; width:150px; height:797px; display:block; background:url(/images/layout/column3_bg.gif) top left no-repeat; z-index:2;}
#column4 {position:absolute; left:0px; top:200px; width:700px; display:block; z-index:5;}

#column1 h1 {margin:0; padding:0; width:170px; height:215px; display:block;}
#column1 h1 a {background:url(/images/layout/logo.gif) top left no-repeat; text-indent:-9999px; display:block; overflow:hidden; width:170px; height:215px;}

#column1admin {position:absolute; left:14px; top:110px; width:170px; display:block;}
#column1admin h1 {margin:0; padding:0; width:170px; height:215px; display:block;}
#column1admin h1 a {background:url(/images/layout/logoadmin.png) top left no-repeat; text-indent:-9999px; display:block; overflow:hidden; width:285px; height:136px;}

#navhome {padding:0 50px 0 0;}

#address {position:absolute; top:650px; left:23px; font:14px Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#804625; line-height:20px;}
#photos {position:absolute; top:750px; left:9px; font:10px Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#804625; line-height:12px;}


#content {position:relative; margin:0 0 0 24px; width:413px; padding:0 69px 0 0;}
#contentadmin {position:relative; margin:0 0 0 24px; width:700px; padding:0 69px 0 0;}
#ticker {margin:0 0 0 0px; width: 343px; height:40px; padding:50px 0 0 70px; display:block; background:url(/images/layout/ticker_bg.jpg) top left no-repeat; font:15px Verdana, Arial, Helvetica, sans-serif; color:#590c0c; display:block;}
#ticker a {font:12px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:590c0c;}
#events {margin:5px 0 0 0px; padding:0 0 0 0px; height:150px; background:url(/images/layout/events_bg.jpg) top left no-repeat; }
#events_contents {margin:0 auto 0 auto; padding-top:20px;}
#events_contents ul {}
.indent {text-indent:20px;}

#sale {width:188px; height:198px; position:absolute; top:33px; left:-8px;}
#sale a {width:188px; height:198px; background:url(/images/layout/sale.gif) top left no-repeat; display:block; text-indent:-9999px; overflow:hidden;}
#news {width:154px; height:362px; position:absolute; top:262px; left:-38px; background:url(/images/layout/news_bg.gif) top left no-repeat; display:block; padding:150px 40px 0 50px;}
#news p {padding:0 0 0 0; margin:10px 0 0 0px;}
#news a {text-align:right; color:#990000;}

#map {position:relative; margin:1px 0 0 100px;}

#welcome {width:425px;}
/*=== Footer ===*/
#footer {color:#f6ecd9; width:860px; height:95px; background:url(/images/layout/footer.jpg) top right no-repeat; display:block; position:absolute; top:892px; left:-4px; text-align:center; z-index:100;}
#footer ul {margin:90px 0 20px 30px;  font:10px Arial, Helvetica, sans-serif}
#footer ul li {list-style:none; float:inherit; display:inline; color:#f6ecd9; font:12px Arial, Helvetica, sans-serif; border-right:1px solid #fff; padding-left:6px; padding-right:6px;}
#footer ul li.end {border:none;}
#footer ul li a {color:#f6ecd9; font:12px Arial, Helvetica, sans-serif; text-decoration:none;}
#footer a {color:#f6ecd9; font:10px Arial, Helvetica, sans-serif; text-decoration:underline;}

/*=== Admin Footer ===*/
#footeradmin {width:860px; height:95px; background:url(/images/layout/footer2.jpg) top right no-repeat; display:block; position:absolute; top:892px; left:-4px; text-align:center;}
#footeradmin ul {margin:90px 0 0 30px;  font:10px Arial, Helvetica, sans-serif}
#footeradmin ul li {list-style:none; float:inherit; display:inline; color:#f6ecd9; font:11px Arial, Helvetica, sans-serif;}
#footeradmin ul li a {color:#f6ecd9; font:11px Arial, Helvetica, sans-serif; text-decoration:none;}