/*  shstyle.css  */
/* --------------------------------
   Body layout options 
   -------------------------------- */

body { 
  background-color: #fff6ec; 
  margin-top: 0px; 
  margin-right: 0px; 
  margin-left: 0px; 
  color: black;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 0.8em;
} 
a:link {color: #33968a;}
a:visited {color: #33968a;}

#BannerSmall {
	Position: absolute;
	left: 0px;
	top: 0px;
	width: 770px;
	heigth: 110px;
}
#BannerNav {
	font: 80% verdana, sans-serif;
	position: absolute;
	left: 200px;
	top: 60px;
	width: 400px;
	height: 30px;
}
#LeftColumn {
	position: absolute;
	top: 125px;
	left: 0;
	width: 150px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #66001B;
	margin-left: 10px;
	height: 362px;

}
#LeftColumnWide {
	position: absolute;
	top: 125px;
	left: 0;
	width: 180px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #66001B;
	margin-left: 10px;
}
#CenterColumn {
	position: absolute;
	top: 130px;
	left: 195px;
	width: 400px;
}
#RightColumn {
	position: absolute;
	padding: 10px;
	margin-left: 0px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #66001B;
	left: 610px;
	top: 125px;
	width: 150px;
	heigth: 600px;
}
#Bottom {
	font: 0.7em /1 verdana, sans-serif;
	clear: left;
}

/******************************************************
   what follows is MAJOR navigation system
*******************************************************/
 ul#NavigateMajor {
	list-style: none;
	margin-left: 0;
	background-color: #fff6ec;
	font:  1em /1.5 arial, sans-serif;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 10px;  
	border-bottom: 1px solid #A5B5C6;
}		
ul#NavigateMajor li {
	border-top: 1px solid #A5B5C6;
	font:  1.1em /1.5 arial, sans-serif;
	color: #A00211;	
	font-weight: bold;
	text-align: left;
	width: 150px;
}
ul#NavigateMajor li a {
	text-decoration: none;
	display: block;
	font-weight: normal;
	width: 150px;
	text-align: left;
	background-color: #ffffff;
	font: 1em /1.5 arial, sans-serif;
	color: #33968a;
	/*color: #000;*/
	}	
ul#NavigateMajor li a:link, ul#NavigateMajor li a:visited {
	text-decoration: none;
	font: 1em /1.5 arial, sans-serif;
	font-weight: normal;
	text-align: left;	display: block;
	width: 150px;
	background-color: #fff6ec;
	color: #33968a;
	/*color: #000;*/
}
ul#NavigateMajor li a:hover {
	background-color: #33968a;
	color:#fff;
}
/******************************************************
   what follows is MINOR navigation system
*******************************************************/
 ul#NavigateMinor {
	list-style: none;
	margin-left: 10;
	background-color: #fff6ec;
	font:  1em /1.5 arial, sans-serif;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 10px;  
	border-bottom: 1px solid #A5B5C6;
}		
ul#NavigateMinor li {
	border-top: 1px solid #A5B5C6;
	font:  1.1em /1.5 arial, sans-serif;
	color: #A00211;	
	font-weight: bold;
	text-align: left;
	width: 140px;
}
ul#NavigateMinor li a {
	text-decoration: none;
	display: block;
	font-weight: normal;
	width: 140px;
	text-align: left;
	background-color: #ffffff;
	font: 1em /1.5 arial, sans-serif;
	color: #33968a;
	/*color: #000;*/
	}	
ul#NavigateMinor li a:link, ul#NavigateMinor li a:visited {
	text-decoration: none;
	font: 1em /1.5 arial, sans-serif;
	font-weight: normal;
	text-align: left;	display: block;
	width: 140px;
	background-color: #fff6ec;
	color: #33968a;
	/*color: #000;*/
}
ul#NavigateMinor li a:hover {
	background-color: #33968a;
	color:#fff;
}  

/******************************************************
   what follows is VeryMINOR navigation system
*******************************************************/
 ul#NavigateVeryMinor {
	list-style: none;
	margin-left: 10;
	background-color: #fff6ec;
	font:  1em /1.5 arial, sans-serif;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 10px;  
	border-bottom: 1px solid #A5B5C6;
}		
ul#NavigateVeryMinor li {
	border-top: 1px solid #A5B5C6;
	font:  1.1em /1.5 arial, sans-serif;
	color: #A00211;	
	font-weight: bold;
	text-align: left;
	width: 140px;
}
ul#NavigateVeryMinor li a {
	text-decoration: none;
	display: block;
	font-weight: normal;
	width: 140px;
	text-align: left;
	background-color: #ffffff;
	font: 1em /1.5 arial, sans-serif;
	color: #33968a;
	/*color: #000;*/
	}	
ul#NavigateVeryMinor li a:link, ul#NavigateVeryMinor li a:visited {
	text-decoration: none;
	font: 1em /1.5 arial, sans-serif;
	font-weight: normal;
	text-align: left;	display: block;
	width: 140px;
	background-color: #fff6ec;
	color: #33968a;
	/*color: #000;*/
}
ul#NavigateVeryMinor li a:hover {
	background-color: #33968a;
	color:#fff;
}  
/******************************************************
   what follows is a tricky navigation system
*******************************************************/
ul#navigateDown {
	list-style: none;
	margin-left: 0;
	background-color: #fff6ec;
	font:  1em /1.5 arial, sans-serif;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 10px;  
	border-bottom: 1px solid #A5B5C6;
}		
ul#navigateDown li {
	border-top: 1px solid #A5B5C6;
	font:  1.1em /1.5 arial, sans-serif;
	color: #A00211;
	
	font-weight: bold;
	text-align: center;
	width: 150px;
}
ul#navigateDown li a {
	text-decoration: none;
	display: block;
	font-weight: normal;
	width: 150px;
	text-align: left;
	background-color: #ffffff;
	font: 1em /1.5 arial, sans-serif;
	color: #33968a;
	/*color: #000;*/
	}	
ul#navigateDown li a:link, ul#navigateDown li a:visited {
	text-decoration: none;
	font: 1em /1.5 arial, sans-serif;
	font-weight: normal;
	text-align: left;	display: block;
	width: 150px;
	background-color: #fff6ec;
	color: #33968a;
	/*color: #000;*/
}
ul#navigateDown li a:hover {
	background-color: #33968a;
	color:#fff;
}

/******************************************************
   thus ends a tricky navigation system
*******************************************************/

.PoemLeft{
	color: #CC0000;
	font-family: "Arial", sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	text-align: left;
}
.PoemCentered{
	color: #CC0000;
	font-family: "Arial", sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: italic;
	text-align: center;
}
h2 {
	color: black;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.5em;
	font-weight: bolder;
}
.photoWithCaption {
	width: 160px;
	margin: 5px;
	color: #CC0000;
	font-family: "Arial", sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}
.photoBox {
    float: left;
	width: 280px;
	margin: 2px;
	color: #CC0000;
	font-family: "Arial", sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}
.photoBox220L {
    float: left;
	width: 224px;
	margin: 2px;
	color: #CC0000;
	font-family: "Arial", sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}

.photoBox250L {
    float: left;
	width: 254px;
	margin: 2px;
	color: #CC0000;
	font-family: "Arial", sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}
.photoBox250R {
    float: right;
	width: 254px;
	margin: 2px;
	color: #CC0000;
	font-family: "Arial", sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}
.ImageCategoryTitle {
	font-family: "Arial", sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	font-style: normal;
	width: 100%;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 30px;
 	clear: left;
}
.ImageContainer {
	width: 400px;
	text-align: left;
	clear: both;

}
.ImageThumbnail {
    width: 75px;
	heigth: 75px;
	float: left;
	padding-top: 10;
}
.ImageDescription {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 40px;

}