* 
{
	margin: 0px;
	padding: 0px;
	text-align:left;
}
body {
	font: normal 12px/16px Arial, sans-serif;
	margin: 0px auto;
	padding: 0px;
	color: #333;
	text-align: left; /* For IE, see above */
	background: #fff url(images/bg.jpg) repeat-y top center;
}
h1
{
    display :none ;
	margin:10px;
	font-size:1.4em;
	color: #ccc;
}
h2
{
	margin:10px 0px 0px 20px;
	font-size:1.2em;
	font-weight:bold;
	color: #030;
	padding-bottom:0px;
}
h3 
{
	color: #333;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 5px 0;
}

a:link, a:visited 
{
	color: #000;
	font-size:1.0em;
}

a:hover, a:active 
{
	color: #000;
	background: #ccc;
	font-size:1.0em;
}
ul
{
    list-style-position :inside ;
    list-style-type:disc ;
}
/***************************************************************************************
/************************************* container ***********************************
/***************************************************************************************/

#container 
{
	width: 945px;
	height: 146px;
	margin: 0px auto;
	padding: 0px;
}
#AWTHeader
{
   width: 945px;
   border:none;
}
#HomePageTitle
{
	width: 516px;
	height: 125px;
	margin: 0px;
	background: #fff url(images/header.jpg) no-repeat top left;
}
#supportingtext
{
	width:945px;
}
#textfield1,#textfield2,#textfield3,#textfield4,#textfield5
{
}

.TextContentContainer
{

}
.Heading
{
 	padding: 30px;
 	font-size:1.2em;
	font-weight:bold;
	color: #030;   
}
.Textbody
{
    font: normal 1.2em/1.4em arial;
    padding: 10px 30px;
}

#HomePageTextContent_pnTextContentContainer
{
    width:480px;
    height:250px;
    overflow:auto ;   
}
#HomePageTextContent_pnTextContentContainer .Heading{display:none;}
#HomePageTextContent_pnTextContentContainer .Textbody
{
	padding: 10px 0px 0px 30px;
	font-size :1.0em;
}

#footer 
{
    clear:both;
	width:945px;
	height:150px;
	background: #fff url(images/bottomdivider.jpg) no-repeat top center;
}
#footer a, #footer a:hover, #footer img
{
    border:none;
    text-decoration:none;
    background :none;
}
#footerpromo img
{
    text-decoration :none;
    border:none;
}
#footerhr
{
    width:100%;
    background-color :#a79ac4;
    height:4px;
    margin-bottom:15px;
}
#footerlogo
{
    float:left;
    width:60px;
    margin-left:20px;
}
#footeraddr
{
    float:left;
    width:150px;
    font: bold 0.8em/19px arial;
    color:#000;
}
#footerinfo
{
    float:left;
    width:200px;
    font: bold 0.8em/19px arial;
    color:#000;
}
#footerinfo a
{ 
    cursor:help;
}
#footercredits
{
    float:left;
    width:400px;
    font: bold 0.8em/19px arial;
    color:#000;
}
#footerclear{clear:both;}
#footerLogo1, #footerLogo2, #footerLogo3, #footerLogo4, #footerLogo5,  #footerLogo6
{
    float:left;
    font: bold 0.8em/19px arial;
    color:#000;
    height:200px;
    margin-left:5px;
}
#footerLogo1 {width:130px;}
#footerLogo2 {width:130px;}
#footerLogo3 {width:239px;}
#footerLogo4 {width:136px;}
#footerLogo5 {width:149px;}
#footerLogo6 {width:116px;}


/***************************************************************************************
/************************************* SPECIALS  ***********************************
/***************************************************************************************/
#credits
{	
    display:none ;
	position:absolute;
	top:420px;
	left:auto;
	right:auto;
	margin-left:620px;
	width:170px;
	z-index:99;
}
#credits a
{
    font-size:0.9em;
    font-weight:bold;
	color: #ff8e20;
}
/***************************************************************************************
/************************************* TreeNav ***********************************
/***************************************************************************************/
.ChildPageNav
{   
    margin-top:50px;
    margin-left:25px;
    width:702px;
	height:146px;
	z-index:999;
}
.HomePageNav
{
    margin-left:230px;
    margin-top:20px;
    width:702px;
	height:146px;
	z-index:999;
}
#TreeNav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
#TreeNav ul li{
	position: relative;
	display: inline;
	float: left;
	background-color: #ffffff;
	text-align:center;
}

/*Top level menu link items style*/
#TreeNav ul li a{
	display: block;
}

#TreeNav ul li.li1 a{height:146px;width:117px;background: #ffffff url(images/Nav_01.jpg) no-repeat top left;}
#TreeNav ul li.li2 a{height:146px;width:117px;background: #ffffff url(images/Nav_02.jpg) no-repeat top left;}	
#TreeNav ul li.li3 a{height:146px;width:117px;background: #ffffff url(images/Nav_03.jpg) no-repeat top left;}	
#TreeNav ul li.li4 a{height:146px;width:117px;background: #ffffff url(images/Nav_04.jpg) no-repeat top left;}
#TreeNav ul li.li5 a{height:146px;width:117px;background: #ffffff url(images/Nav_05.jpg) no-repeat top left;}		
#TreeNav ul li.li6 a{height:146px;width:117px;background: #ffffff url(images/Nav_06.jpg) no-repeat top left;}

#TreeNav ul li a:hover{background-position: 0px -146px;}
#TreeNav ul li a.selected{background-position: 0px -292px;}

#TreeNav ul li a span{display:none;}

/*
<div id="TreeNav">
<ul id="Tree1">
    <li class="li1"><a href="?id=1" title="Home" ><span>Home</span></a></li>
    <li class="li2"><a href="?id=4" title="About a House Sparrow" ><span>About a House Sparrow</span></a>
        <ul id="Tree4">
            <li class="li1"><a href="?id=24" title="House Sparrow Year" ><span>House Sparrow Year</span></a></li>
            <li class="li2"><a href="?id=230" title="Sparrows & People" ><span>Sparrows & People</span></a></li>
            <li class="li3"><a href="?id=7" title="House Sparrow Mystery" ><span>House Sparrow Mystery</span></a></li>
        </ul>
    </li>
    ...
    
    */

/*1st sub level menu*/
#TreeNav ul li ul{
	position: absolute;
	left: 0px;
	top: 0px; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	z-index:999;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#TreeNav ul li ul li{
	width: 109px; /*width of sub menu levels*/
	height:45px;
	padding:0px;
	margin:0px;
	z-index:999;
}

/*Set background for sub level menus*/
#TreeNav ul li.li2 ul li a,  #TreeNav ul li.li3 ul li a,  #TreeNav ul li.li4 ul li a
{
    display: block;
	width: 104px; /*width of sub menu levels*/
	height:45px;
	padding:0px;
	padding-left:5px;
	margin:0px;
    background :#99b39a url(images/NavDropDownBG.png) repeat-x top left;
    text-decoration:none;
	color:#fff;
}
#TreeNav ul li.li2 ul li a:hover,  #TreeNav ul li.li3 ul li a:hover,  #TreeNav ul li.li4 ul li a:hover
{
	color:#21401e;
}
#TreeNav ul li ul li a span
{
    display:block;
    font-size:0.8em;
    line-height:12px;
    font-weight:bold ;
    text-decoration :none;
    padding: 0px;
    padding-top:5px;
}
/*Background image for top level menu list links */
#TreeNav .mainfoldericon{
	background: #F3F3F3 url(images/media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
#TreeNav .subfoldericon{
	background: #F3F3F3 url(images/media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #TreeNav ul li { float: left; height: 1%; }
* html #TreeNav ul li a { height: 1%; }
/* End */


.Breadcrumb
{
    margin: 20px 30px;
	width:800px;
	color:#ccc;
}
#StandardNav
{  
    margin-top:20px;
}
#StandardNav ul
{  
    list-style-position:inside;
}
#StandardNav li
{  
    margin-bottom:2px;
}
#StandardNav a
{
   color: #043800;
    background-color:#fff;
}
#StandardNav a:hover
{
    color:#fff;
    background-color:#043800;
}
/***************************************************************************************/
/*                                       Report a sighting
/***************************************************************************************/
.ReportSighting
{
	position:absolute;
    left:auto;
    right:auto;
    top:548px;
    margin-left:20px;
    width: 200px;
	height: 146px;
}
.ReportSighting a
{
	display : block;
    width: 200px;
	height: 146px;
	background: #eee url(images/ReportSighting.jpg) no-repeat top left;	
}
.ReportSighting a:hover
{
	display : block;
    width: 200px;
	height: 146px;
	background: #eee url(images/ReportSightingOn.jpg) no-repeat top left;	
}
.ReportSighting span{display:none;}
/***************************************************************************************/
/*                                       HOUSE SPARROW
/***************************************************************************************/
#HomePageHouseSparrow
{
	position:absolute;
    top:150px;
    left:auto;
    right:auto;
    margin-left:440px;
    width: 478px;
	height: 305px;
	background: #fff url(images/HouseSparrow.jpg) no-repeat top left;
	z-index :-10;
}
/**************************************************/
/*  SPARROW FACT
/**************************************************/
.FactContainer
{
    margin:50px auto;
    width:900px;
    background :#fff url(images/FactsContainer.jpg) no-repeat top left;
    padding-bottom:50px;    
}
.FactTitle
{
    padding:20px;
    font: bold 2.8em arial;
    color :#000;
}
.FactText
{
    padding:5px 20px;
    font-style:italic ;
}
/**************************************************/
/*  Marquee
/**************************************************/
.MarqueeContainer
{
    margin:30px auto;
    width:910px;
	height:20px;
    background :#ececec url(images/NavDropDownBG.png) repeat-x top left;
    border-bottom: solid 1px #ccc;
}
.MarqueeTitle
{
	float: left;
	padding-top:1px;
	width:270px;
	font: bold 1.4em arial;
    color :#000;
}
.MarqueePanel
{
	padding-top:3px;
	margin-left:280px;
	height:20px;
    width:620px;
    font: normal 1.2em arial;
}
.MarqueePanel a
{
    text-decoration:none;
}
/**************************************************/
/*  CONTACT FORM
/**************************************************/
.ContactForm
{
    border-top:solid 2px #017e01;
	margin: 10px auto;
    width:580px;
	background-color: #e9f5e3;
}
.ContactIntro
{
    font-weight:bold;
    margin-bottom: 10px;
}

.ContactInput
{
    width:500px;
    border:solid 1px black;
    margin-bottom: 10px;
}
.ContactTextarea
{
    width:500px;
    height:150px;
    border:solid 1px black;
    margin-bottom: 10px;
}

#ContactForm img
{
	border:solid 1px black;
	padding:0px;
	margin:0px;
}

/**************************************************/
/*  JOIN MAILING FORM
/**************************************************/
.JoinMailingForm
{
    border-top:solid 2px #017e01;
	width:580px;
	background-color: #e9f5e3;
}
.JoinMailingIntro
{
    font-weight:bold;
    margin-bottom: 10px;
}

.JoinMailingInput
{
    width:500px;
    border:solid 1px black;
    margin-bottom: 10px;
}
.JoinMailingTextarea
{
    width:500px;
    height:150px;
    border:solid 1px black;
    margin-bottom: 10px;
}

#JoinMailingForm img
{
	border:solid 1px black;
	padding:0px;
	margin:0px;
}

/***************************************************************************************
/* FLASH GALLERY 
/***************************************************************************************/	
.pnRHS
{
	width:370px;
	z-index:99;
	float:right;
	margin:0px 20px 10px 30px;
	border:solid 1px #ccc;
	background-color:#eee;
}
#FlashGalleryViewer
{
	margin: 0 auto;
	width:600px;
	height:600px;
	border:solid 1px black;
}
#FlashGallerySWF
{
	width:600px;
	height:600px;
}

.AudioContainer
{
    margin-left:30px;
}
.AudioLabel
{
    display :block;
    margin-bottom: 10px 0px;
}

/***************************************************************************************
/* GMap
/***************************************************************************************/
#GMap50
{
   margin: 0px auto;
   width:800px;
   height:400px; 
}
#GMap74,#GMap75,#GMap76,#GMap77,#GMap78,#GMap79
{
   margin: 10px auto;
   width:600px;
   height:300px; 
}



/***************************************************************************************
/* Toggle Container
/***************************************************************************************/
h2.triggeryep, h2.triggermaybe , h2.triggernope  {
	padding:0px;
	margin: 0px;
	background: url(images/toggle.jpg) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 900px;
	font-size: 1.0em;
	font-weight: normal;
}
h2.triggeryep a, h2.triggermaybe a, h2.triggernope a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding-left:50px;
}
h2.triggeryep a:hover , h2.triggermaybe a:hover, h2.triggernope a:hover{
	color: #ccc;
	background-color :transparent;
}
h2.yep 
{
    padding:0px;
	margin: 0px;
	background: url(images/toggle.jpg) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 900px;
	font-size: 1.0em;
	font-weight: normal;
	background-position: left -47px;
}
h2.maybe  
{
    padding:0px;
	margin: 0px;
	background: url(images/toggle.jpg) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 900px;
	font-size: 1.0em;
	font-weight: normal;
	background-position: left -93px;
}
h2.nope  
{
    padding:0px;
	margin: 0px;
	background: url(images/toggle.jpg) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 900px;
	font-size: 1.0em;
	font-weight: normal;
	background-position: left -139px;
}

.toggle_parent_container
{
	width:900px;
	margin:20px auto;
	margin-bottom:100px;
	padding-bottom:100px;
}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.0em;
	width: 900px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	background: url(toggle_block_btm.gif) no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 1.0em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}
/***************************************************************************************
/*								CAPTURE COORDS
/***************************************************************************************/
.CaptureCoordsContainer, .DisplayCoordsContainer
{
	width:910px;
	margin:0px auto;
}
.MapCaptureCoords
{
   border:solid 1px #000;
   width:480px;
   height:590px;
   margin-bottom:20px;	
}
.MapDisplayCoords
{
   border:solid 1px #000;
   width:600px;
   height:800px;	
}
.DisplayDetails
{
	float:right;
	width:275px;
	margin:0px;
	margin-left:10px;
}
.SightingDetails
{
	float:right;
	width:370px;
	margin:0px;
}
.SightingValidationSummary
{
    padding:20px 5px;
}
.QuestionContainer1
{
	width:330px;
	background :#eee url(images/NavDropDownBG.png) repeat-x top left;	
	margin-bottom:20px;
	padding:20px;
}
.QuestionContainer2
{
	width:870px;
	background :#eee url(images/NavDropDownBG.png) repeat-x top left;	
	margin-bottom:20px;
	padding:20px;
	clear:both;
}
.QuestionContainer3
{
	width:490px;
    height:630px;
    background :#eee url(images/NavDropDownBG.png) repeat-x top left;	
	margin-bottom:20px;
	padding:20px;
}
.SightingDetailsLabel
{
	display :block;
	font-weight:bold;
	font-size :1.2em;
	margin-bottom:10px;
}
.DetailsRadio
{
	width:250px;
	display: block;
}
.QuestionContainer input
{ 
	height:20px;
	width:20px;
	padding: 0 5px 0 0;
	clear: left;
	float: left;
	display: block;
}	
.QuestionContainer label
{ 
	width: 210px;
	height: 25px;
	padding: 2px 0 0 0;
	display: block;
	font-size : 0.9em;
	line-height :12px;
}
.SightingDetailsInput
{
	display :block;
	width:200px;
	height:25px;
	font-weight:bold;
	font-size :1.2em;
	margin-bottom:10px;	
	border: solid 1px #000;
	background :#fff url(images/NavDropDownBG.png) repeat-x top left;
}

.SparrowSightingDetails
{
	width:230px;
	background :#eee url(images/NavDropDownBG.png) repeat-x top left;	
	margin-bottom:20px;
	padding:20px;
}
.SparrowSightingDetails b
{
    display: block;
    padding: 10px 0px 3px 0px;
}
.SightingDetailsSubmit
{
	margin:10px 0px;
}
.SightingDetailsPopup1, .SightingDetailsPopup2, .SightingDetailsPopup3
{
	float:right;
	border:solid 5px #f00;
	width:300px;
	padding:20px;
	display: none;
	font-weight:bold;
	font-size :1.2em;
}
.ApprovePageContainer
{
	margin:10px auto;
	width:870px;
	background :#eee url(images/NavDropDownBG.png) repeat-x top left;	
	margin-bottom:20px;
	padding:20px;
	clear:both;	
}

.ApprovePageLabel
{
	display :block;
	font-weight:bold;
	font-size :1.2em;
	margin-bottom:10px;
}

.ApprovePageInput
{
	display :block;
	width:200px;
	height:25px;
	font-weight:bold;
	font-size :1.2em;
	margin-bottom:10px;	
	border: solid 1px #000;
	background :#fff url(images/NavDropDownBG.png) repeat-x top left;
}
.ApprovePageLabelchk
{
	font-weight:bold;
	font-size :1.2em;
	margin-bottom:10px;	
}
.ApprovePageImage
{
	display:block;
	width:300px;
	margin:20px;
}
.ApprovePageSubmit
{
	display:block;
	margin:10px 0px;	
}