/* Thierry's css file for Zen Garden */

body { 
	background-attachment: fixed;
	background-image: url(images/banner_on_black.jpg);
	background-repeat: no-repeat;	
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	font: 12px Verdana, Arial, sans-serif; 
	}
	
#container { 
	padding: 0px 0px 0px 0px;  
	width: 815px; 
	height: 611;
	margin-top: 0px;

	}
#container a:link { 
	display:inline;
	font: 800 12px Verdana, Arial, sans-serif;
	text-decoration: none;
	background-color: transparent;
	padding: 0px;
	border-bottom: dotted 1px #ffffff; 
	color: #ffffff;
	}
#container a:visited { 
	display:inline;
	font: 800 12px Verdana, Arial, sans-serif;
	text-decoration: none; 
	background-color: transparent;
	padding: 0px;
	color: #d4cdcd;
	border: 0px;
	}
#container a:hover {
	display:inline;
	font: 800 12px Verdana, Arial, sans-serif;
	text-decoration: none;
	background-color: transparent;
	padding: 0px;
	color: #000000;
	border: 0px;
	}
#container a:active {
	display:inline;
	font: 800 12px Verdana, Arial, sans-serif;
	text-decoration: none;
	background-color: transparent;
	padding: 0px;
	color: #000000;
	border: 0px;
	}

#linkList {
	float:right;
	text-align: top;
	}

#linkList ul {
	display: block;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
#linkList li {
	display: block; /* Opera 6.05/Win seems to ignore this */
	list-style: none;
	font: 500 12px Verdana, Arial, sans-serif;
	color: red;
	background-color: transparent;
	padding: 3px;	
	border-bottom: dotted 1px #ffffff;
	}
#linkList li a:link { 
	text-decoration: none;
	display: block;
	color: #ffffff;
	background-color: transparent;
	padding: 3px;
border: 0px;
	}
#linkList li a:visited, a:active {
	text-decoration: none;
	display: block;
	color: #ffffff;
	background-color: transparent;
	padding: 3px;
border: 0px;	
	}
	
#linkList li a:hover {
	text-decoration: none;
	display: block;
	color: #000000;
	background-color: #FFD32E;	
	padding: 3px;
border: 0px;	
	}		

#preamble {
	margin-top: 80px;
	margin-left: 430px;
	width: 200px;
	}
 
h3	{
	font: italic 800 12px Verdana, Arial, sans-serif;
	text-align: right;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: dotted 1px #333333;	
	}

p:first-letter { 
	font: italic 800 12px Verdana, Arial, sans-serif;
	}
		
#textLink a:link { 
	display:inline;
	font: 800 12px Verdana, Arial, sans-serif;
	text-decoration: none;
	background-color: transparent;
	padding: 0px;
	border-bottom: dotted 1px #ffffff; 
	color: #ffffff;
	}
#textLink a:visited { 
	display:inline;
	font: 800 12px Verdana, Arial, sans-serif;
	text-decoration: none; 
	background-color: transparent;
	padding: 0px;
	color: #ffffff;
	border: 0px;
	border-bottom: dotted 1px #ffffff; 
	}
#textLink a:hover,active {
	display:inline;
	font: 800 12px Verdana, Arial, sans-serif;
	text-decoration: none;
	background-color: transparent;
	padding: 0px;
	color: #FFD32E;
	border: 0px;
	border-bottom: dotted 1px #FFD32E; 
	}

#textLeftColumn {
	margin-left: 15px; 
	top: 0px; 
	right: 0px; /* Opera 6.05/Win doesn't seem to get that right */
	padding: 0px;
	margin-top: 110px; 	
	text-align: left;
	height: 700px;
	width: 300px;
	}	
	
#textRightColumn {
	margin-left: 20px; 
	top: 0px; 
	right: 0px; /* Opera 6.05/Win doesn't seem to get that right */
	padding: 0px;
	margin-top: 110px; 	
	text-align: left;
	width: 280px;
	}	

#textLeftColumn400 {
	margin-left: 15px; 
	top: 0px; 
	right: 0px; /* Opera 6.05/Win doesn't seem to get that right */
	padding: 0px;
	margin-top: 110px; 	
	text-align: left;
	width: 400px;
	}	

#textRightColumn200 {
	margin-left: 7px; 
	top: 0px; 
	right: 0px; /* Opera 6.05/Win doesn't seem to get that right */
	padding: 0px;
	margin-top: 110px; 	
	text-align: left;
	width: 200px;
	}	

#textLeftColumn400_notopmargin {
	margin-left: 15px; 
	top: 0px; 
	right: 0px; /* Opera 6.05/Win doesn't seem to get that right */
	padding: 0px;
	margin-top: 0px; 	
	text-align: left;
	width: 400px;
	}	
	
#textRightColumn200_notopmargin {
	margin-left: 7px; 
	top: 0px; 
	right: 0px; /* Opera 6.05/Win doesn't seem to get that right */
	padding: 0px;
	margin-top: 0px; 	
	text-align: left;
	width: 200px;
	}	

#textLeftColumn500 {
	margin-left: 15px; 
	top: 0px; 
	right: 0px; /* Opera 6.05/Win doesn't seem to get that right */
	padding: 0px;
	margin-top: 110px; 	
	text-align: left;
	height: 700px;
	width: 600px;
	}	
	
#text110FromTop {
	margin-left: 15px; 
	top: 0px; 
	right: 0px; /* Opera 6.05/Win doesn't seem to get that right */
	padding: 0px;
	margin-top: 110px; 	
	text-align: left;
	width: 600px;
	}	
	
	#textCenter {
	margin-top: 160px;
	margin-left: 230px; 
	top: 0px; 
	right: 0px; /* Opera 6.05/Win doesn't seem to get that right */
	padding: 0px;
	text-align: left;
	color= #ffffff;
	height: 700px;
	width: 300px;
	}
	
	#textlightgray {
	font: 11px Verdana, Arial, sans-serif; 
	color: #aaaaaa;
	}		

#gallery {
	float:right;
	text-align: top;
	}
	
#galleryCaption {
	font: 11px Verdana, Arial, sans-serif; 
	color: #dddddd;
	}


#gallery a:link { 
	display:inline;
	text-decoration: none;
	background-color: transparent;
	padding: 0px;
	color: #ffffff;
	border-bottom: dotted 1px #111111; 

	}
#gallery a:visited { 
	display:inline;
	font: 800 12px Verdana, Arial, sans-serif;
	text-decoration: none; 
	background-color: transparent;
	padding: 0px;
	color: #d4cdcd;
	border: 0px;
	}
#gallery a:hover {
	display:inline;
	font: 800 12px Verdana, Arial, sans-serif;
	text-decoration: none;
	background-color: transparent;
	padding: 0px;
	color: #000000;
	border: 0px;
	}
#gallery a:active {
	display:inline;
	font: 800 12px Verdana, Arial, sans-serif;
	text-decoration: none;
	background-color: transparent;
	padding: 0px;
	}

#galleryList ul {
	display: block;
	width: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
#galleryList li {
	display: block; /* Opera 6.05/Win seems to ignore this */
	list-style: none;
	font: 500 11px Verdana, Arial, sans-serif;
	color: red;
	background-color: transparent;
	padding: 3px;	
	border-bottom: dotted 1px #ffffff;
	}