body {color: #ccc; font: normal 10pt Arial, sans-serif; background-color: #444; margin: 0; padding: 0;}

p, table, td, div, ul  {font: normal 10pt Arial, sans-serif; }

p {line-height:1.4}

a {color: #d0d0d0; font-weight: bold;  text-decoration:underline; }
a:hover {color: #8fbc8f; text-decoration: none }

p a {color: #d0d0d0; font-weight: bold;  text-decoration:none; border-bottom:1px solid #888 }
p a:hover {color: #8fbc8f; text-decoration: none; border-bottom:1px solid #606060 }

/* Header */
#container {background:#333 url(./images/repeating_line.jpg) bottom left repeat-x; }
#header {color: #ccc; padding:15px 0; text-align:center; margin-bottom:20px; background:url(./images/rainbow_line.jpg) center bottom no-repeat}
#header h1 {font-size: 30pt; font-family: Times New Roman, Serif; margin:0; letter-spacing:1px; font-weight:normal; }
#header h1 a {border-bottom:none !important}
#header h2 {font-size:11pt; font-family: Times New Roman, Serif; margin:0; letter-spacing:1px; font-weight:normal}
#header .menu {color:#999; text-align: center; margin:10px 0 0 0; padding:0;}
#header a {color: #ccc; font-weight: normal; text-decoration: none; border:0 }
#header a:hover  {color: #8fbc8f; border-bottom:1px solid #606060}

/* Content Box */
#maincontent {margin: auto; padding-top: 2px; width: 750px }
#maincontent p {margin:0px 0 15px 0;}
/* Big letter that starts off some paragraphs, 2 versions for firefox and ie conflicts */
.dropcap {color:#888;font-size:60px; line-height:35px; float:left; margin-top:4px; padding-top:3px; padding-right:0px; font-family: Times New Roman, Serif;}
html > body .dropcap {color:#888;font-size:60px; line-height:35px; float:left; margin-top:4px; padding-top:3px; padding-right:3px; font-family: Times New Roman, Serif;}
/* Heading styles */
#maincontent h1{font-size: 15pt; font-family: Times New Roman, Serif; margin: 25px 0 3px 0; letter-spacing:1px; border-bottom:1px solid #6a6a6a;font-weight:normal}
#maincontent h2 {font-size: 14pt; font-family: Times New Roman, Serif; margin: 30px 0 3px 0; letter-spacing:1px; border-bottom:1px solid #6a6a6a;font-weight:normal}
#maincontent h3 {font-size: 8pt; font-family: verdana, sans-serif; font-weight: bold; margin: 2px; }
/* Variation on Location page (this style should be reorganized, not sure exactly where to put it yet) */
#maincontent.location h1 {border-bottom:0; font-size:20pt; margin:0; text-align:left}

/* Footer */
#footer  {margin-top: 30px !important; color: #777; font-size: 10px; text-align: center; clear: both; height: 100px; }
#footer a {color: #999; font-weight: normal; text-decoration: none }
#footer a:hover {color: #8fbc8f; border-bottom:1px solid #606060}

hr {width: 300px; height: 1px; color: #666; }
img   {border: none}

input, textarea, select {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f0f0f0; background-repeat: no-repeat; background-position: right top; padding: 2px; border-style: solid; border-width: 1px 1px 1px 4px; border-color: #999999}

/* About Page */
#maincontent.about p {margin-left:7px;margin-bottom:20px}
#maincontent.about ul {margin-top:0; margin-right:100px;}
#maincontent.about li  {margin-bottom:8px;}
/* Bios */
#maincontent.about .bios {margin-top: 50px; margin-left: 10px; padding-left: 12px; width: 220px; float: right; border-left: 1px solid #6a6a6a}
#maincontent.about .bios h2 {font-size: 14pt; font-family: Times New Roman, Serif; margin: 10px 0 2px 0; letter-spacing:1px; font-weight:normal;  border-bottom:1px solid #6a6a6a;}
#maincontent.about .bios p {margin-left:0px}

/* Expanded photo page */
#centerphoto  {margin: auto; width: 615px }
#centerphoto .photo {text-align: center }
#centerphoto .photo img   {background-color: #fff; margin-top: 5px; margin-bottom: 5px; padding: 8px; border: solid 1px #000 }
#centerphoto h1 {font-size: 12pt; font-weight: bold; margin-top: 4px; margin-bottom: 8px; text-align: center; }
#centerphoto .info {margin: auto; width: 290px; }
#centerphoto .author  {font-size: 10px; width: 100px; float: left; text-align: right; }
#centerphoto .description  {font-size: 10px; margin-left: 10px; padding-left: 12px; width: 165px; float: left; border-left: 1px solid #999 }
#centerphoto .loc {font-size: 10pt; clear: left; text-align: right; color:#ccc;}
#centerphoto .loc a {text-decoration: none; color:#bbb;}
#centerphoto .loc a:hover {text-decoration: underline; color: #8fbc8f;}
#centerphoto .childname {font-size: 10pt; clear: left; text-align: right;color:#ccc;}
#centerphoto .childname a {text-decoration:none; color:#bbb;}
#centerphoto .childname a:hover {text-decoration:underline; color: #8fbc8f;}
#content  {width: 500px }

#authors  {font-size: 10px; margin-top: 50px; margin-left: 10px; padding-left: 10px; width: 220px; float: right; border-left: 1px solid #999 }
#authors img  {background-color: #fff; margin-right: 10px; margin-bottom: 5px; padding: 4px; float: left; border: solid 1px #000 }

/* Thumbnail Photo Pages */
#thumbnails {width: 570px; float: left; margin-right:8px}
#thumbnail {text-align: center; margin-right: 5px; margin-bottom: 5px; float: left }
#thumbnail img {margin: 1px; padding: 2px; border: solid 1px #666;}
#thumbnail img:hover {margin: 1px; padding: 2px; border: solid 1px #8fbc8f;}
#thumbnail a {color: #bbb; font-weight: normal; text-decoration: none }
#thumbnail a:hover {color: #8fbc8f }

#profile {margin-right: 15px; width: 160px; float: left; }
#profile .photo {float: left }
#profile .photo img {margin: 1px; padding: 2px; border: solid 1px #666 }
#profile .description {margin-top: 10px; float: left }
#photonav  {color:#999; text-align:center }
#photonav a {color: #ccc; font-weight: normal; text-decoration: none; border:0;}
#photonav a:hover  {color: #8fbc8f; border-bottom:1px solid #606060}

/* Navigation for the index page & thumbnail pages */
#topics {margin-top: 10px; margin-left:0; width: 160px; float: left; padding:8px 0 8px 15px;border-left:1px solid #646464}
#topics h3 {font-size: 13pt; font-family: Times New Roman, Serif; margin:0; letter-spacing:1px; font-weight:normal;  border-bottom:1px solid #6a6a6a;}
#topics ul {list-style-image:none; list-style-type:none; margin-left:10px; padding:0}
#topics ul li {margin: 5px 2px 8px 0 }
#topics ul li a {font-weight: normal; text-decoration:none; border-bottom:1px solid #888 }
#topics ul li a:hover {border-bottom:1px solid #606060}

/* Photos on the index page */
#locations {margin-top: 10px; width: 545px; float: left;}
#location {text-align: center; margin-right: 10px; margin-bottom: 6px; float: left; }
#location img {margin: 1px; padding: 2px; border: solid 1px #666 }
#location img:hover {margin: 1px; padding: 2px; border: solid 1px #8fbc8f;}
#location a {color: #cccccc; font-size: 16pt; font-weight: normal; text-decoration: none;  font-family: Times New Roman, Serif; letter-spacing:1px}
#location a:hover {color: #8fbc8f; text-decoration: none; }

/* Actual location.php page */
.location_table {width:100%;}
.location_table td {vertical-align:top;}
.location_table photogs {width:30%}
/* #children {margin-top: 30px; width: 50%; float: left; } */
#child {font-size: 10pt; font-weight: bold; text-align: center; margin-right: 6px; margin-bottom: 6px; float:left}
#child img {margin: 1px; padding: 2px; border: solid 1px #666 }
#child img:hover {margin: 1px; padding: 2px; border: solid 1px #8fbc8f;}
#child a {color: #bbb; text-decoration: none }
#child a:hover {color: #8fbc8f; }
/* This is on the location.php page */
#topicpics {margin-top:0px;}

.crumbs {font-weight: normal; font-size: 10px; margin-bottom: 10px; color: #666666;}
.crumbs a {font-weight: normal; color: #666666; text-decoration: none; }
.crumbs a:hover {color: #8fbc8f; text-decoration: underline; }

/* Admin page styles */
.warning {background-color: #cc0000; color: #eeeeee; font-weight: bold; border: 2px solid #993333; padding: 5px; margin-bottom: 15px; }
.rowA  {background-color: #404040; }
.rowB  {background-color: #494949; } 
.label {text-align: right; font-weight: bold; }
.active {background-color: #393; text-align: center; font-weight: bold; }
.nonactive {background-color: #933; text-align: center; font-weight: bold; }