body, table, tr, td, p  {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000;
	}

body.home {
     background-color: 3CB371;
     }

a {
	text-decoration: none;  /* this removes underlining */
	color:  blue;
	outline: none;
	}
a:visited {
	color:  purple;
	}
a:active {
	color:  blue;
	}
a:hover {
	color: blue;
	text-decoration: underline;
	}


a.noblue {      /* this is so that <a name=xxx> tags don't do weird things  */
       color:  black;
       }
a.noblue:hover {
       color:  black;
       text-decoration: none;
       }


.ahem {
	display: none;
	}
img     {
	border: 0;
	}
strong, b {
	font-weight: bold;
	}

font.homelinks {
	font-size: 16px;
        }

/* br {
        line-height: 8px;
        margin-top: 8px;
        margin-bottom: 2px;
        } */

.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}

table.gaatable {
        background-color: #FFFFCC;
        }

table.gaatable_copyright {
        background-image: url(http://www.globalamphibians.org//images/footer_bck.gif);
        }

td.gaa_table_cell_td_copyright {
        background-image: url(http://www.globalamphibians.org//images/footer_bck.gif);
        } 

td.gaa_table_cell_td {
	background: #FFFFCC;
        } 

tr.gaa_table_cell_tr {
	background: #FFFFCC;
        }

p.gaa_paragraph {
	background: #FFFFCC;
        }

td.comparison1 {
	background: #EEEEEE;
        }

td.comparison2 {
	background: #DDDDDD;
        }

table#bigtable {   /* this is for the table that goes around everything on the page */
	margin-left: .8%;
	margin-top: .8%;
	margin-right: 2%;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
        width: auto;
        }

table#hometable {   /* this is for the table that goes around everything on the page */
	margin-left: 5%;
	margin-top: .8%;
	margin-right: 2%;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	/* background-color: #eeeeee; */
        }

#top    {
        color: #fff;
        text-align: center;
        letter-spacing: 25;
	background: #23238E;
        border-top: 4px solid #23238E;
        border-bottom: 4px solid #23238E;
        }

#tophome    {
        color: #fff;
        text-align: center;
        letter-spacing: 25;
	background: #23238E;
        border-top: 4px solid #23238E;
        border-bottom: 4px solid #23238E;
        }

td.leftsidetop {
	background: #009966;  /* need this to fill up table cell with navbar */
        vertical-align: top;  /* so that ensatina+menu is always at top of green bar */
        }

td.leftsidetophome {
	background: #23238E;  /* need this to fill up table cell with navbar */
        vertical-align: top;  /* so that ensatina+menu is always at top of green bar */
        }


td.leftsidebottom {
	background: #009966;  /* need this to fill up table cell with navbar */
        }

td.footer {
        padding-left: 3%;
        padding-right: 30%;
        padding-bottom: 1%;
        padding-top: 5%;
        }

td.topbar {
	background: #23238E;  /* lightblue */
        }

#home_navbar {
	width: 20px;
	}

#navbar {
	width: 160px;
	}

#navbar ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#navbar ul li {
        margin: 0;
        border-top: 1px solid #00CC00;
        }

#navbar ul li a {
        display: block;
        padding: 2px 2px 2px 0.5em;

        border-left: 10px solid #006600;
        border-right: 1px solid #006600;
        border-bottom: 1px solid #006600;
        background-color: #009966;

	font-size: 12px;
	/* font-weight: bold; */
        color: #fff;
        text-decoration: none;
        width: 100%
        }
html>body #navbar ul li a {
	width: auto;
	}
#navbar ul li a:hover {
        border-left: 10px solid #003300;
        border-right: 1px solid #69c;
        border-bottom: 1px solid #369;
        background-color: #66CC66;
        color: #fff;
	}


#subnavbar {
        display: inline;           /* this is order to display in middle of navbar  */
	width: 160px;
        }

#subnavbar ul {
        list-style: none;
        margin: 0;
        margin-left: 10px;
        padding: 0;
        }
#subnavbar ul li {
        margin: 0;
        border-top: 1px solid #69f;
        }
#subnavbar ul li a {
        display: block;
        padding: 2px 2px 2px 0.5em;

        border-left: 10px solid #036;
        border-right: 1px solid #69c;
        border-bottom: 1px solid #036;
        background-color: #369;

	font-size: 12px;
	/* font-weight: bold; */
        color: #fff;
        text-decoration: none;
        width: 100%
        }
html>body #subnavbar ul li a {
	width: auto;
	}
#subnavbar ul li a:hover {
        border-left: 10px solid #000033;
        border-right: 1px solid #69c;
        border-bottom: 1px solid #369;
        background-color: #69f;
        color: #fff;
	}


#main {
	padding: 10px 2% 10px 2%;
	margin: 0px;
	/* margin-right: 100px; */
	border: 0px;
	background: #fff;
	}


img.ensatina {
	margin: 5px 5px 10px 20px;   /* margins on all sides */
        }


form.buttons {
        margin-top: 1px;
        margin-bottom: 1px;
        }





/* the following section is for "fake" tabs for when we have a Lannoo accnt, Raffaelli acct, nonEnglish acct */


/* this little error (3 lines below) seems to make the tabs come out left-aligned the way I want them -- I have no idea why */
#lannoo {
        }
        }


#navcontainer {
    clear: left;
    z-index: 3;
    position:relative;
    margin: 0 0 0 20%;
    width: 62%;
}

#navlist_lannoo {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    clear:both;
}

#navlist_raffaelli {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    clear:both;
}

#navlist_gaa {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    clear:both;
}

#navlist_aw {
    width: 100%;
    margin: 0 auto;
    padding: 0; 
    clear:both;
}

#navlist_nonenglish1 {
    width: 100%;
    margin: 0 auto;
    padding: 0; 
    clear:both;
}

#tabbar_lannoo {
    position:relative;
    background: #FFCC33;
    text-align: center;
    clear:both;	 
    border-bottom: 6px solid #FFCC33;	
    margin:0;	
}
#tabbar_raffaelli {
    position:relative;
    /* background: #66cdaa; */
    background: #72e5bf;
    text-align: center;
    clear:both;
    /* border-bottom: 6px solid #66cdaa; */
    border-bottom: 6px solid #72e5bf;
    margin:0;
}
#tabbar_gaa {
    position:relative;
    background: #FFFFCC;
    text-align: center;
    clear:both;
    border-bottom: 6px solid #FFFFCC;
    margin:0;
}
#tabbar_aw {
    position:relative;
    background: #23238E;
    text-align: center;
    clear:both;	 
    border-bottom: 6px solid #23238E;	
    margin:0;	
}
#tabbar_nonenglish1 {
    position:relative;
    background: #CC99CC;
    text-align: center;
    clear:both;
    border-bottom: 6px solid #CC99CC;
    margin:0;
}

#navlist_lannoo ul, #navlist_lannoo, #navlist_lannoo li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}

#navlist_raffaelli ul, #navlist_raffaelli, #navlist_raffaelli li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}

#navlist_gaa ul, #navlist_gaa, #navlist_gaa li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}

#navlist_aw ul, #navlist_aw, #navlist_aw li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}

#navlist_nonenglish1 ul, #navlist_nonenglish1, #navlist_nonenglish1 li  {
    /* margin: 0; */
    margin-left: 5px;
    padding-left: 0;
}

#navlist_lannoo li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px; 
}

#navlist_raffaelli li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px;
}

#navlist_gaa li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px;
}

#navlist_aw li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px; 
}
#navlist_nonenglish1 li
{
    float: left;
    display: block;
    /* width:19.5%; */
    min-height: 20px;
}

#navlist_aw li a
{
    position: relative;
    display: block;
    text-align: center;
    /* color: #fff; */
    text-decoration: none;
}

#navlist_raffaelli li a
{
    position: relative;
    display: block;
    text-align: center;
    /* color: #fff; */
    text-decoration: none;
}

#navlist_gaa li a
{
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
}

#navlist_lannoo li a
{
    position: relative;
    display: block;
    text-align: center;
    /* color: #fff; */
    text-decoration: none;
}

#navlist_nonenglish1 li a
{
    position: relative;
    display: block;
    text-align: center;
    /* color: #fff; */
    text-decoration: none;
}
#tab_lannoo {
    padding:4px;
    color: #000;
    background-color: #FFCC33;
    background: #FFCC33;
    margin-right: -1px;
    border-left: 1px solid #fff;
}

#tab_raffaelli {
    padding:4px;
    color: #000;
    background-color: #72e5bf;
    background: #72e5bf;
    margin-right: -1px;
    border-left: 1px solid #fff;
}

#tab_gaa {
    padding:4px;
    color: #000;
    background-color: #FFFFCC;
    background: #FFFFCC;
    margin-right: -1px;
    border-left: 1px solid #fff;
}
#tab_aw {
    padding:4px;
    color: #fff;
    background-color: #23238E;
    background: #23238E;
    margin-right: -1px;
    border-left: 1px solid #fff;
}

#tab_nonenglish1 {
    padding:4px;
    color: #000;
    background-color: #CC99CC;
    background: #CC99CC;
    margin-right: -1px;
    border-left: 1px solid #fff;
}

#tab_lannoo:hover
{
    background-color: #FFCC33;
    color: #666!important;
}

#tab_raffaelli:hover
{
    /* background-color: #66cdaa; */
    background-color: #72e5bf;
    color: #666!important;
}
#tab_gaa:hover
{
    background-color: #FFFFCC;
    color: #666!important;
}
#tab_aw:hover
{
    /* background-color: #738AB5; */
    background-color: #23238E;
    color: #ccc!important;
}
#tab_nonenglish1:hover
{
    /* background-color: #66cdaa; */
    background-color: #CC99CC;
    color: #666!important;
}

#navlist_lannoo li a.active
{
    padding-bottom: 5px;
    color: #000; 
    background-color: #ffcc33;
}

#navlist_raffaelli li a.active
{
    padding-bottom: 5px;
    color: #000;
    /* background-color: #66cdaa; */
    background-color: #72e5bf;
}
#navlist_gaa li a.active
{
    padding-bottom: 5px;
    color: #000;
    background-color: #FFFFCC;
}
#navlist_aw li a.active
{
    padding-bottom: 5px;
    color: #fff; 
    background-color: #23238E;
}
#navlist_nonenglish1 li a.active
{
    padding-bottom: 5px;
    color: #000;
    background-color: #CC99CC;
}


/* end section for U.S. species accounts, when we have a Lannoo account */