/* --- [ base code ] ------------------------------------*/
	html
	{
		min-width: 760px;
		margin:0
	}

	body
	{
		margin:10px;
		font-family: Trebuchet MS, Arial, verdana, tahoma, sans-serif;
		color: #000;
		font-size:1em;
		background:#fff;
	}

	h1, h2, h3, h4, h5, h6 
	{ 
		display:block;
		margin: 10px 0;
		font-family: Arial,Trebuchet MS,Verdana,sans-serif;
		font-weight:bold;
		padding:0 0 5px 0;
	}
	h1 
	{
		font-size: 130%;
		color: #184b18;
		border-bottom: 2px solid #184b18;
	}
	h2 
	{
		font-size: 110%;
		color: #184b18;
		border-bottom:solid 1px #184b18;
	}
	h3 
	{
		font-size: 90%;
		color: #184b18;
	}

	h4 
	{
		font-size: 80%;
		color: #184b18;
	}


	p,li,blockquote
	{
		margin:10px 0 0 0;
		font-size:90%
	}
	li
	{
		border-bottom:solid 1px #ccc;
		padding:0 0 10px 0;
	}
	li.no-border
	{
		border:solid 0px #ccc;
	}
	ol ul li 
	{
		margin:2px 0 0 0;
		padding:0 0 2px 0;
	}
	blockquote
	{
		margin:10px 20px;
		font-size:80%
	}
	ol li blockquote, ol ul li
	{
		font-size:100%;
		border-bottom:solid 0px #ccc;
	}

	hr 
	{
		border:solid 1px #36c;
	}
	
	legend
	{
	    font-weight:bold;
	    margin: 0 5px 0 5px;
	    color:Black;
	}
	
	label
	{
	    color:#184b18;
	}
	
    br
    {
        clear:both;
    }
    
    img
    {
        border:0px;
    }
    
    .clearBoth
    {
        clear:both;
    }
    
    .floatRight
    {
        float:right;
    }
    
    .navLink
    {
        font-size:80%;
        margin:0;
        padding:0;
        color:#184b18;
        font-weight:bold;
    }
    
    .button
    {
        background-color:#184b18;
        color:#fff;
        border:none;
        width:60px;
    }
    
    .helpIcon
    {
        margin:0 0 0 0;
        padding:0 0 0 10px;
        border:0px;
    }
    
    #mayorImage
    {
        float:right;
        margin:5px 0 0 0;
    }
    
    #rightTreesLogo
    {
        float:left;
        font-size:180%;
        font-family: Arial,Trebuchet MS,Verdana,sans-serif;
        margin:0 0 0 -8px;

    }
    
    #imgRightHand
    {
        float:right;
        margin:0 0 5px 5px;
    }
    
    #imgLeftHand
    {
        float:left;
        margin:0 10px 5px 0;
    }

    a {color:#184b18;}
    a:visited {}
    a:hover { text-decoration:none; }
    a:active { text-decoration:none; }

    .errorText 
    {
        color:Red;
    }

/* ------ REFERENCES PAGE ------- */

    #referenceListNOTUSED
    {
        height:600px;
        overflow:auto;
        width:100%;
        margin:0 0 10px 0;
    }

    #referenceList
    {
        clear:both;
    }

    #referenceList span
    {
        font-size:80%
    }


/* ------ SITE LAYOUT ------- */
    #siteOuterContainer
    {
        width:100%;
        text-align:center;
    }
    
    #siteInnerContainer
    {
        text-align:left;
        width:950px;
    }    

/* ------ Footer ------- */
    
    #footer
    {
        border-top: solid 2px #184b18;
        border-bottom: solid 2px #184b18;
        border-right: solid 2px #184b18;
        border-left: solid 2px #184b18;
        padding:5px 0 5px 0;
        margin-top:25px;
        clear:both;
        text-align:center;
    }
    
    #footer img
    {
        margin:0 20px 0 20px;
    }

    #footerLinks
    {
        text-align:center;
    }

    #footerLinks a
    {
        font-size:70%;
        font-weight:bold;
        margin:0 30px 0 30px;
    }

/* ------ Menu Bar ------- */
    ul.nav
    {
    margin-left:0px;
    padding-left:0px;
    list-style:none;
    float:left;
    width:100%;
    }
    
    ul.nav li
    {
        float:left;
        border:none;
    }
    
    ul.nav a
    {
        width:100px;
        display:block;
        border: 1px solid #000;
        padding: 2px;
        margin-right:5px;
        background-color:#184b18;
        text-decoration:none;
        color: #fff;
        text-align:center;
    }
    ul.nav a:hover
    {
        background-color: #669900;
    }

    ul.nav a.highlighted
    {
        background-color: #669900;
    }

/* ----- [ ASP Grid View Control ] ----------------------*/
	table.grid-view { font-size:80%; border:solid 0px #ccc; }
	table.grid-view tr.alternate-row { background:#f00; }
	table.grid-view th { padding:5px 3px; text-align:left; }
	table.grid-view td { padding:4px 3px; text-align:left; border-top:solid 1px #ccc; }
	table.grid-view th a, table.grid-view th a:hover, table.grid-view th a:visited, table.grid-view th a:active { color:#666 }
	table.grid-view tr.empty td { border-top:solid 0px #ccc; } 
	table.grid-view table { margin:2px 2px 2px -3px; font-size:100%; font-weight:bold; }
	table.grid-view table td { width:15px; padding:0px; text-align:center; border:solid 1px #333; }
	table.grid-view table td span { color:#666; display:block; width:20px; }
	table.grid-view table td a { padding:0px 2px; display:block; color:#fff; text-decoration:none; background:#184b18; width:20px;}
	table.grid-view table td a:visited { color:#fff; text-decoration:none; background:#8ac28a }
	table.grid-view table td a:hover { color:#fff; text-decoration:underline; background:#8ac28a }
	table.grid-view table td a:active { color:#fff; text-decoration:underline; background:#8ac28a }
	.empty { border-top:solid 0px #366; }

	table.flexi { width:100%; }
	table.flexi th { height:30px; padding:0 3px; background:#030 url('../images/fixed-gridview/th-background.gif') center center repeat-x; border-bottom:solid 2px #c90; }
	table.flexi td { border-top:solid 1px #c90; }
	table.flexi th a, table.flexi th a:hover, table.flexi th a:visited, table.flexi th a:active { color:#fff }
	table.flexi .column-1 { width:10%; text-align:left; }
	table.flexi .column-2 { width:80%; text-align:left; }
	table.flexi .column-3 { width:10%; text-align:center;  }

	table.fixed { width:950px; }
	table.fixed tr.alternate-row { background:#E9E9E9; }
	table.fixed th { height:30px; padding:0 3px; background:#184b18; border-bottom:solid 2px #c90; }
	table.fixed td { border-top:solid 1px #c90; }
	table.fixed th a, table.fixed th a:hover, table.fixed th a:visited, table.fixed th a:active { color:#fff }
	table.fixed td a, table.fixed td a:hover, table.fixed td a:visited, table.fixed td a:active { color:#000 }
	table.fixed .column-1 { width:50px; text-align:left; }
	table.fixed .column-2 { width:475px; text-align:left; }
	table.fixed .column-3 { width:75px; text-align:center;  }

/*----- Search Page -----*/

    
    #treeSearch #treeCol1
    {
        float:left;
        margin:0 10px 0 0;
        width:200px;
    }
    #treeSearch #treeCol2
    {
        float:left;
        margin:0 10px 0 0;
        width:410px;
    }

    #treeSearch #treeCol3
    {
        float:left;
        width:300px;
    }

    #treeSearch fieldset
    {
        padding:0 8px 7px 0;
        margin:0 0 10px 0;
    }

    .searchCol1Label
    {
        width:150px;
        float:left;
        text-align:right;
        margin:0 10px 0 0;
        font-style:italic;
    }

    .searchCol2Label
    {
        width:210px;
        float:left;
        text-align:right;                
        margin:0 10px 0 0;                
        font-style:italic;
    }

    .searchCol3Label
    {
        width:230px;
        float:left;
        text-align:right;                
        margin:0 10px 0 0;                
        font-style:italic;
    }
    
    .searchLabel
    {
        font-style:italic;
    }
    
    #searchButtons
    {
        float:right;
    }
    
    #searchUserNotes
    {
        float:left;
        margin:0 0 0 130px;
    }
    
    #searchName
    {
        float:left;
    }

    #searchNative
    {
        float:left;
        margin:0 0 0 35px;
    }

    #searchHeader
    {
        padding:0 0 10px 0;
    }

    .andOr label
    {
        font-size:70%;
    }
    
    span.andOr
    {
        margin:left:40px;
        display:block;
        text-align:right;
    }
    
    .searchResultsSummary
    {
        margin:-5px 0 5px 0;
        display:block;
    }

/*----- Tree Details Page -----*/
    #treeDetail #treeCol1 label
    {
        width:160px;
        float:left;
        text-align:right;
    }
    
    #treeDetail #treeCol1 img
    {
        float:left;
        margin:4px 0 0 3px;
    }

    #nativeSpecies
    {
        float:left;
    }

    #nativeSpecies img
    {
        margin:0 0 -3px 0;
    }

    #treeDetail #treeCol1
    {
        float:left;
        margin:0 10px 0 0;
        width:210px;
    }

    #treeDetail #treeCol2 label
    {
        width:200px;
        float:left;
        text-align:right;
    }
    
    #treeDetail #treeCol2 img
    {
        float:left;
        margin:4px 0 0 3px;
    }

    #treeDetail #treeCol2
    {
        float:left;
        margin:0 10px 0 0;
        width:380px;
    }    

    #treeDetail #treeCol3 label
    {
        width:210px;
        float:left;
        text-align:right;
    }
    
    #treeDetail #treeCol3 img
    {
        float:left;
        margin:4px 0 0 3px;
    }
    
    #treeDetail #treeCol3 span
    {
    }
    
    #treeDetail #treeCol2 .helpIcon
    {
        margin:3px 0 0 10px;
        padding:0px;
        border:0px;
    }
    
    #treeDetail fieldset
    {
        padding:0 8px 7px 0;
        margin:0 0 10px 0;
    }
    
    #treeDetail .doubleLineIcon
    {
        padding-top:14px;
    }
    
    #treeDetail .lowLineSpacing
    {
        line-height:100%;
    }
    
    #commonName
    {
        float:left;
        margin:0 25px 0 0;
    }
    
    #regionOrigin
    {
        float:left;
        margin:0 25px 0 0;
    }

    #treeHeader
    {
        margin:0 0 15px 0;
    }
    
    .treeLabel
    {
        font-style:italic;
        float:left;
        text-align:left;
    }

    .treeNotes
    {
        float:left;
    }
    
    #resultsUserNotes
    {
        float:right;
    }

/* -------Login Page ------*/
    #loginBody
    {
        margin:0 0 150px 0;
    }
    
    #loginBox
    {
    margin:15px 0 0 30px; 
    }

    #loginBox label
    {
        width:100px;
        float:left;
    }

    
    .loginTextBox
    {
        width:150px;
        padding:0px;
        margin:0px;
    }
    
    .loginButton
    {
        margin-right:10px;
        float:right;
    }
    
    .forgottenPassword
    {
        margin:10px 0 0 0;
        font-size:80%;
        display:block;
    }

/* ---------Registration Page ------*/
    #registrationBody label
    {
        float:left;
        width:150px;
    }
    
    #registrationBody #signUp
    {
        margin:0 0 10px 0;
    }

    #registrationBody #mustAgree
    {
    font-size:80%;
    margin:7px 0 0 40px;
    }

    
    #registrationForm
    {
        margin:0 0 0 30px;
    }    
    
    #registrationBody
    {
        margin:0 0 150px 0;
    }
    
    #registrationBody .textBox
    {
        width:250px;
    }
    
    #registrationBody .dropDown
    {
        width:256px;
    }    
    
    #registrationComplete
    {
        width:100%;
        text-align:right;
    }
    
    .registrationContinueButton
    {
        width:170px;
        margin:30px 0 0 0;
    }    
    
    /*----- Terms & Conditions Page -------*/
    #termsBody
    {
    }
    
    /* ----- Contact Us Page ------*/
    #contactUsDetails
    {
        margin: 0 0 100px 30px;
    }

    /* ---- Home Page --- */
    #homeLeftCol
    {
    float:left;width:500px;padding:0 25px 20px 0;        
    }
    
    #homeRightCol
    {
    float:left;width:400px;padding:0 0 20px 25px;    
    }


    /* ----- User Notes page ------*/
    #userNotes li
    {
        border:none;
        margin:0 0 0 0;
        padding:0 0 0 0;
    }

    #userNotes ul
    {
        border: none;
        margin: 10px 0 10px 25px;
        padding: 0 0 0 0;
        list-style-type: none;
    }
    
    /* ---- Forgotten Password Page -------- */
    
    #passwordRecovery
    {
        margin:20px 0 0 30px;
    }
    
    #passwordRecoveryBody
    {
        height:250px;
    }
    
    /* ----- User List Page ---- */
    #userList
    {
        width:950px;
    }
    
    .downloadButton
    {
        float:right;
        margin:15px 0 0 0;
        width:85px;
    }
    
    .userListColHeader
    {
        background-color:#184b18;
    }