html {
 background: #fff url(images/background.gif) repeat-x;
 }
body {
	position: relative;
	min-width: 670px;
	width: 80%;
	margin: 0 auto;
	padding: 0;
	font: 90%/1.7 "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #555;
 }

/* Styling links **********************************************/

a:link { color: #006d14;
 }
a:visited { color: #48a95a;
 }
a:hover { color: #ab0000;
 }
a:focus, 
a:active { color: #c50000; background-color: #ddd;
 }

/* Styling headings *******************************************/

h2, 
h3 {
	color: #ab0000;
	font: normal 150% Georgia, "Times New Roman", Times, serif;
	margin-top: 0; }
h3 { font-size: 135%;
 }
h4 { margin-bottom: -1em;
 }
h5 {
color: #006d14;
	font: normal 130% Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
}
h5 { font-size: 100%;
 }

/* Styling the masthead ***************************************/

#branding {
	position: relative;
	height: 250px;
	margin-bottom: 15px;
	background: #900 url(images/background.gif) repeat-x;
 }
#branding h1 {
	margin: 0;
	padding: 10px 0 0;
	color: #fff;
 }
#branding a img {
 border: none;
 background: transparent;
 }
#branding h1 a {
 color: #fff;
 }
#branding h1 a:focus, #branding h1 a:active { background: transparent;
 }



/* Styling the tag line ***************************************/

#tagline {
  	margin: 0;
  	position: absolute;
  	top: 40px;
  	right: 0;
  	width: 65%;
  	font: italic 240% Georgia, "Times New Roman", Times, serif;
  	color: #fffdd7;
  	text-align: center;
 }
#tagline p {
 margin: 0 0 .2em;
 }

/* Styling the main content ************************************/

#main-content {
 	width: 65%;  float: right;
 	padding-bottom: 20px;
 }
#main-content p img {
	float: center;
	margin-left: 0;
	border: 1px solid #666;
	padding: 2px;
 }

/* Styling the photo content ************************************/

#photo-content {
 	width: 65%;  float: both;
 	padding-bottom: 20px;
 }
#photo-content p img {
	float: center;
	margin-left: 0;
	border: 1px solid #666;
	padding: 2px;
 }

/* Styling the navigation menu **********************************/

#navigation {
	width: 30%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b5b5b5;
 }
#navigation li {
	border-bottom: 1px solid #b5b5b5;
	font: 130% Georgia, "Times New Roman", Times, serif;
	padding: 6px 0 6px 35px;
	
 }	

#navigation a {
 	text-decoration: none;
 }
#navigation li.current {
	font-style: italic;
	color: #ab0000;
 }

/* Styling the footer ********************************************/
#copyright {
	clear: both;
	text-align: center;
	font-size: 80%;
	color: #888;
	padding-top: 15px;
	
 }

/* Styling the workshops page ******************************************/
.workshops {
	width: 100%;
	margin-bottom: 3em;
	border-collapse: collapse;
 }
.workshops th {
	color: #ab0000;
	text-align: left;
	border-bottom: 1px solid #ddd;
 }
.workshops td { border-bottom: 1px solid #ddd;
 }
.workshops thead th { font-size: 85%;
 }
.workshops tbody th { width: 50%;
 }
.workshops tbody th em {
	font-size: 90%;
	font-weight: normal;
	color: #555;
 }