/*--------------------------------------------------------------------------

<Site Name> - Basic Style Sheet

Version:	1.0
Author:		<author>
Email:		<email>
Website:	<website>

--------------------------------------------------------------------------*/

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=Access Keys / Jumps
	=Forms
	=LayoutStructure
		- header
		- navigation
		- p-content	
		- s-content
		- footer
	=Shared Styles
	=header
	=p-content ( insides )
	=s-content ( insides )
	=footer ( insides )

--------------------------------------------------------------------------*/


/* =Global 
--------------------------------------------------------------------------*/

* { margin: 0; padding: 0; } 

body { line-height: 1.4; }

.clearme { clear: both; }
.hideme { display: none; } /* visibility: hidden; could be used here instead depends what you need */
.left { float: left; }
.right { float: right; }

acronym { speak: normal; }
abbr { speak: spell-out; }

ul { list-style-type: none; }

a.back-link-button 
{
    font-family: Tahoma, Arial, Sans serif; 
    font-size: 0.75em; 
    color: #1f1f1f;
    background: url(/img/left-arrow.gif) 0 50% no-repeat; 
    padding: 0 0 0 18px;
    text-decoration: none;
    clear: left;
}

a.forward-link-button 
{
    font-family: Tahoma, Arial, Sans serif; 
    font-size: 0.75em; 
    color: #1f1f1f;
    background: url(/img/right-arrow.gif) 100% 50% no-repeat; 
    padding: 0 18px 0 0;
    text-decoration: none;
}

a:hover.back-link-button
{
    color: #6a9508;
    text-decoration: underline;
    background: url(/img/left-arrow_on.gif) 0 50% no-repeat;
}

a:hover.forward-link-button
{
    color: #6a9508;
    text-decoration: underline;
    background: url(/img/right-arrow_on.gif) 100% 50% no-repeat;
}

/* =Typography
 *
 * Use this section for general type styles
--------------------------------------------------------------------------*/

html { font-size: 100.01%; }
body { font-size: 1em; background: #F1F1E7; font-family: Tahoma, Arial, Sans serif; }
#navigation { font-family: Georgia, Times, Serif; font-size: 0.75em; font-weight: bolder; }
#p-content { }
#s-content { }

/* Freeform - normally we have freeform wrapped inside a container of some sort */

.freeform, #downloads { font-family: Tahoma, Arial, Sans serif; font-size: 0.75em; color: #1f1f1f }
.freeform { clear: both; }
.freeform p { margin: 0 0 8px 0; }
.freeform ul { list-style-type: none; margin: 0 0 10px 3px; }
.freeform ol { margin: 0 0 10px 25px;  } /* needs slightly bigger left margin than ul */
.freeform a, .freform a:hover { color: #6a9508; text-decoration: none; }
.freeform a:hover { text-decoration: underline !important; }

.freeform img { margin: 10px; }
/* CSS3 selectors, for the good browsers */
.freeform img[align=left] { margin-left: 0; }
.freeform img[align=right] { margin-right: 0; }


/* =Headings
--------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {}

h1, h2, h3 { font-family: Georgia, Times, Serif; font-size: 0.88em; margin: 0 0 4px 0; color: #6a9508; }
h1 { width: 466px; float: left }
h2 { color: #3f4235 !important; font-size: 1em }
h3 { color: #3f4235 !important; font-size: 0.95em }

/* =Links
 * 
 * LVHA ( :link / :visited / :hover / :active ) - important due to the way CSS handles cascade / ordering.
--------------------------------------------------------------------------*/

a { }
a:link { }
a:visited { }
a:hover, a:active, a:focus { }

a img { border: none; }


/* =Access Keys / Jumps
--------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------*/

fieldset { border: none; }
legend { }
label { cursor: pointer; }

input, select, textrea { font-family: inherit; font-size: 1em; }


/* =LayoutStructure
--------------------------------------------------------------------------*/

#sitecontainer { width: 960px; margin: 0 auto; }
#content { padding: 16px 17px; width: 926px; background: #ffffff url(/img/bg-main.gif) 0 0 no-repeat; margin: 0 auto; float: left;}
#header { min-height: 69px; width: 926px; }
#navigation { margin: 2px 0 0 0;; width: 172px; clear: left; float: left; }
#p-content { float: left;  width: 467px; margin: 0 0 0 21px; }
#s-content { float: right; margin: 18px 0 0 26px; width: 239px; padding: 0 0 0 0; }
#footer { width: 960px; min-height: 110px; background: #F1F1E7 url(/img/bg-footer.gif) 0 0 no-repeat; margin: 0 auto; float:left; }


/* =Shared Styles
 *
 * If you find your re-using the same styles on certain elements 
 * put them here
--------------------------------------------------------------------------*/



/* =header
--------------------------------------------------------------------------*/

#logo { float: left}
#rotatingheader { margin: 0 0 0 9px; float: left; }

#search 
{
    font-family: Georgia, Times, Serif;
    width: 230px; 
    min-height: 63px; 
    border: solid 1px #C5C5C5; 
    margin: 0 0 0 25px; 
    float: left; 
    padding: 4px 2px 0 2px;
    width: 234px;
}

#search label { font-size: 0.69em; font-weight: bolder; margin: 2px 4px 0 0; float: left; }
#search label.rad { font-weight: normal; margin: 0 3px 0 3px; font-family: Arial; font-size: 0.75em; float: none; }
#txtsearch { margin: 0 0 0 4px; border-top: solid 1px #AAADB2 !important; border: solid 1px #E2E9EF; width: 148px; height: 16px; float: left; font-size: 0.75em; }
#rad1, #rad2, #rad3 { width: 12px; margin: 0 0 -2px 0; clear: left; }

ul.search-options { margin: 4px 0 0 4px; float: left; width: 207px; }
ul.search-options li { list-style-type: none; float: left; margin: 3px 4px 4px 0; }

.search-btn { float: right; margin: 10px 4px 0 0; }

/* =navigation
--------------------------------------------------------------------------*/

#navigation a { color: #000000; text-decoration: none; }
#navigation a:hover, #navigation a.on { color: #6a9508; }

#navigation ul { list-style-type: none; width: 155px; }

#navigation ul li { margin: 0 0 6px 0; }

#navigation ul ul { margin: 6px 0 0 15px; }
#navigation ul ul a { font-weight: normal; color: #64675a; }
#navigation ul ul a:hover, #navigation ul ul a.on { font-weight: bolder;color: #5c552c; }

#navigation ul li.last { margin: 15px 0 15px 0; }
#navigation ul li.members { background: url(/img/icons/padlock.gif) 100% 50% no-repeat; width: 125px }

div#welcome-pod { background: #ededed; padding: 5px; float: left; margin: -8px 0 10px 0; width: 160px;}

p.welcome span { font-weight: lighter; font-family:Tahoma,Arial,Sans serif; color:#1f1f1f }

a.signout { margin: 5px 0 0 0; float: left; font-size: 1em; font-weight: lighter; color:#1f1f1f !important }

/* =p-content
--------------------------------------------------------------------------*/

p.general { font-size: 0.75em; }

/* Freeform */

.freeform ul li
{
    background: url(/img/bullet.gif) 0 6px no-repeat;
    padding: 0 0 0 12px;
}

.freeform ul li a { color: #6D6E69 }
.freeform ul li a:hover { color: #6a9508 }

/* Breadcrumb */

#breadcrumbs { color: #C5C5C5; font-size: 0.75em; margin: 0 0 3px 0; float:left; width: 466px; }
#breadcrumbs a { color: #b9b9b9; text-decoration: none; }
#breadcrumbs a:hover { color: #6a9508; text-decoration: underline; }

/* Quote */

.quote 
{
    font-family: Georgia, Times, Serif; 
    font-size: 0.75em; 
    text-align: right;
    float: left;
    padding: 20px 25px 20px 20px;
    width: 616px;
    color: #64675a;

}

.quote .open { margin: 0 5px 5px 0; }
.quote .close { margin: 0 -20px 4px 5px; }

/* Link on home page */

ul.home-links { width: 466px; float:left; margin: 15px 0 0 0; }
ul.home-links li { width: 466px; clear:left; float: left; height: 27px; margin: 5px 0; }

ul.home-links li a 
{
    display: block; 
    color: #000000; 
    border: solid 1px #D0CFA1; 
    float: left;
    text-decoration: none;
    font-size: 0.75em;
    width: 458px;
    height: 22px;
    font-family: Arial;
    padding: 5px 0 0 8px;
    background: #F1F1E7 url(/img/right-arrow.gif) 448px 50% no-repeat;
}

ul.home-links li a:hover { background: #d5ecf6 url(/img/right-arrow_on.gif) 448px 50% no-repeat; border-color: #92c0d4 }

/* Paging Template */

.result-detail
{
    width: 452px;
    background: #F1F1E7;
    padding: 5px 7px;
    font-family: Arial;
    font-size: 0.75em;
    float: left;
    margin: 7px 0 0 0;
}


ol.result-list { float: left; list-style-type: none; margin-top: 10px; }
ol.result-list .thumbnail { float:left; margin: 2px 10px 0 0; border: solid 1px #C1C1C1 }
ol.result-list h4 a { font-family: Tahoma, Arial, Sans serif; color: #1f1f1f; font-size: 0.81em; text-decoration: none; float:left; width: 460px }
ol.result-list h4 a:hover { text-decoration: underline; }
ol.result-list p { font-family: Tahoma, Arial, Sans serif; color: #1f1f1f; font-size: 0.81em; text-decoration: none; float:left; width: 460px }

ol.result-list li { clear: left; float:left; width: 460px; margin: 0 0 10px 0; }

ol.result-list li div.with-thumbnail h4 a, ol.result-list li div.with-thumbnail p { width: 370px !important; }

ol.result-list li .item-posted { margin-bottom: 2px; margin-top: -2px; color: #666666 }


p.showing { float: left; padding: 1px 0 0 0; }
p.showing span { font-weight: bolder; }
div.amount { float: right; }
div.amount select { vertical-align: middle; }

#pageSizeSubmit {  margin: 0 0 -2px 0; }

.pagingcontrol
{
	margin: 10px auto;
	clear: both;
	font-size: 0.75em;
	text-align: center;
}

.pagingcontrol span, .pagingcontrol a { margin: 0 2px; padding: 2px 5px; }

.pagingcontrol span { color: #75746F; background-color: #F1F1E7; }
.pagingcontrol span.paging-on, .pagingcontrol a.paging-off:hover { background-color: #F1F1E7; border-color: #CED0A1; color: #68911B; }
.pagingcontrol span.paging-on { font-weight: bolder; }

.pagingcontrol span.paging-on, .pagingcontrol span.paging-off { margin: 0 0 0 0; }

.pagingcontrol a { color: #757575 !important; text-decoration: none; }
.pagingcontrol a:hover { color: #3a7b98 !important; text-decoration: none; border-color: #92c0d4 !important; background-color: #d5ecf6 !important;  }

.paging-off, .paging-on { padding: 3px 0; border: 1px solid #CED0A1; background-color: #F1F1E7;  }

.paging-lastpage, .paging-firstpage
{
	padding: 3px 0;
	border: 1px solid #CED0A1;	
	background-color: #F1F1E7;
	color: #CDCEC9 !important;
}

.paging-lastpage a, .paging-firstpage a { color: #75746F !important; }

span.paging-previouspage, a.paging-previouspage, span.paging-nextpage, a.paging-nextpage 
{
    background: none; 
    padding: 0 !important; 
    margin: 0; 
    width: 15px;
}
span.paging-previouspage img, a.paging-previouspage img, span.paging-nextpage img, a.paging-nextpage img {  margin: 0 0 -5px 0; padding: 0 }
span.paging-firstpage, span.paging-lastpage { border-color: #E5E5CD; background: #F6F7F1 !important; }

span.paging-previouspage img { margin-right: 2px; }
span.paging-nextpage img { margin-left: 2px; }

/* News */

h2.featured { font-size: 0.88em; color: #6A9508 !important; margin: 10px 0 0 0 !important; }

p.dateposted { color: #C5C5C5; font-size: 0.75em; margin: 5px 0 6px 0; }

/* Audit - Subpages */

h2.habitats, h2.species { font-size: 0.75em; }

#habitats, #species { float: left; width: 466px; font-size: 0.75em; }
#habitats li, #species li { width: 466px; float:left; }
#habitats a, #species a 
{
    color: #1f1f1f; 
    font-family: font-family: Tahoma, Arial, Sans serif; 
    text-decoration: none;
    display: block;
    width: 456px;
    float:left;
    padding: 3px 5px;
    background: url(/img/right-arrow.gif) 98% 50% no-repeat;
}

#habitats a.alt, #species a.alt
{
    background: #ebf6fb url(/img/right-arrow.gif) 98% 50% no-repeat; 
}

#habitats a:hover, #species a:hover { text-decoration: underline; background: url(/img/right-arrow_on.gif) 98% 50% no-repeat; }
#habitats a:hover.alt, #species a:hover.alt { text-decoration: underline; background: #ebf6fb url(/img/right-arrow_on.gif) 98% 50% no-repeat; }

/* downloads */

#downloads ul { background: #EBF6FA; width: 466px; margin: 5px 0 10px 0; }
#downloads ul li { padding: 0 0 0 10px; }
#downloads ul li img { vertical-align: middle; padding: 5px 10px 5px 0; }

/* Sign-in */

fieldset.signin legend { display: none; }
h2.signin { font-size: 0.75em; }

fieldset.signin ol {  width: 350px; margin: 0 0 0 0; float:left; }
fieldset.signin ol li { display: block; float: left; margin: 3px 0; }
fieldset.signin label { width: 150px; float: left; font-size: 0.75em; font-family: arial }
#email, #password { border-top: solid 1px #AAADB2 !important; border: solid 1px #E2E9EF; width: 200px; height: 16px; float: left; font-size: 0.75em; float: left }
input.signin { vertical-align: middle; float: left; margin: 3px 0 0 5px; }


/* =s-content
--------------------------------------------------------------------------*/

img.audit-image { margin: 12px 0 0 0; }

h3.section, h3.downloads 
{
    clear: left; 
    float:left; 
    font-family: Georgia, Times, Serif; 
    font-size: 0.75em; 
    font-weight: normal; 
    color: #64675a; 
    margin: 10px 0 4px 0; 
    width: 239px;
    font-weight: bolder;
}
    
h3.downloads { margin: 15px 0 4px 0; }

#s-content ul { list-style-type: none; width: 239px; clear: left; float: left }
#s-content ul li { clear: left; float: left; width: 222px; margin: 2px 0; }

#s-content ul li span { white-space: nowrap; }

#s-content ul.section li { padding: 2px 0 2px 17px; background: url(/img/right-arrow.gif) 0 50% no-repeat;  }
#s-content ul li a, #s-content ul li span { font-size: 0.75em; text-decoration: none; color: #1f1f1f; float: left; }
#s-content ul li a:hover { text-decoration: underline; color: #6a9508; }

#s-content li.pdf { padding-left: 20px !important; background: url(/img/filetypes/pdf.gif) no-repeat 0 1px !important; }
#s-content li.doc { padding-left: 20px !important; background: url(/img/filetypes/doc.gif) no-repeat 0 1px !important; }
#s-content li.xls { padding-left: 20px !important; background: url(/img/filetypes/xls.gif) no-repeat 0 1px !important; }
#s-content li.ppt { padding-left: 20px !important; background: url(/img/filetypes/ppt.gif) no-repeat 0 1px !important; }
#s-content li.rtf { padding-left: 20px !important; background: url(/img/filetypes/rtf.gif) no-repeat 0 1px !important; }
#s-content li.txt { padding-left: 20px !important; background: url(/img/filetypes/txt.gif) no-repeat 0 1px !important; }

#s-content #image-rights { width: 221px; border: solid 1px #E2E3D3; background-color: #F5F4EF; padding: 6px 8px; float: left; margin: 12px 0 0 0; }
#s-content #image-rights p { font-family: Tahoma, Arial, Sans serif; color: #8e8e6b; font-size: 0.69em; }
/* =footer
--------------------------------------------------------------------------*/

#footer span { margin: 0 10px }
#footer p { font-family: Tahoma, Arial, Sans serif; font-size: 0.75em; color: #aaaaa2; margin: 0 0 2px 0; }
#footer a { color: #aaaaa2; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer .footer { margin: 10px 0 10px 0; width: 500px; float: left; }

#footer .logo { float:left; margin: 0 7px 0 0; }