/* 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; }

body{ margin: 0px 0px 0px 0px; }
/*p{ width: 39em; }*/
H1 { font-size: 16pt; color: #333333; }
H2 { font-size: 13pt; }
h3 { font-size: 12px; }
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; }
body{ background-image:url(../images/dots_bg.gif);}

kbd{ color:#006666; }
code{ color:#0000CC; }
var{ font-style:italic; color: #465535; }

hr{ color: #CCCCCC; height: 1px; }

li{ padding: 0px 0px 5px 0px; }

a{ color: blue; }
a:hover{ color: red; }

/* 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:3px 12px 3px 12px; }
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; }