.indentmenu{
font: bold 13px Arial;
width: 100%; }

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #2B581D; /*dark green border*/
border-width: 1px 0;
background: black url(../img/menubg1.jpg) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #2B581D; /*dark green divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(../img/menubg2.jpg) center center repeat-x;
}


html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #963;}
a:hover {color: #C60;}

body {
	background-color: #fff;
	font: normal 0.7em Tahoma,sans-serif;	
}



p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
	font: normal 1.7em Tahoma,sans-serif;
	color: #2B581D;
	margin-bottom: 4px;
}


h1,h2,h3 {padding-top: 6px;
		padding-bottom: 4px;
		color: #2B581D;}
		
h2	{font-size: 1.5em;}

h3	{font-size: 1.2em;}

.clearer {clear: both;}

.left {float: left;}

.right {float: right;}


.container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 715px;
	border-bottom: 2px solid #2B581D;
	border-left: 2px solid #2B581D;
	border-right: 2px solid #2B581D;

}

/* moves the page down the screen a bit */
.top {
	
	padding: 50px 10px 0;
	
}


.header {
	background: #FFF;
	height: 150px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 715px;
	border-top: 2px solid #2B581D;
	border-left: 2px solid #2B581D;
	border-right: 2px solid #2B581D;
}
		
.header .left {
	background: #fff url("../img/header.jpg") no-repeat;
	color: #fff;
	line-height: 70px;
	text-align: center;	
	width: 499px;
}
.header .right {
	
	width: 212px;
	height: 150px;
}

.header .left p {font-size: 1.6em;}


.main {
	border-top: 4px solid #FFF;
	
	
}

/* content */
.content {
	background: #fff;
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 676px;
	
}

.content li	{list-style: disc;
			font-family: "Lucida Sans Unicode",sans-serif;}


.content p {font-family: "Lucida Sans Unicode",sans-serif;}

/* Slide Show */
.slideshow {
	background: #fff;
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 676px;
}
.slideshow p {font-family: "Lucida Sans Unicode",sans-serif;}


/* footer */
.footer {
	background: url("../img/footer.jpg") repeat-x;
	color: #FFF;
	font: bold 1em sans-serif;
	line-height: 25px;
	text-align: center;
}
.footer a,.footer a:hover {color: #FFF;}




.GalleryDesc
{
font-family: verdana, arial, 'sans serif';
color: #003366;
font-size: 8pt;
}

.AlbumTitle
{
font-family: verdana, arial, 'sans serif';
text-align: center;
color: #000066;
font-size: 12pt;
font-variant: small-caps; 
font-weight:bold
}

.AlbumDesc
{
text-align: center;
color: #000;
font-family: "Lucida Sans Unicode",sans-serif;
font-size: 0.9em;}
}

/* Table which displays the thumbnails */
.ThumbTable
{
font-family: verdana, arial, 'sans serif';
margin-left: 10pt; 
}

/* style for table cell where there is thumb image/thumbtext (like in vanilla index) */
.ThumbCell
{
font-family: verdana, arial, 'sans serif';
margin-left: 10pt;
text-align: center;
background-color: #fff;
}

.ThumbText
{
text-align: center;
color: #000;
font-family: "Lucida Sans Unicode",sans-serif;
font-size: 0.9em;}

.ImageTable
{
font-family: verdana, arial, 'sans serif';
margin-left: 10pt; 
}

/*ImageCell class is used only for the cell that contains the image */

.ImageCell
{
margin-left: 10pt;
text-align: center;
background-color:#fff;
}

.ImageTitle
{
text-align: center;
color: #000;
font-family: "Lucida Sans Unicode",sans-serif;
font-size: 0.7em;}

.ImageDesc
{
text-align: center;
color: #000;
font-family: "Lucida Sans Unicode",sans-serif;
font-size: 0.7em;}

/* SideBarCell used to display the image description in image page
   Either on left or right of the image */
.SideBarCell
{
font-family: verdana, arial, 'sans serif';
font-size: 8pt; 
background-color: #f0e1ff;
}

/*KMR - this is the class that controls the text for image titles*/
.SideBarTitle
{
text-align: center;
color: #000;
font-family: "Lucida Sans Unicode",sans-serif;
font-size: 0.9em;
width: 550px;}

.SideBarContent
{
font-family: verdana, arial, 'sans serif';
color: #000099;
font-size: 8pt; 
}

.GalleryPgBody
{
background-color: #fff;
padding: 8px
}

.IndexPgBody
{
background-color: #fff;
color: #00FFCC;
padding: 8px;
font-family: Verdana, Arial, Helvetica
}

/* ImgPgBody style used for image pages and single page index pages like JS album & BBC style */
.ImgPgBody
{
background-color: #fff;
color: #0099FF;
padding: 8px
}


/*NOT NEEDED
a:link {color: rgb(51,153,255);font-size: 8pt;}
a:visited {color: rgb(51,102,204);font-size: 8pt;}
a:hover {color: #000080;background-color: #f0e1ff;font-size: 8pt;}
a:active {color: rgb(255,153,0);font-size: 8pt;}

a:link.content {color: #FFF5EE;font-size: 8pt;}
a:visited.content {color: #FFF5EE;font-size: 8pt;}
a:hover.content {color: #FFEFD5;font-size: 8pt;}
a:active.content {color: #FFF5EE;font-size: 8pt;} */