/* Text
----------------------------------------------- */

body {
  background:#ffffff;
  margin:0;
  }
  
a:link {
  color:#000066;
  font-weight:bold;
  text-decoration:none;
  }
a:visited {
  color:#666666;
  text-decoration:none;
  }
a:hover {
  color:#990066;
  text-decoration:underline;
  }
  
a img {
  border: none;
  }


/* Header
----------------------------------------------- */
#header {
  width:660px;
  margin:10px auto;
  border:2px solid #0066CC;
  text-align:center;
  }
#page-title {
	margin:3px 3px 3px;
	padding:15px 15px 15px;
	border:1px solid #006699;
	border-width:1px 1px 1px;
     font:1.5em Georgia, "Times New Roman", Times, serif;
	line-height:1.2em;
	font-weight:normal;
	color:#000066;
	text-transform:uppercase;
	letter-spacing:0.2em;
	text-align:center;
	}
 
#page-title a {
  color:#003366;
  text-decoration:none;
  }

#page-title a:hover {
  color:#990066;
  }
  


/* Content
----------------------------------------------- */
#content {
  width:660px;
  margin:0 auto;
  padding:0;
  font:Verdana, Arial, Helvetica, sans-serif;
  text-align:left;
  }
  
#main {
  width:410px;
  margin-top:0;
  margin-bottom:0;
  float:left;

  }
#sidebar {
  width:220px;
  float:right;
  color:#336633;
  }
  
#fullpage {
  width:775px;
  margin:0 auto;
  margin-top:0;
  margin-bottom:0;
  padding:0;
  text-align:center;
  color:#333
  }

#menu {
	width:660px;
	margin-right:auto;
	margin-top:.68em;
	margin-left:auto;
	margin-bottom:1em;
	font:.75em Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	font-weight: bold;
	color:#006699;
	text-align:center;
	}


/* Headings
----------------------------------------------- */


h2 {
  margin:1.5em 0 .75em;
  font:1em  Arial, Helvetica, sans-serif;
  letter-spacing:.1em;
  color:#990000;
  border:0;
  }

/* Text Headings
----------------------------------------------- */


h2-text {
 margin:1em 0 .50em;
 letter-spacing:.1em;
 color:#004FA5;
 }
 
 h3-text {
 margin:.50em 0 .25em;
 letter-spacing:.1em;
 color:#1B3859;
 }
 
 /* Text Container
----------------------------------------------- */

.oneColFixCtr #container {
	width: 760px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar. */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtr #mainContent {
	padding: 0 5px;
	margin: 0 auto; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}



/* Content
----------------------------------------------- */
 .content div {
  line-height:1.6em;
  font: 1em Georgia, "Times New Roman", Times, serif;
   }

.content-subtitle {
	font:.80em Arial, Helvetica, sans-serif;
	line-height:1.2em;
	color:#999999;
	font-weight: 500;
	letter-spacing: .1em;
  }

 .content-title {
	margin: .5em 0 .25em;
	font:1.25em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#990000;
	}
	
.content-p {
font: 1em Ariall, Helvetica, sans-serif;
 	margin:0;
  }

.content-p-p {
  margin-top:0;
  margin-bottom:0;
  text-indent: 1em;
  }
  
.content-p-last {
  margin-top:0;
  margin-bottom:.50em;
  text-indent: 1em;
  }
   
.content-list {
	margin-top:.25em;
	text-indent:2em;
	font:.80em;
  }
  
.content-photo-pages {
  color:#CCCCCC;
  }
  
  .content-photo-notes{
  	color:#CCCCCC;
	}
   
   
   /*edit out----*/
.content-body {
  text-indent:2em;
  margin:0 0 0;
  font: 1em Georgia, "Times New Roman", Times, serif;
  line-height:1.4em;
  color:#333333;
   }
 
 /*edit out-----*/
 .content-body-text {
   text-indent:0;
   font-weight:normal;
   max-width:660px;
   font:1em  Arial, Helvetica, sans-serif;
   line-height:1.4em;
   margin-bottom: .50em;
   color:#333333;
   }
   
 .content-photo-caption {
   align:center;
   font:.75em;
   font-weight: bold;
   border:0;
   }
   
.content a {
  font-weight:bold;
  }
  
.content-title a {
  display:block;
  text-decoration:none;
  color:#003366;
  font-weight:normal;
  }
  
.content-title a:visited{
  display:block;
  text-decoration:none;
  color:#663366;
  font-weight:normal;
  }
  
.content-title a:hover {
  color:#990066;
  }
  
  /*edit out......*/
  p.content {
  margin-top:0;
  margin-bottom:0;
  }
  
.content-notes {
	color:#663366;	
	font: .80em Arial, Helvetica, sans-serif;
  	text-indent:0em;
  	padding:.50em 0;
  	border-top:1px dotted #993333;
  	border-bottom:1px dotted #993333;
 	font-weight:600;
	line-height:1.25em;
  }
  

  /* Calendar
----------------------------------------------- */
  
.calendar {
  width:700px;
  margin:0 auto;
  margin-top:0;
  margin-bottom:0;
  padding:0;
  text-align:center;
  color:#333
  }
  
  
/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #993300;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.2em;
  }


  
/* Sidebar
----------------------------------------------- */
#sidebar-container {
  margin-top:1em;
  padding:1em 0em;
  border-bottom:1px dotted #993300;
  border-top: 1px dotted #993300;
  }
  
img.sidebar-figure {
  display: block;
  float:right;
  border:0;
  }
  
.sidebar-caption {
  text-align:center;
  font:.80em  "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:500;
  color:#666666;
  margin:.25em 0em .25em;
  }

 .sidebar-title {
 	font:1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
     margin:0 0 .50em;
	font-weight:bold;
	letter-spacing:.1em;
	color:#003300;
	 }

.sidebar-link {
	font: "Trebuchet MS", Arial, Helvetical, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:.85em;
	color: #003366;
	margin:0;
  }
  
  .sidebar-description{
	font: .80em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 1em;
	font-weight:200;
	color:#003333;
	}

.sidebar-link a:visted{
  	color:#666699;
	text-decoration:none;
	}
	
.sidebar-border {
   margin:.5em 0 .5em;
   border-top:1px dotted #993300;
   }

/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  text-align:center;
  padding:8px 0 0;
  font: "Trebuchet MS", Arial, Helvetica, sans-serif;
  }
  
#footer hr {
  display:none;
  }

#footer p {
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align:center;
  font-size:.70em;
  font-weight:bold; 
  }
  
  /* Date
  ------------------------------------------------*/
  .footer-date {
	color:#006666;
	font:.50em  "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	

/*Credits: Dynamic Drive CSS Library * PopUp Images/
/*URL: http://www.dynamicdrive.com/style/ 
------------------------------------------------*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}




	/* Notes
-----------------------------------------------
Use pts for printed pages, p.365
Font 100%=browser default. Set at 16pts
ems and % essentially the same thing. em=size of M in printing but in code = base font size. 200% = 2em

Inherited: any tag inside a tag with a font specified in herits that font.

Specifiying margins = top, right, bottom, left. Or if t&B and R&L the same, two values.

 */ 
 To fix any IE problems. Put anywhere in the head.
 
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 
 To stop unsyled page from appearing for a second. Put both in or just one. Both is better.
 
 <script type="text/javascript" src="scripts.js"></script>
 
 For print pages -- check this. Messed up regular pages. My reduce things to no formatting.
<link rel="stylesheet" href="styles.css" type="text/css" media="print" />