/***********************************************/
/* Derek.css                                  */
/* Based on a two column, left nav bar design   */
/***********************************************/

/***********************************************/
/* xhtml tag styles                             */
/***********************************************/ 

/* basic default styles for body and components */
body{
	margin: 0px;
	padding: 0px;
	font-family: "Comic Sans MS", Arial, sans-serif;
	color: #000000;
	background-color: #FFFFCC;
	line-height: 1em;
}
p {
	font-size: 95%;
	line-height: 1.5em;
}
a:link {
	color: #0000FF;
	text-decoration: underline;
	background-color: #FFFFCC;
}
a:visited {
	color: #9933CC;
	text-decoration: underline;
	background-color: #FFFFCC;
}
a:hover, a:focus {
	color: #000099;
	background-color: #FFCC00;
	text-decoration: none;
}
a:active {
	color: #0099CC;
	background-color: #FF9900;
	text-decoration: none;
}
h1, h2, h3, h4 {
	font-family: "Book Antiqua", "Times New Roman", serif;
	margin: 0px;
	padding: 0px;
}
h1{
/*** ONLY use h1 as the MAIN HEADING on the PAGE ***/
  font-family: "Book Antiqua", "Times New Roman", serif;
  font-size: 125%;
  font-weight: bold;
  margin-bottom: 1.5em;
}
h2{
	font-size: 107%;
	background-color: #FFFF66;
	padding-left: 0.5em;
	line-height: 120%;
 }
h3{
 	font-size: 103%;
 	background-color: #FFFF66; 
	padding-left: 0.5em;
	line-height: 110%;
}
ul{
 list-style-type: square;
 font-size: 90%;
 line-height: 1.5em;
}
ul ul{
 list-style-type: disc;
}
ul ul ul{
 list-style-type: circle;
}
label{
 font: bold 90% Arial,sans-serif;
 color: #334d55;
}
/* ************ general default classes *********** */
.bold {
	font-weight:bold;
}			
.italic {
	font-style: italic;
}
.leftimage {
	float: left;
/*	border: 1px solid #000000; */
	margin-right: 10px;
	margin-top: 4px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.rightimage {
	float : right;
/*	border: 1px solid #000000; */
	margin: 4px 0 10px 10px;
}
.centerimage {
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	margin-bottom: 6px;
}
.clearboth {
	clear: both;
}
.returnlink {
	font-size: 95%;
	text-align: center;
}	
/***********************************************/
/* Layout Divs and dedicated styles & classes & ID **********  */
/***********************************************/
/* top HEADER area */
#masthead {
	margin: 0;
	padding: 10px 0px;
	width: 100%;
	height: 4.5em;
	background-color: #3399FF;
}
#masthead .sitename{
	font-family:"Comic Sans MS", Arial, sans-serif;
	font-size: 200%;
	font-weight: bold;
	color: #FFFF00;
	background-color: transparent;
	margin-left: 6em;
	margin-top: 1em;
	text-align: left;
}
/* styles for NAVIGATION bar */
#navBar {
	margin-top: 50px;
	margin-right: 79%;
	margin-left: 1%;
	padding: 0;
	background-color: #FFFFCC;
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	font-size: 90%;	
	line-height: 1.0em
}

.extlinklogo{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	padding-bottom: 15px;
	padding-left: 10px;
}

/* *** copyright statement **** */
.copyright{
	font-size: 0.6em;
	text-align: left;
	padding-top: 1.5em;
}
/********* layout for MAIN CONTENT area in general pages ******/
#content{
  	float: right;
	width: 76%; 
	margin: 0;
	padding-top: 40px;
	padding-right: 4%;
}
/********* layout for PHOTOALBUM CONTENT area in pages with no navigation menu ******/
#albumcontent {
  	float: none;
	width: 94%; 
	margin: 0;
	padding-top: 50px;
	padding-right: 3%;
	padding-left: 3%;
}
#albumcontent h1 {
	margin-bottom: 1.5em;
}
/* **************** picture layout in Photo album section ******************* */
/* horizontal (table type) layout */
#horizalbumlist {
list-style-type: none;
}

#horizalbumlist li {
	display: block;
	height: 160px;
	width: 150px;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
}

#horizalbumlist img {
	border: 1px solid #000000;
}
/****** vertical (left side) layout *****/
#verticalbumlist {
list-style-type: none;
}
/* #verticalbumlist li {
margin-right: 1em;
margin-bottom: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #000000;
} */
/* #verticalbumlist img {
 border: 1px solid #000000; 
}  */
/* ************ #FOOTER styles ***************/
#footer {
	clear: both;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with) the bottom border of the navBar in cases where they "touch" */
#footer p {
	font-size: 75%;
	color: #000000;
	background-color: #99CCFF;
	padding: 0.1em;
	text-align: center;
}
#footer a:link {
	color: #0000FF;
	background-color: #99CCFF;
	text-decoration: underline;
}
#footer a:visited {
	color: #993399;
	background-color: #99CCFF;
	text-decoration: underline;
}
#footer a:hover, a:focus {
	color: #000099;
	background-color: #FFCC00;
	text-decoration: none;
}
#footer a:active {
	color: #0099CC;
	background-color: #FF9900;
	text-decoration: none;
}
/************* #search styles [not used yet] ***************/
#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}
#search form{
 margin: 0px;
 padding: 0px;
}
#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}