/* READ: "Designing with Web Standards" by Jeffrey Zeldman (New Riders, 2003). */

/* GLOBAL STYLES */
body  {color: #fff; background: #006; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, a, p, ul {font-family: verdana, arial, sans-serif; color: #ffc;}
html p, li	{color: #ffc; font-size: 80%; text-align: left; line-height: 1.25;}
#header{width: 774px;}



/* ANCHOR PSEUDO-CLASSES (LVHA) */
a:link {text-decoration: underline; color: #3c3;}
a:visited {text-decoration: underline; color: #3c3;}
a:hover {text-decoration: underline; color: #f90;}
a:active {text-decoration: underline;}
/*.subnav a:link {text-decoration: none; color: #fc6;}
.subnav a:visited {text-decoration: none; color: #fc6;}
.subnav a:hover {text-decoration: none; color: #fff;}
.subnav a:active {text-decoration: none;}*/
	
/* SKELETAL STYLES */
#frogContainer {width: 774px; padding: 0; background: #0e150b url(/exhibitions/frogs/images/nav/2nd_nav_spacer.gif) repeat-y scroll 0 0;}
#nav {/*position: absolute;	*/ float: left;top: 190px; text-align:left;}
#nav img {display: block;}
#content {margin-left: 175px; padding: 15px; background-color: #0e150b;}
#textnav {background-color: #0e150b; height: 30px;}
#footer {clear: both; background-color: #006;}
#gallerylg {margin-bottom: 20px;}
	
/* INLINE IMAGE STYLES */
a img {border: 0;}
.imageleft {float: left; padding: 10px; width: 300px;}
.imageright {float: right; padding: 10px 20px 10px 10px; width: 300px;}
.imageleft img {margin: 10px 15px 5px 10px;}
.imageright img {margin: 10px 0 5px 15px;}
.imageleft h5  {font-size: 80%; font-weight: bold; color: #ffc; margin: 5px 0 5px 20px;}
.imageright h5 {font-size: 80%; font-weight: bold; color: #ffc; margin: 5px 0 0 20px;}
.imageright h5.caption {font-size: 75%; font-weight: normal; color: #ffc; margin: 5px 0 0 20px;}
.imageleft h6  {font-size: 75%; font-weight: normal; font-style: italic; color: #ffc; margin: 0 0 10px 10px;}
.imageright h6 {font-size: 75%; font-weight: normal; font-style: italic; color: #ffc; margin: 5px 0 10px 20px;}
.textnavleft {margin: 0;}
.textnavright {margin: 0 0 0 80%;}

.header, .subheader {display: block; margin: 10px 0;}
.subheader {display: block; margin: 0 0 0 10px;}

/* TEXT STYLES */
div.subnav {margin: 10px 0 15px 0;}
p.center {text-align:center;}
#content p {margin-left: 10px; margin-right: 10px; line-height: 1.5;}
.small {font-size: 70%; margin: 0 0 0 10px;}
h6.back {text-align: center;}
ul li {padding-bottom: 5px;}

/* HOMEPAGE STYLES */
#LeftArea{float:left; }
#navhome {/*position: absolute;*/ top: 182px; left: 496px; width: 278px; background-color: #1B2A15; float:right;}
#navhome img {display: block;}
#unavhome {width: 774px; display: block; margin: 0; padding: 0;}
#unavhome img {display: inline;}

#sponsor {margin: 25px; font-size: 75%;}
#mid {width: 496px; height: 234px;}
#lowerleft {width: 219px; height: 126px;}
#lowermid {position: absolute; top: 397px; left: 219px; width: 304px; height: 126px;}

/* GALLERY STYLES */
#thumbrow img {margin: 5px 5px 25px 5px;}
a:link img.gallerythumb {border: 1px solid #000;}
a:visited img.gallerythumb {border: 1px solid #000;}
a:hover img.gallerythumb {border: 1px solid #fff;}
a:active img.gallerythumb {border: 1px solid;}
img.gallerythumbon {border: 1px solid #fff;}
div.gallerylgimage {margin: 0;}
#gallerylg h3 {margin: 5px 0 15px 0;}
#gallerylg h4 {margin: 0 0 20px 0; font-style: italic;} 
#gallerylg p {margin: 0 30px 0 0;}