body {
    background: #666;
    color: #fff;
    margin: 0px;
    border: 0px;
    padding: 0px;
    min-width: 900px;
		height: 100%;
    }

a {
    color: #fff;
    text-decoration: none;
    }
	 		 
a:hover {
    color: #aaa; 
    }		 
		 
.container	{
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 100%;
    }  
						 
.header {
    background: #666;
    height: 150px;
    border-bottom: 5px solid #aaa;
    } 
		 
.header a img {
    position: relative;
		width: 50%;
    left: 30px;
    top: 10px;
    border: 0;
    }		 

#nav {
    list-style-type:none; 
    float: right; 
    padding: 60px 70px 0 0;
    *padding: 0px 70px 0 0;
		*margin-top: -100px;
    font-family: arial;
    }

#nav li {
    float:left; 
    padding:0; 
    margin:0 1px 0 0; 
    position:relative; 
    width:70px; 
    height:1px; 
    z-index:100;
    }

#nav li a, 
#nav li a:visited {
    text-decoration:none;
    }

#nav dl {
    position:absolute; 
    top:0; 
    left:0; 
    width: 70px; 
    margin: 0; 
    padding: 0; 
    }

#nav dt {
    margin:0;
    font-size: 16px;
    width:70px; 
    float:left;
    }

#nav dd {
    display:none; 
    clear:left; 
    margin:0; 
    padding:0; 
    color: #ddd; 
    background: #888;
    border: 0px solid #6e6e6e;
    font-size: 12px; 
    text-align:left;
    }

#nav dt a, 
#nav dt a:visited {
    display:block; 
    color:#eee; 
    padding: 5px 5px 5px 20px; 
    width:70px;
    }

#nav dd a, 
#nav dd a:visited {
    color:#eee; 
    text-decoration:none; 
    display:block; 
    padding:4px 5px 4px 20px; 
    width:100px;
    *width: 130px;
    }

#nav li a:hover {
    border:0;
    }

#nav li:hover dd, 
#nav li a:hover dd {
    display:block;
    }

#nav li:hover dl, 
#nav li a:hover dl {
    width:130px;
    *width: 150px; 
    }

#nav li:hover dt a {
		color: #aaa;
    }

#nav li a:hover dt a, 
#nav dd a:hover {
		color: #111;
    }
			 						 
.content {
    color: #737373; 
    width: 100%;
    /* height: 440px; */
		height: 100%; 
    font-family: verdana;
    margin-top: 0px; 
    *margin-top: 0px;
    }
			
.content_slide {color: #737373; 
    height: 450px;
		*height: 400px;
    font-family: verdana; 
    text-align: left;
    margin-top: 0px; 
    padding-top: 0%; 
    margin-bottom: 15%;

    }
		
.content_slide table {
    width: 50%;
    margin-left: 25%;
    margin-top: 10%;
		border: 0px;
    }	

.content_slide img {
    /* width: 140px;
    height: 140px; */
		width: 70%;
		height: 70%;
    }

.content_slide a img {
    width: 140px;
    height: 140px;
		/* width: 70%;
		height: 70%; */
		border: 2px solid #eee;
    }
				
.content_slide a:hover img {
    width: 140px;
    height: 140px;
		/* width: 70%;
		height: 70%; */
		border: 2px solid #aaa;
    }


.slide_spacer {
    position: relative; 
    margin-top: 120px;
    }

.slide_title {
    width: 475px; 
    margin-top: -50px; 
    padding-left: 100px; 
    font-size: 20px; 
    font-weight: bold; 
		letter-spacing: 0.05em; 
    float: left; 
    padding-left: 630px; 
    color: #ccc;
    }	
			
.slide_note {
		position: absolute;
    left: 150px; 
    top: 420px; 
    font-size: 11px; 
    color: #eee; 
    letter-spacing: 0.03em; 
    width: 220px;
    }
		
.slide_text {
    position: absolute;
    left: 1000px;
    top: 50px;
    width: 400px;
    color: #ccc;
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 1.8em;
}		
		
.slide_copyright {
    font-size: 10px; 
    font-weight: normal; 
    color: #eee; 
    line-height: 22px;
    }
		
.content_text {color: #737373;
		width: 100%; 
    height: 630px;
		*height: 580px;
    font-family: verdana; 
    text-align: left; 
    margin-bottom: 20px;
		display: block; 
    }
			
.content_text img {
		padding-left: 20%;
		width: 65%; 
		padding-top: 100px;
		}
		
.content_text p {
    width: 60%; 
    padding-top: 50px; 
    color: #eee; 
		float: right;
		margin-right: 20%;
    line-height: 1.8em;  
		font-size: 12px; 
    letter-spacing: 0.05em; 
    text-align: justify;
    }		

.left {
    width: 40%; 
    float: left;
    }
		
.right {
    width: 60%; 
    float: right;
    }
				
.text_copyright {
		display: inline;
		float: left;
		padding-left: 20%;
    letter-spacing: 0.1em;
    font-size: 10px;
		color: #eee;
}		

h1 {
    padding-left: 20%;
		padding-top: 30px;
		*padding-top: 0px;
		*margin-top: 30px;
		letter-spacing: 0.05em;
    font-size: 20px;
    color:#ccc;
    }			

h2 {
	 padding-left: 0px;
   text-align: left; 
	 font-size: 16px; 
	 color: #222;
	 }		

.scroll {
    position: relative;
    top: 50px;
    left: 0px;
    direction: ltr; 
    display: block; 
    width: 60%; 
    height: 400px;
    overflow: auto;
    padding: 0 20px 20px 20px; 
    border: 5px ridge #999; 
    margin: 0 auto;
    }
	 
.scroll ul {
    color: #bbb; 
    font-family: verdana; 
    font-size: 12px; 
    padding-left: 10px; 
    padding-right: 10px;
    letter-spacing: 0.05em;
    }
			
.scroll ul li {
    padding-left: 0px; 
    padding-bottom: 15px;
    list-style: none;
    letter-spacing: 0.05em;
    font-size: 12px; 
    }									

.scroll ul li b {
    color: #eee;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.05em;
    }			
			
.scroll ul li a {
    color: #222;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.05em;
    }	
		
.scroll ul li a:hover {
    color: #eee;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.05em;
    }					
					
.footer {
    position: relative;
		width: 100%;
		height: 50px;
		margin-bottom: 10px;
    font-family: century gothic; 
    border-top: 0px solid #eee;
    background: #666;
		clear: both;
    }
			
.copyright {
    text-align: left;
    letter-spacing: 0.1em;
    margin-top: 10px;
    padding-left: 20px;
    width: 90%;
    font-size: 11px;
    }			

/* ================================================================ 
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/photo_not_so_simple
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */	
	 
#gallery {
		width: 900px; 
		height: 320px;
		margin-top: 50px;
		position: relative;
		}
		
#gallery b.default {
		position: relative;
		float: left;
		margin-top: 50px;
		padding-left: 150px;
		*padding-left: 150px;
		width: 320px;
		}
		
#gallery b.default img {
		width: 320px; 
		height: 320px;
		border: 0px solid #eee;
		}

#gallery ul {
		list-style:none; 
		margin-top:50px; 
		margin-right:0px;
		*margin-right: 0px; 
		width:275px;
		position: relative;
		float:right;
		}
		
#gallery ul li {
		display:inline; 
		width:52px; 
		height:52px; 
		float:left; 
		margin:0 0 10px 10px;
		}
		
#gallery ul li a {
		display:block; 
		width:50px; 
		height:50px; 
		text-decoration:none; 
		border:1px solid #eee;
		}
				
#gallery ul li a img {
		display:block; 
		width:50px; 
		height:50px;
		border:0px;
		}
		
#gallery ul li a:hover b {
		position:absolute; 
		left:-435px;
		*left: -475px; 
		top:0px; 
		width: 275px;
		height: 275px;
		}
		
#gallery ul li a:hover img {
		margin:0 auto 10px auto; 
		width:320px;
		height: auto; 
		border:0px solid #eee;
		}

#gallery ul li a:active b {
		position:absolute;
		left: -435px; 
		*left:-475px;
		top: 0px; 
		width: 320px;
		}
		
#gallery ul li a:active img {
		margin:0 auto 10px auto; 
		width: 320px;
		height: auto; 
		border: 0px solid #eee;
		}