@import url("layout.css");
body {
	font-family:"Trebuchet MS";
	font-size: medium;
	color: #d3d3d3;
	background-color: #303636;
}
#container {
	width: 100%;
	height: 100%;
	background-color: #303636;
}
#masthead {
	margin-left: 10px;
	width: 100%;
	overflow: auto;
	text-align: right;
	background-color: #303636;
}
#masthead a {
	color: #d3d3d3;
	text-decoration:none	
}
#masthead a:visited {
	color: #d3d3d3;
	text-decoration:none	
}
#masthead a:link {
	color: #d3d3d3;
	text-decoration: none;
}
#masthead a:hover {
	color:#ffffff;
	text-decoration:underline;
}
#masthead a:active {
	color:#000000;
	background-color:silver;
	text-decoration:underline;
}
#page_content {
	position: relative;
	background-color:#303636
}
#sidebar {
	position: relative;
	float: left;
	width: 0px;
	background-color: #303636;
}
#content {
	margin-left: 50px;
	margin-right: 30px;
	padding: 10px;
	background-color: #303636;
}
#content a {
	color: #d3d3d3;
	text-decoration:underline;	
}
#content a:visited {
	color:#CCCCFF;
	text-decoration:underline;	
}
#content a:link {
	color: #d3d3d3;
	text-decoration: underline;
}
#content a:hover {
	color:#ffffff;
	text-decoration:underline;
}
#content a:active {
	color:#000000;
	background-color:silver;
	text-decoration:underline;
}

#footer {
	clear: both;
	width: 100%;
	overflow: hidden;
	padding-top: 1%;
	padding-right: 0;
	padding-bottom: 1%;
	padding-left: 1%;
	background-color: #303636;
}
#masthead img {
	float: left;
}
#masthead p {
	font-size: small;
	margin: 0;
	margin-right: 1%;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Trebuchet MS";
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
/*
a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}
*/

/* slides styling */
/* Begin tabs at top of gallery (Page1, etc.) */

.photo {width:635px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#444444; font-family:"Trebuchet MS";}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#d3d3d3; background:#666666;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#d3d3d3; background:#808080;}

/* End tabs at top of gallery (Page1, etc.) */

/* Begin main border around thumbs */

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:425px; background:#303636; width:464px; padding:40px 60px; border:20px solid #808080; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:425px; background:#303636; width:464px; padding:40px 60px; border:20px solid #808080; z-index:100;}

/* End main border around thumbs */
/* Begin individual picture cells */

.photo ul.topic li ul li
{display:inline; width:112px; height:107px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:105px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:95px; border:5px solid #303636;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:auto; height:auto; border-color:#fff;}

/* End individual picture cells */


/* Styles for Footer */
#footer p {
	font-size: x-small;
}
#footer a {
	color: #d3d3d3;
	text-decoration: underline;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.newStyle1 {
	font-family: "Trebuchet MS";
	background-color: #C0C0C0;
}