/*------------Basic styles------------*/
* {   
     padding: 0;   /*Resets padding, margin, and borders to 0 for cross-browser consistency*/
     margin: 0;
     border: 0;}

body {
	margin: 0;
	height: 450px !important /*Non-IE*/;
	height: 390px  /*IE6*/;
	padding: 0;
	background: #fff url(../images/background_tile.jpg) repeat;
	color: #000;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 80%;} 

a { 
	color: #ffff99;
	text-decoration: none;} 
	
a:hover { 
	text-decoration: underline;
	color: #ffffff;} 

h5 {
	width: 100%;
	float:right;
	font:200% "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin-right: 7px !important /*Non-IE*/; margin-right: 0  /*IE6*/;
	color: #ffff99;	} 

/*-------------Header----------------*/
	
#header { 
	width: 99%;
	background-position: center;
	padding-top:10px;
	padding-left: 5px !important /*Non-IE*/; padding-left: 14px /*IE6*/;
	padding-bottom: 15px !important /*Non-IE*/; padding-bottom: 8px /*IE6*/;} 

#top { 
	margin-top: 10px;
	padding: 0;} 

#top ul {
	width: auto !important /*Non-IE*/; width:101% /*IE6*/;	
	height: 40px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 5px;
	background-color: #0F0F0F;
	text-align: center;	}
	
#top li {
	display: inline;}
	
#top li a {
	float:left;
	height: 25px;
	display: block;
	color: #ffff99;
	background-color: #000;
	border: 1px solid #1F1F1F;
	padding: 4px 15px 9px 15px;
	margin-left: 5px;
	letter-spacing: 3px;
	font:88% "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif !important /*Non-IE*/; font:90% "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif/*IE6*/;}
	
#top li a:hover {
	background-color: #1F1F1F;
	text-decoration: none;}

#top li a:hover span {
	color: #FFF;
	border-bottom: 1px dotted #999;}
	
#top li a span {
	font-size: 8px;
	color: #fff;
	border-bottom: 1px dotted #606060;}

/*------------------------------ Body------------------------------------------*/
#container {
	width: 940px;
	height: 1090px;
	background: #000;
	margin: 0 auto;
	padding: 0 0 40px 0;}
	
#spacer{
	width: 940px;
	background: transparent;
	height: 10px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;}	

.content {
	float: right;
	width: 600px;
	line-height: 23px;
	z-index: 50;} 

.content p{
	display: block;
	margin-right: 7px !important /*Non-IE*/; margin-right: 0  /*IE6*/;
	text-align: justify;}

.content img {
	margin-top: 20px;
	padding: 2px;
	border: 1px solid #999;
	width:97% !important /*Non-IE*/; width:100% /*IE6*/;}
	
/*-------------Footer----------------*/
#footer { 
	width:90%;
	height: 25px;
	margin: 0 auto;} 


#copyright{
	padding: 5px 0;
	text-align: center;
	font-size: 80%;
	color: #FFF;
	background: transparent;} 

/*-----------------------------------Other tags-----------------------------------------*/
ul { 
	list-style: none;
	margin: 0;
	padding: 0;} 

table tr td{
	text-align:left;
	padding-left: 10px;}
		
.thumbnail{
	position: relative;
	z-index: 10;}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
	visibility: visible;}

/*CSS for enlarged image*/
.thumbnail span{ 
	position: absolute;
	background-color: #18181a;
	padding: 5px;
	border: 1px dashed gray;
	visibility:hidden;
	color: black;
	text-decoration: none;
	width: 130px;
	font-size: 10px;
	z-index: 99;}

/*CSS for enlarged image*/
.thumbnail span img{ 
	border-width: 0;
	padding: 2px;}

/*CSS for enlarged image on hover*/
.thumbnail:hover span{ 
	visibility: visible;
	left: 30px; 
	bottom:10px;
	z-index: 99;}     /*position where enlarged image should offset horizontally*/
	
form p{
	color: #DEDEDE;}