* 	{margin: 0;
	padding: 0;}

body {
	background-color:#ffffcc;
	background-repeat: repeat-x;
	font-size: 62.5%;
	  }
	  


#container {
	margin: auto;
	width: 800px;
	color: #808070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#header {
	margin: auto;
	background-image: url(images/header.jpg);
	height: 118px;
	width: 800px;
}

#link a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#808070;
	text-decoration:none;
}

#link a:hover{
	text-decoration:none;
	color:#D1D17A;
}



#menu {
	background-image: url(images/menu.jpg);
	height: 34px;
	padding-top: 10px;
	text-align: center;
}

#menu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#333333;
	text-decoration:none;
}

#menu a:hover{
	text-decoration:none;
	color:#D1D17A;
}

#main_content {
	background-color: #ffffcc;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	background-repeat: no-repeat;
}
#contenttext{
	padding-left: 100px;
	width: 550px;
}



/*FOOTER*/
#footer{
	position:center;
	margin-left:-23px;
	width: 790px;
	height: 50px;
	background-image:url(images/footer1.jpg);
	background-repeat:no-repeat;
	clear:both;
	padding-top: 15px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#ffffff;
}
/*FOOTER LINKS*/
#footer a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:none;
	color:#D1D17A;
}


/*CREDIT LINKS*/
#credit {
position:center;
	clear:both;
	margin-top:-18px;
	padding-bottom:10px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#333333;
}

#credit a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#333333;
	text-decoration:none;
}

#credit a:hover{
	text-decoration:none;
	color:#D1D17A;
}




.float_left {float: left;
             margin-right: 5px;
			 margin-bottom: 3px;}

p {padding-bottom: 25px;}

h1 {
	font-size: 0.8em;
	border-bottom: 0px solid gray;
	margin-bottom: 10px;
	font-style: normal;
	color: #333333;
}

h2 {
	font-size: 1.6em;
	border-bottom: 0px solid gray;
	margin-bottom: 10px;
	font-style: normal;
	color: #333333;
}

h3 {
	font-size: 1.2em;
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
	font-style: normal;
	color: #333333;
}

h4 {
font-family: georgia;
font-style:bold;
color: #808040;
font-size:2.6em;
text-shadow: #000 0px 0px 0px;
}

h5 {
	font-size: 1.0em;
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
	font-style: normal;
	color: #333333;
}



a:link {color: #333333;
	    text-decoration: none;}     /* unvisited link */
		
a:visited {color: #333333;
           text-decoration: none;}  /* visited link */
		   
a:hover {color: #D1D17A;
          text-decoration: none;}   /* mouse over link */
		  
a:active {color: #FFFFFF;
           text-decoration: none;}   /* selected link */



#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}


/* ================================================================ 
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 */

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

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

.photo ul.topic li {display:block; width:110px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:114px; height:30px; text-align:center; line-height:30px; 
color:#7e7e7c; text-decoration:none; border:1px solid #7e7e7c; border-width:1px 0px 0 0; background:#cbc8d1; font-family:verdana, arial, sans-serif;}

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

.photo ul.topic li.active a
{color:#000; background:#b4afac;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#7e7e7c;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:615px; 
background:#DDD5E0; width:504px; padding:40px 60px; border:20px solid #b4afac; 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:615px; 
background:#DDD5E0; width:504px; padding:40px 60px; border:20px solid #7e7e7c; z-index:100;}

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

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

.photo ul.topic li ul li a img
{display:block; width:120px; height:120px; border:0px solid #eee;}

.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:240px; height:240px; border-color:#fff;}

