#handheld-banner
{
text-indent: -1000px;
}
/*....fonts; text and background colors....*/
body 
{
background-color:#000;
color:#f4bf63;
font-size:100%;
font-family: Georgia, "Times New Roman", Times, serif;
}
h1
{     
     background:url(images/art-banner.jpg) no-repeat;          
     width: 756px;      
     height: 181px; 
     text-indent: -1000px;
   }
h2 
{
color:#f4bf63;
font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, sans-serif; 
font-size:1.3em;
}
h3 
{
color:#e97c21;
font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, sans-serif; 
font-size:1.15em;
}
h4 
{
color:#e95c21;
font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, sans-serif; 
font-size:1.1em;
}
h5 
{
color:#934a15;
font-family: Georgia, "Times New Roman", Times, serif; 
font-size:1em;
}
blockquote
{
color:#522110;
text-align:center;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:600;
background-color:#f9cd7b;
border: 2px solid #934a15;
padding-top:5px;
padding-bottom:5px;
padding-right:10px;
padding-left:10px;
}
p
{
margin-bottom:1.2em;
}

/*.....table styling.....*/

caption
{
color:#522110;
font-weight: bold;
background-color:#fac45f;
padding-right:8px;
padding-left:8px;
padding-top:3px;
padding-bottom:3px;
}
td
{
padding-right:8px;
padding-left:8px;
padding-top:3px;
padding-bottom:3px;
}
th
{
background-color:#f9cd7b;
color:#1a5a07;
}
tr
{
background-color:#f7d792;
}
.odd
{
background-color:#fae59a;
}
tr:hover
{
background-color:#f8cb6b;
color:#1a5a07;
}
thead tr:hover
{
background-color: transparent;
color: inherit;
}


/*....div layout: page, navigation, main content, footer....*/
#page 
{
   width: 760px;
   margin-right: auto;
   margin-left: auto;
   }
#navigation
 {
   float: left;
   width: 200px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:600;
font-size:1em;
padding-top:25px;
   }

#navigation img
{
margin-top: 35px;
}


#maincontent 
{
   float: right;
   width: 550px;
   }
#footer 
{
   clear: both;
color:#522110;
text-align:center;
font-family: Georgia, "Times New Roman", Times, serif;
background-color:#f9cd7b;
border: 2px solid #934a15;
padding-top:1.5em;
padding-right:20px;
padding-left:20px;
   }

/*....image appearance....*/

.floatl 
{
float: left;
margin: 5px;
padding-right: 6px;
}
.floatr 
{
float: right;
margin: 5px;
}
.clearr
{
clear: right;
}
.clearl
{
clear: left;
}


/*....link appearance, including navigation....*/
a:link
{color:#e97c21;}
a:visited
{color:#ab3305;}
a:hover
{color:#f55111;}
a:active
{color:#536404;}

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

#navigation ul a
{
display: block;
width: 175px;
height: 40px;
line-height: 40px;
text-decoration: none;
background: url(images/art-pixy.png) no-repeat left bottom;
text-indent: 30px;
color: #d03304;
}
#navigation ul a:hover
{
color: #e97c21;
background-position: right bottom;
}

#home #navigation .home a,
#printmedia #navigation .printmedia a,
#waysides #navigation .waysides a,
#visitorcenters #navigation .visitorcenters a,
#illustration #navigation .illustration a,
#photography #navigation .photography a,
#multimedia #navigation .multimedia a,
#programs #navigation .programs a,
#more #navigation .more a
{
background-position: right bottom;
color: #501e03;
cursor: default;
}