body { background-image: url(../images/bg.gif); background-repeat: no-repeat; background-attachment: fixed; background-position: left center; }
h1 { color: #007; font-size: 15px; font-family: times, verdana; font-weight: bold; line-height: 27px; background-image: url(../images/h1BG.gif); background-repeat: no-repeat; background-position: left center; text-transform: uppercase; padding-left: 28px; }
p { color: #666; font-size: 12px; font-family: verdana; line-height: 16px; text-align: justify; }
address { font-size: 11px; font-family: verdana; font-style: normal; }
a { color: #000080; font-size: 12px; font-family: verdana, arial, times; }
a:link { color: #000080; font-size: 12px; }
a:hover { color: #33c; font-size: 12px; }
a:active { color: #33c; font-size: 12px; font-family: verdana, arial, times; text-decoration: none; }
#credit address { color: #333; font-size: 12px; font-family: arial, verdana, times; text-decoration: none; }
#credit a { color: #808080; font-size: 12px; font-family: arial, verdana, times; text-decoration: none; }
#credit a:link { color: #808080; font-size: 12px; font-family: arial, verdana, times; text-decoration: none; }
#credit a:hover { color: #ffa500; font-size: 12px; font-family: arial, verdana, times; }
#credit a:active { color: #808080; font-size: 12px; font-family: arial, verdana, times; text-decoration: none; }
ul { margin-left: 0; padding-left: 0; list-style-image: none; }
li { color: #006; font-size: 12px; font-family: verdana; background-image: url(../images/arrow_sliver.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; list-style-image: none; }
#links ul { background-image: none; margin-left: 10px; padding-left: 10px; }
#links li { color: #006; font-size: 12px; font-family: verdana; line-height: 18px; background-image: none; margin-left: 10px; padding-left: 10px; list-style-image: url(../images/arrow_orange.gif); }
#links a { color: #000080; font-size: 12px; font-family: verdana, arial, times; text-decoration: none; }
#links a:link { color: #000080; font-size: 12px; font-family: verdana, arial, times; text-decoration: none; }
#links a:hover { color: #060; font-size: 12px; font-family: verdana, arial, times; text-decoration: underline; }
#links a:active { color: #060; font-size: 12px; font-family: verdana, arial, times; text-decoration: none; }
.top { background-image: url(../images/topBG.jpg); background-repeat: repeat-x; }
.menu2 { background-image: url(../images/top05.jpg); background-repeat: no-repeat; }
.menu a { color: #000080; font-size: 12px; font-family: arial, verdana, times; font-weight: bold; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; padding-right: 6px; padding-left: 15px; white-space: nowrap; }
.menu a:link { color: #000080; font-size: 12px; font-family: arial, verdana, times; font-weight: bold; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; padding-right: 6px; padding-left: 15px; white-space: nowrap; }
.menu a:hover { color: olive; font-size: 12px; font-family: arial, verdana, times; font-weight: bold; background-image: url(../images/arrow_down.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; padding-right: 6px; padding-left: 15px; white-space: nowrap; }
.menu a:active { color: olive; font-size: 12px; font-family: arial, verdana, times; font-weight: bold; background-image: url(../images/arrow_down.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; padding-right: 6px; padding-left: 15px; white-space: nowrap; }
#navlist { font-size: 12px; font-family: arial, verdana, tahoma; font-weight: bold; width: 100%; margin-right: 0; margin-left: 0; }
#navlist li { font-size: 12px; font-family: arial; background-image: none; float: left; list-style-type: none; padding: 0; white-space: nowrap; }
#navlist ul {
margin: 0;
padding: 0;
}
#navlist a { background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 50%; text-decoration: none; padding-right: 6px; padding-left: 15px; }
#navlist a:link, #navlist a:visited { color: #000080; font-size: 12px; font-family: arial; }
#navlist a:hover, #navlist a:active,
#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active { background-image: url(../images/arrow_down.gif); background-repeat: no-repeat; background-position: 0 50%; color: #1d1d1d; font-size: 12px; font-family: arial; }

/* CSS Document */
* {  color: black; font-family: verdana,arial,helvetica,sans-serif; font-size: 8pt; }
pre,samp,kbd,code{ font-family:"Courier New", Courier, mono; font-size:12px; }
/*p{ width: 39em; }*/
H2 { font-size: 13pt; }
h3 { font-size: 12pt; }
h4 { font-size: 10pt; color:#0066CC; margin: 0px 0px 0px 0px; }
h5 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
h6 { color:#999999; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
kbd{ color:#006666; }
code{ color:#0000CC; }
var{ font-style:italic; color: #465535; }

hr{ color: #CCCCCC; height: 1px; }
/* START CLASSES */
P.first:first-letter{ font-weight:bold; font-size: 22pt; float: left; color: #660000; padding-right: 2px; }

td.c01{ background-color: #CCCCCC; }
td.left04{ background-color:#CFCECE; background-image:url(../images/dots_medgray_bg.gif);}

#pgcenter{ padding: 0px 15px 0px 15px; }

/* ------------------------------------------------------------------ */
/* navigation */
#list-menu {
  width: 146px;
  }
#list-menu p {
  background-color: #888888; 
  color: #ffffff; 
	margin: 0;
	padding: 12px 5px 12px 5px;
	border-bottom: 1px solid #ffffff;
	text-align:center;
	}
#list-menu ul {
  margin: 0; 
  padding: 0;
  list-style-type: none;
  } 
#list-menu li {
  padding: 0;
  margin: 0px 0 0;
  } 
#list-menu a {
  font-size: 1em;
  display: block;
  width:135px;
  padding: 2px 2px 2px 10px;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  border-bottom: 1px solid #000000;
  background: #dcdcdc;
  text-decoration: none;
  } 
#list-menu a:link, #list-menu a:active, #list-menu a:visited {
  color: #000000;
  }
#list-menu a:hover {
  border: 1px solid #000000;
  background: #333333;
  color: #ffffff;
  } 
#list-menu a.here{
  border:1px solid #154A9F;
  background-color:white;
	color: #000000;
	font-weight:bold;
  }

/* ------------------------------------------------------------------ */
/* more nav classes*/

p.pgtop{ padding-right: 8px; padding-bottom: 4px; text-align:right; margin: 0px 0px 0px 0px; border-bottom: 1px solid #ccc; }
p.pgtop a { color: #666666; }

/* ------------------------------------------------------------------ */
/* used on tips pages */
pre.sample { border:1px solid #999; background-color:#EEE; padding:.5em; margin:0 0 15px 0; width: 500px; text-align: left; }
div.alert{ border:1px solid #B31414; background-color:#DEC2C2; padding:.5em; margin:0 0 15px 0; width: 400px; text-align: left; color: #642424; font-size: 12px; font-weight: bold; }
table.bord1{ border-top: 1px solid black; border-left: 1px solid #666; }
table.bord1 td { border-bottom: 1px solid #666; border-right: 1px solid #666; }
table.bord1 th { font-size: 10px; background-color:#666666; color: #FFFFFF; border-bottom: 1px solid #666; border-right: 1px solid #666;}

/* ------------------------------------------------------------------ */
/*   photo gallery classes  */
/* thumbnails */
td.thumb{ background-color: #E6E6E6; 
 border: 1px solid #CCCCCC; 
 padding: 4px 4px 4px 4px; 
 text-align:center; } 
td.emptythumb{ background-color: #EEEEEE; 
 border: 1px solid #7A7A7A;
 padding: 4px 4px 4px 4px;} 
/* image */
img#thephoto{ border: 1px solid #666666; }
p#caption{ text-align:left;padding:0 12px 0 0; }
p#photoinfo{ text-align:left;padding:3px 12px 3px 12px;font-style: italic;color:#999999; }
p#title{ text-align:left; font-size: 14px; color:#333333; font-weight:bold; padding:1px 12px 1px 12px;}
p#takenon{ text-align:left; font-size: 12px; color:#333333; font-style:italic; padding:1px 12px 1px 12px;}
p.pnav{ background-color: white; height: 24px; padding: 0px 10px 0px 10px;}

/* odd and even */
tr.odd { background-color: #eee; }
tr.even { background-color: #fff; }