/*http://www.sitepoint.com/forums/showthread.php?t=304119*/
body { margin: 0px; padding: 0px; font-family: Arial, Verdana, sans-serif; }
h1.title { width: 80%; position: absolute; top: 85px; margin-left: auto; margin-right: auto; z-index: 1; }

div#divtop, div.divtop, div.divbottom { text-align: center; }
div#toplinks { font-size: 85%; line-height: 130%; position: absolute; top: 0px; left: 10px; }
.navhere { color: #f00; }
div.topsections { margin-top: 5px; }
div#toplinks span { padding: 0px 5px; border: 1px solid #000; }
span#topstx { background: #0f0; }
span#toptop { background: #fff; }
span#topworld { background: #0ff; }
span#topref { background: #ff0; }
span#topglos { background: #ffc; }
span#topcal { background: #fcf; }
span#topabout { background: #eee; }
span#topcontact { background: #cfc; }

/*
div#kidstacks { font-size: 85%; line-height: 130%; width: 200px; text-align: right;
 position: absolute; top: 45px; right: 10px; }
*/

table { border-collapse: separate; border-spacing: 0px 0px; cellspacing="0"; }
table#tabmain { width: 100%; }
.tdleft, .tdright, .tdcenter { vertical-align: top; }
td.tdleft { text-align: left; }
td.tdright { text-align: right; }
table.tableft, table.tabcenter, table.tabright { border-top: 1px solid #000; border-bottom: 1px solid #000; }
table.tableft { float: left: margin-right: 15px; }
table.tabcenter { margin-left: auto; margin-right: auto; }
table.tabright { float: right: margin-left: 15px; }
table.tableft th, table.tabcenter th, table.tabright th { padding: 0px 10px; border-bottom: 1px solid #000; }
table.tableft td, table.tabcenter td, table.tabright td { padding: 0px 10px; border-bottom: 1px dashed #ccc; }

td { text-align: left; }
.left { text-align: left; }
.right { text-align: right; }

div.divindex td { margin: 0px; padding-left: 5px; font-size: 85%; line-height: 130%; text-align: left; }

div.Canidae { border: 2px solid #900; background: #eee; }
div.Felidae { padding: 25px 50px; border: 2px solid #900; background: #ff9; }
div.Herpestidae { padding: 25px 50px; border: 2px solid #060; background: #0f0; }
div.Hyaenidae { padding: 25px 50px; border: 2px solid #900; background: #cfc; }
div.Mustelidae { padding: 25px 50px; border: 2px solid #900; background: #cfc; }
div.Odobenidae { padding: 25px 50px; border: 2px solid #009; background: #ccf; }
div.Otariidae { padding: 25px 50px; border: 2px dashed #00f; background: #cff; }
div.Phocidae { padding: 25px 50px; border: 2px solid #00f; background: #cff; }
div.Procyonidae { padding: 25px 50px; border: 2px solid #900; background: #cfc; }
div.Ursidae { padding: 25px 50px; border: 2px solid #900; background: #fffff0; }
div.Viverridae { padding: 25px 50px; border: 2px solid #900; background: #0f0; }

/* * * * HEADERS & PARAGRAPHS * * * */
h1, h2, h3, h4, h5 { text-align: center; }
h1 { margin: 0px; padding: 0px; }
h2 { margin-top: 10px; font-size: 115%; border-top: 1px dotted #000; border-bottom: 1px solid #000; }
h3 { font-size: 105%; }
h4 { letter-spacing: 2px; }
div#intro h1 { font-size: 125%; margin: 0px; padding: 2px 0px 2px; letter-spacing: 5px; }
div#support h2 { margin-top: 10px; font-size: 100%; line-height: 150%; background: #333; color: #fff; }
p { text-align: left; text-indent: 15px }
p.pfirst, p.p1st, p.pflat, p.flatfirst { text-align: left; text-indent: 0px; }
p.pfirst:first-letter {font-size: 300%; margin-right: 5px; padding: 5px;
 background: #009; color: #fff; float: left; font-family: Times New Roman, Times, serif; }
p.p1st:first-letter {font-size: 225%; margin-right: 5px; padding: 0px 5px 0px;
 background: #000; color: #fff; padding: 0px 5px; float: left; font-family: Times New Roman, Times, serif; }

/* * * * HYPERLINKS * * * */
a:link { color: #00f; text-decoration: none }
a:visited { color: #00f; text-decoration: none }
a:hover { color: #f00; background-color: #ff0; text-decoration: none }

copyright a:hover, #geowebworks a:hover, #guestlink a:hover { background-color: #f00; }
#copyright a:link, #geowebworks a:link, #guestlink a:link { color: #0ff; }
#copyright a:visited, #geowebworks a:visited, #guestlink a:visited { color: #fff; }
#copyright a:active, #geowebworks a:active, #guestlink a:active { color: #ff0; }
span#copyright a:hover { background: #f00; } 

.darklink a:link, td#navnight a:link, td#navwar a:link { color: #fff; }
.darklink a:visited, td#navnight a:visited, td#navwar a:visited { color: #fff; }
.darklink a:hover, td#navnight a:hover, td#navwar a:hover { color: #f00; background-color: #ff0; }
.darklink a:active, td#navnight a:active, td#navwar a:active {color: #fff;}

div.divsection { padding: 5px 50px 10px; border-top: 1px dotted #000; }
div#divintro { border: none; }
div#divhome h2 { background: #060; color: #fff; }
div#divanat { background: #fcf; }
div#divsenses { background: #cff; }
div#divphys h2 { background: #f00; color: #fff; }
div#divdiet { background: #0f0; }
div#divbvr { background: #eee; }
div#divpeople { background: #ffc; }
div#divlinks { background: #fffff0; padding-bottom: 25px; }


img { border: none; }














/* * * * * NAVFEATURES * * * * */
#navfeatures { width: 5em; margin: 0; margin-right: 10px; padding: 0; font-family: Arial, sans-serif;
  position: absolute; top: 9em; right: 0px; z-index: 75; }
body>#navfeatures { position: fixed; }
ul ul {display: none;}
ul li:hover > ul {display: block; position: absolute; top: -1px; left: 100%;}
li a {display: block; padding: 2px 5px; text-decoration: none;}

ul {padding: 0; margin: 0; font: 1em sans-serif;}
/* Contains the word "Features" */
ul li {list-style-type: none; position: relative; margin: 0; padding: 0; }

/* Controls distance of 2nd submenu */
#navfeatures ul ul {width: 10em;}

#navfeatures ul li {border-width: 1px 0; padding: 0 0 0 5px; line-height: 1.25em;}
#navfeatures li:hover {background-color: #ffc /* #EED; */ }
#navfeatures li.sub:hover {margin-left: -10.2em; border: 1px solid gray; background: #ff0; /* #DDB; */ }
#navfeatures li.sub:hover > a {color: #330;}
#navfeatures li.sub:hover > ul {top: 1.75em; left: -1px; background: #eee; /* #FEFEFC */ }
/* Controls the distance from the right */
#navfeatures > ul {width: 11em; margin-left: -1px; font-size: 85%;}
/* This line is critical for smooth performance. */
#navfeatures li > a {background-color: transparent; padding: 3px;}
ul, li { letter-spacing: 0px; }
ul#ul1 li, ul#ul2 li, ul#ul3 li { border-left: 1px solid #ccc; }
li#sub1 { letter-spacing: 3px; }
li#sub1 { border-bottom: 1px dashed #f00; }

ul, li { text-align: left; }

.units { background: #666; color: #fff; text-align: center; }

/* * * * SWAPCLASS 2 * * * */
.hideIt {display: none; }







































/* CSS: GeoSymbols > CSS > AAA */

/* I added cellspacing="0" for Internet Explorer. */
table { border-collapse: separate; border-spacing: 0px 0px; cellspacing="0"; }
td { margin: 0px; padding: 0px; }
div.credits { padding-top: 10px; border-top: 1px dashed #000; font-size: 85%; line-height: 130%; text-align: left; }
/*
quote = spoken word; speech = formal speech; news = media; newsold = old media; legis = legislation
*/
div.divquote, div.divspeech, div.divnews, div.divnewsold, div.divlegis, div.divlist
 { padding: 10px 25px; background: #eee; text-align: left; }
div.divquote, div.divspeech { font-family: Comic Sans MS, Arial, Verdana, sans-serif; font-size: 85%; }
div.divnewsold { background: #fffff0; font-family: Courier, Arial, sans-serif; }
div.divlegis p { text-indent: 0px; font-family: Courier, Arial, sans-serif; }
div.divlist { font-size: 90%; }
div.divlist p { text-indent: 0px; }

/* MAIN STUFF */
body { margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 140%;
  background: #fffff0 url(/images/bg/a1.gif); font-weight: normal; color: #333; }
div#body2, div#body3 { width: 100%; margin: 0px; padding: 0px; }
/*
div.divtop { padding: 75px 0px 25px; position: relative; z-index: 10; text-align: center; }
*/

/* TOP STUFF */

div#topsections { font-size: 75%; float: left; margin-left: 5px; }
span#lifelink, #topicslink, #callink, #reflink, #gloslink, #worldlink, #aboutlink, #searchlink { margin-right: 2px;
 padding: 0px 5px; border: 1px solid #000; border-left: none; }
#lifelink { background: #0f0; }
#worldlink { background: #0ff; }
#topicslink { background: #fcf; }
#callink { background: #fff; }
#reflink { background: #666; }
#gloslink { background: #999; }
#aboutlink { background: #eee; }
#searchlink { background: #0f0; }

/* BODY */
div#webring, div#webring2 { font-size: 80%; line-height: 130%; text-align: center; }
div#webring { margin-top: 25px; background: #f00; color: #fff; display: block;
 background: #f00 url(/images/bg/webring/us.gif) 0% 50%; }
div#webring2 { border-bottom: 1px solid #000; }
div.footnote { padding-left: 10px; text-align: left; background: #eee; }

.fright, .fleft, .imgcenter { font-size: 75%; line-height: 130%; }
.fleft { float: left; margin-right: 15px; text-align: center; }
.fright { float: right; margin-left: 15px; text-align: center; }
.fleft img, .fright img { border: 1px solid #000; }
div.imgcenter { margin-left: auto; margin-right: auto; }
img.img, img.img2, img.imgII, img.imgII2 { border: 1px solid #000; }
/*
div.caption, div.caption2, div.captionII, div.captionII2 { border-bottom: 1px solid #000; }
*/

/* * * * FOOTER * * * */
div#footer { width: 100%; margin: 0px; padding: 1px; background: #009; color: #fff;
  font-family: Verdana, Arial, sans-serif; font-size: 10px; line-height: 16px; text-align: center; position: relative; z-index: 13; }
div#footer td { text-align: center; }
span#geowebworks a:link { color: #ff0; text-decoration: none }
span#geowebworks a:visited { color: #0f0; text-decoration: none }
span#geowebworks a:hover { color: #f00; background-color: #ff0; text-decoration: none }
table#tabfooter { width: 100%; font-size: 100%; text-align: center; border-top: 1px solid #000; }
span#copyright { margin: 2px; margin-left: 50px; }
td#copyright { text-align: center; }
div.footmoz { background: #ffc; color: #000; padding: 5px 20px 5px 20px; text-align: left; }
td#adult, td#family { font-weight: 800; background: #ff0; color: #f00; letter-spacing: 2px; }
td#family { background: #fff; color: #00f; }
td#politix { background: #fcc url(/images/bg/footer/politix.gif) repeat-x 0px 100%; }
td#geobop { background: #fff; }
img#homeicon, img#homeicon2 { position: relative; top: 7px; }
#geobop, #geoworld, #geozoo, #geosymbols, #politix, #50states { padding-top: -0px; color: #000; }
/*
Changed padding-top: -10px because negative padding isn't allowed.
*/ 
td#geobop { text-align: left;
  background: #fff url(/images/bg/footer/geobop.gif) no-repeat 10% 50%; }
td#geoworld { background: #0ff url(/images/bg/footer/geoworld.gif) 50% 50%; }
td#geozoo { background: #0f0 url(/images/bg/footer/geozoo.gif); }
td#geosymbols { background: #fff url(/images/bg/footer/geosymbols.gif) no-repeat 25% 50%; }
td#politix { background: #fcc url(/images/bg/footer/politix.gif) repeat-x 0px 100%; }

td#paleozoo { background: #666; }
td#cia { background: #009; }
td#paleozoo a:active, td#cia a:active { color: #ff0; }
td#paleozoo a:link { color: #fff; }
td#cia a:link { color: #ff0; }
td#paleozoo a:hover, td#cia a:hover { background: #f00; color: #ff0; }

span.footspan { position: relative; bottom: 3px; }
img#homeicon { background-image: url('/images/icons/home.gif'); background-repeat: no-repeat; background-position: bottom center; }
img#homeicon2 { background-image: url('/images/icons/home2.gif'); background-repeat: no-repeat; background-position: bottom center; }
span#geowebworks { background-image: url('/images/bg/footer/geowebworks.jpg'); background-repeat: repeat-y; background-position: left;
  position: absolute; left: 0px; color: #fff; font-style: oblique; padding-left: 25px; }
span#guestlink { position: absolute; right: 0px; padding-right: 25px;
  background-image: url('/images/bg/footer/guestlink.jpg'); background-repeat: repeat-y; background-position: right; }
span.underline { border-bottom: 1px dashed #666; }

div#footer2 a:link { color: #0ff; }
div#footer2 a:visited { color: #0ff; }
div#footer2 a:hover { color: #f00; background-color: #ff0; }
div#footer2 a:active {color: #ff0;}

/* * * * NAVIGATION MENU * * * */
body>div#nav { position: fixed; }
body>div#nav2 { position: fixed; }
div#nav, div#nav2 { width: 100px; padding: 0px; /* padding: 1px; border: 1px red solid; */ text-align: center;
  position: absolute; top: 40px; right: 10px; z-index: 100; }
div#nav2 { width: 100px; /* background: #fff; */ z-index: 99; }
div#mnFeatures { /* height: 200px; overflow: auto; */ }
div#navfeatures2 { font-size: 75%; text-align: right; padding-right: 10px; color: #f00; }

/* THE "INSIDES" */
.showIt { display: block; }
.hideIt {display: none; }
div.nav { width: 100%; padding: 2px 0px 2px; text-align: left; text-indent: 0px; }
div#worldsearch { margin-top: 2px; margin-bottom: 2px;
  background: #cff; border-top: 1px solid #00f; border-bottom: 1px solid #00f; }
span#wsearch { padding: 0px 5px; background: #00f; color: #fff; }

table#navthemes { width: 100%; border-bottom: 1px solid #000; }
td.column, td#navspring, td#navsummer, td#navfall, rd#navwinter, td#navnight, td#navpeace, td#navQ, td#navdefault
  { padding: 0px; text-align: center; border-top: 1px solid #000; }
td#navspring { background: #0f0; }
td#navsummer { background: #ff0; }
td#navfall { background: #fc0; }
td#navwinter { background: #fff; }
td#navnight { background: #000; }
td#navpeace { background: #0ff; }
td#navQ { background: #f00; }
td#navdefault { background: #eee; }

body>div#mnFeatures, body>div#navsymtables, body>div#mnnavlists { position: fixed; }
div#mnFeatures { width: 300px; padding: 10px; background: #fffff0; text-align: center;
  border: 1px solid #000; font-size: 75%; line-height: 130%;
  position: absolute; top: 0px; left: 0px; z-index: 75; }

body>div#mnFeatures, body>div#navsymtables, body>div#mnnavlists { position: fixed; }
div#navsymbols { padding-bottom: 25px; font-size: 75%;
  line-height: 130%; text-align: right; color: #00f; }
div#navsymbols2 { margin-top: 5px; font-size: 75%; line-height: 130%; color: #00f; }
div#navclick { font-weight: 800; text-align: right; padding-right: 15px; }
div#navsymtables, div#mnFeatures { position: absolute; top: 0px; left: 0px; z-index: 75; }

div#mnFeatures { width: 300px; padding: 10px; background: #fffff0; text-align: center;
  border: 1px solid #000; font-size: 75%; line-height: 130%; }

div#navfeatures { width: 150px; }
div#mnnavlists { width: 150px; position: absolute; top: 45px; right: 115px; z-index: 100;
  font-size: 75%; line-height: 130%; background: #fffff0; color: #00f; text-align: right; }




/* * * * MISCELLANEOUS * * * */
img { border: none; }
.imgborder { border: 1px solid #000; }