/*-----------------------------------------------
RYE BAY WILDLIFE MASTER STYLESHEET
by Charles Roper
2007-03-09
-------------------------------------------------*/
*
{
	margin: 0;
	padding: 0;
}
HTML
{
	font-size: 100%;
/*Force scrollbars in Mozilla browsers*/
	overflow: -moz-scrollbars-vertical;
}
BODY
{
	background-color: #969990;
	color: #000;
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}
#pagewrapper
{
	width: 714px;
/*750px minus padding*/
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding: 0 28px;
	background-color: #FFF;
	background-image: url(../_i/faux_columns.png);
}
#pagewrapper.home
{
	background-image: url(../_i/faux_columns_home.png);
}
/*=TopNav
-------------------------------------------------*/
#topnav
{
	top: 0;
	float: left;
	width: 100%;
	height: 37px;
	border-bottom: 1px solid #B0A392;
	background-color: #F0E8D9;
}
/*=Masthead
-------------------------------------------------*/
#masthead
{
	position: relative;
	float: left;
	width: 100%;
	height: 150px;
	background-color: #F0E8D9;
}
#masthead IMG
{
	margin-bottom: -2px;
	padding: 0px;
}
#masthead-txt
{
	position: absolute;
	top: -38px;
	left: 20px;
}
#masthead-txt IMG
{
	margin-bottom: 0;
}
/*=Nav
-------------------------------------------------*/
#nav
{
	float: left;
	width: 100%;
	background-color: #DFD9D0;
	border-top: 1px solid #C0B4A5;
	border-bottom: 1px solid #C0B4A5;
}
#nav UL
{
	margin: 0;
	list-style: none;
	font-size: 95%;
	padding-left: 7px;
}
#nav LI
{
	float: left;
	line-height: normal;
/*i.e. line-height: 12px*/
	margin: 0 5px 0 0;
	padding: 0;
}
#nav LI A, #nav LI STRONG
{
	display: block;
	padding: 11px;
/*padding:(11px + 11px) + 12px - line-height = 34px*/
	border: none;
	white-space: nowrap;
	color: #554D40;
	width: 1%;
/*Collapse width for IE
http://www.communitymx.com/content/article.cfm?page=2&cid=C37E0
Collapse width for IE
http://www.communitymx.com/content/article.cfm?page=2&cid=C37E0*/
}
/*Feed correct width to standards compliant browsers*/
#nav LI>A, #nav LI>STRONG
{
	width: auto;
}
#nav LI A.on, #nav LI STRONG
{
	color: #504940;
	font-weight: normal;
	background: #D4CCC2 url(../_i/nav_el.png) repeat-x top left;
}
#nav LI A:hover
{
	color: #000;
	background: url(../_i/nav_el.png) repeat-x top left;
}
#navbox
{
/*234px width*/
	float: right;
	width: 200px;
	margin: 0 10px;
	padding: 6px 6px 4px;
	border: 1px solid #C0B4A5;
	background-color: #F0EEEA;
}
#navbox.explore
{
/*214px width*/
	float: left;
	margin: 0 10px 1em 0;
}
#navbox.projects
{
	width: 150px;
}
#navbox LI A, #navbox LI STRONG
{
	display: block;
	line-height: 200%;
	border-top: 1px solid #C0B4A5;
	border-bottom: none;
	margin: 0;
	padding: 0 5px;
}
#navbox LI A:hover
{
	background-color: #DFD9D0;
}
#sidebar UL.sidenav LI A, #sidebar UL.sidenav LI STRONG
{
	display: block;
	margin: 0 0 0 -5px;
	padding: 0 5px;
	line-height: 200%;
	border: none;
}
#sidebar UL.sidenav LI A:hover
{
	background-color: #DEDFDA;
}
/*Make whole area of clickable, and fix vertical spacing in IE
http://www.communitymx.com/content/article.cfm?page=2&cid=C37E0*/
#navbox LI A, #navbox LI STRONG, #sidebar UL.sidenav LI A, #sidebar UL.sidenav LI STRONG
{
	height: 1%;
}
/*Structure: =Content
-------------------------------------------------*/
#content
{
	float: right;
	width: 505px;
	background-color: transparent;
}
#maincol
{
/*Maincol width is 425px (505px - 80px margins)*/
	position: relative;
	margin: 12px 40px;
}
#mainpull
{
	width: 464px;
	padding: 12px 20px;
	background-color: #FFF;
	border-right: 1px solid #C0B4A5;
}
#mainpull-txt
{
	padding-left: 120px;
	width: 340px;
	background: url(../_i/home_intro.jpg) no-repeat 2px 2px;
}
#col1
{
	float: left;
	width: 213px;
/*253px - 40padding = 229px;*/
	padding: 12px 20px;
	background-color: #DBE4E6;
}
#col2
{
	margin-left: 253px;
	padding: 12px 20px;
	text-align: left;
	background-color: #CFC6BA;
}
#boxout1, DIV.sticky
{
	border: 1px solid #C0B4A5;
	padding: 15px 15px 0;
	background-color: #F0EEEA;
}
#insetBox
{
/*234px width*/
	float: right;
	width: 200px;
	margin: 0 0 0 10px;
	padding: 10px;
	border: 1px solid #C0B4A5;
	background-color: #F0EEEA;
	text-align: center;
}
/*=Sidebar
-------------------------------------------------*/
#sidebar
{
	float: left;
	width: 169px;
/*209px - 40padding = 169px*/
	padding: 12px 20px;
	background: url(../_i/side-bg.png) repeat-x;
/*Fix IE6 duplicate chars bug
http://www.positioniseverything.net/explorer/dup-characters.html*/
	margin-right: -999px;
}
/*=Headings
-------------------------------------------------*/
H1, H2, H3, H4, H5
{
	font-family: Georgia, Serif;
	font-weight: normal;
	font-size: 150%;
}
H2
{
}
#mainpull H2, #maincol H2
{
	margin-bottom: 0.5em;
	font-size: 225%;
	letter-spacing: -0.01em;
	color: #857A6A;
}
#maincol H2.datedivider
{
	padding-bottom: 0.25em;
	font-size: 175%;
	border-bottom: 1px solid #C0B4A5;
}
#sidebar H2
{
	margin: 0 0 0.5em;
	font-size: 175%;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #C0B4A5;
	color: #45433D;
}
#sidebar H2.next
{
	margin-top: 1em;
}
#columns H2
{
	margin-bottom: 0.5em;
	padding-bottom: 0.4em;
	font-size: 185%;
}
#col1 H2
{
	border-bottom: 1px solid #9BA8AB;
	color: #535657;
}
#col2 H2
{
	border-bottom: 1px solid #A0927F;
	color: #45433D;
}
#boxout1 H2
{
	color: #6B6155;
}
H3
{
	color: #7D1E04;
}
#columns H3, #maincol H3
{
	font-size: 150%;
}
#maincol H3 A
{
	border-bottom: none;
}
#maincol H3.lookout
{
	margin-left: 1em;
}
#navbox H3
{
	padding-left: 5px;
	margin-bottom: 0.5em;
	color: #6B6155;
}
H4
{
}
#col1 H4, #col2 H4, #maincol H4
{
	font: bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
}
#maincol H4.dates
{
	font-size: 100%;
	color: #000000;
}
#maincol.alt H4
{
	margin-top: 0.5em;
	font: italic lighter 125% Georgia, "Times New Roman", serif;
	color: inherit;
}
H5
{
	font-size: 150%;
}
/*Body: =paras
-------------------------------------------------*/
P
{
	margin-bottom: 1em;
	line-height: 150%;
}
#maincol P
{
	font-size: 110%;
	line-height: 150%;
}
#maincol .explore-pic
{
	padding: 0 0 0 10px;
	vertical-align: top;
}
#maincol .explore-pic IMG
{
	margin: 0;
}
#mainpull P
{
	font-size: 130%;
	color: #6B6155;
}
#col1 P
{
	color: #494C4D;
}
#col2 P
{
	color: #45423E;
}
#sidebar P
{
	color: #6B6155;
}
#insetBox P
{
	margin-bottom: 0.5em;
}
/*=Misc
-------------------------------------------------*/
SUP
{
	font-size: 50%;
}
.centre
{
	text-align: center;
}
.read-on
{
	display: block;
	margin: -0.5em 0 1.5em;
}
.caps
{
	letter-spacing: 1px;
	font-size: 85%;
	text-transform: uppercase;
}
.standard-border
{
	border: 1px solid #C0B4A5;
}
.smaller
{
	font-size: 85%;
}
.italic
{
	font-style: italic;
}
.by
{
	font: italic normal 125% "Times New Roman", Times, serif;
}
.flow-right
{
	float: left;
	margin: 0;
}
.strong
{
	font-weight: bold;
}
.fullfeatured
{
	position: absolute;
	top: 9px;
	right: 40px;
}
/*=Links
-------------------------------------------------*/
A
{
	text-decoration: none;
	border-bottom: 1px dotted #95052D;
	color: #95052D;
}
A:hover
{
	color: #E13708;
}
A.on
{
	font-weight: bold;
}
#col1 H3 A, #col2 H3 A
{
	border-bottom: none;
}
#boxout1 A.big
{
	font: normal 175% Georgia, "Times New Roman", Serif;
}
A.back-to-top
{
	display: block;
	margin-bottom: 2em;
	border-bottom: none;
}
A.imgpop
{
	padding-right: 16px;
	padding-bottom: 1px;
	background: transparent url(../_i/image.gif) no-repeat 100% 50%;
	white-space: nowrap;
}
A.ww2007
{
	border: 0;
}
#insetBox A
{
	border: none;
}
/*=Lists
-------------------------------------------------*/
UL
{
	margin: 0.5em 0 1em;
	list-style: none;
}
UL LI
{
	margin: 0 0 0.5em;
	padding: 0;
	line-height: 125%;
}
#maincol UL
{
	margin-left: 2em;
	padding: 0;
	list-style: disc;
}
#sidebar UL LI
{
	padding: 0;
	margin-bottom: 0;
	line-height: 150%;
	color: #6B6155;
}
#sidebar UL.bulleted LI
{
	background: url(../_i/bullet.png) no-repeat 0% 4px;
	padding-left: 16px;
	margin-bottom: 0.75em;
}
#sidebar UL.linklist LI
{
	padding-left: 16px;
	background: url(../_i/bullet.png) no-repeat top left;
	margin-bottom: 0.5em;
}
#navbox UL, #navbox UL LI
{
	margin: 0;
	padding: 0;
	list-style: none;
}
OL
{
	margin: 1.5em 3em;
}
OL LI
{
	margin: 0.5em 0;
}
OL.habitats
{
	font-weight: bold;
}
/*=Images
-------------------------------------------------*/
#mainpull IMG
{
	float: left;
	margin: 3px 20px 0 0;
}
#boxout1 IMG
{
	display: block;
	margin: 1em auto 0;
}
#maincol IMG.camber-banner
{
	margin: 0 0 1em;
}
#maincol #camber-insets
{
	float: right;
}
#maincol #camber-insets IMG
{
	margin: 0 0 1em 1em;
}
#maincol IMG.no-border
{
	border: none;
	padding: 0;
}
#maincol IMG.yahoo-groups
{
	margin: 0 auto;
	background-color: transparent;
}
#maincol IMG, #maincol .upm-img
{
	margin: 0.5em 10px 0.5em 0;
	padding: 5px;
	border: 1px solid #C0B4A5;
	background-color: #FFF;
}
#maincol.alt IMG
{
	margin-top: 0;
	margin-bottom: 0;
}
#insetBox IMG
{
	margin: 0;
}
.ww2007 IMG
{
	border: 0;
	margin-bottom: 1em;
}
.removeBottomMargin
{
	margin-bottom: 0;
}
.upm-img
{
	float: left;
	clear: both;
}
/*=Tables
-------------------------------------------------*/
TABLE
{
	border-top: 1px solid #C0B4A5;
	border-left: 1px solid #C0B4A5;
}
THEAD
{
	background-color: #ECEDE8;
}
THEAD TD
{
	font-weight: bold;
}
TD
{
	border-right: 1px solid #C0B4A5;
	border-bottom: 1px solid #C0B4A5;
	padding: 4px 10px;
}
TD.tbl-indent
{
	padding-left: 30px;
}
TABLE.birdsTable
{
	margin: 1em 0;
	font-size: 0.7em;
}
TABLE.birdsTable TD
{
	padding: 1px;
	font-weight: bold;
}
TABLE.birdsTable TD.birdsEm
{
	font-style: italic;
}
TABLE.wetland
{
	margin: 0.25em 0 1em;
}
/*=Forms
-------------------------------------------------*/
FORM#zemContactForm LABEL
{
	padding-left: 0.5em;
	font-weight: bold;
	line-height: 1.75em;
	color: #A0927F;
}
FORM#zemContactForm INPUT
{
	margin: 0 0 0.5em;
}
FORM#zemContactForm INPUT#zemSubmit
{
	margin-top: 0.5em;
}
FORM#zemContactForm TEXTAREA#message
{
	width: 350px;
}
UL.zemError, UL.zemError LI
{
	margin: 0;
	padding: 0;
	color: #FF0000;
}
FORM#zemContactForm INPUT, FORM#zemContactForm TEXTAREA
{
	font: 1.25em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0.25em;
}
/*=Footer
-------------------------------------------------*/
#footer
{
	clear: both;
	padding: 1em;
	background-color: #FFFFFF;
	border-top: 1px solid #C0B4A5;
	height: 1%;
}
#footer P
{
	margin: 0;
}