/*	picture_table - style sheet 

	This style sheet is used to display all the pictures on a particular topic in a table  

	Author:  Chris Drymalik
	Date:    12.05.2000

	Copyright (C) 1998-2003 Chris Drymalik  

	Define the general stuff
*/
A		{ 
		color:		#008b8b;
		text-decoration:	none;
		}
A:link	{ 
		color:		#008b8b;
		text-decoration:	none;
		}
A:visited	{ 
		color:		#f08080;
		text-decoration:	none;
		}
A:hover 	{ 
		color:		#ff8000;
		text-decoration:	none;
		}
A:active	{ 
		color:		purple;
		text-decoration:	none;
		}

DIV.left, IMG.left	{
	float:		left;
	border-style:	none;
	}
DIV.right, IMG.right	{
	float:		right;
	border-style:	none;
	}

H1	{
	background:		none;
	color:		#008b8b; 
	font-size:		x-large;
	font-weight:	bold;
	text-decoration:	none;
	text-align:		center;
	margin:		5px;
	}

H2	{
	background:		none;
	color:		#008b8b; 
	font-family:	Comic Sans MS, Broadway, Helvetica, Verdana, Arial;
	font-size:		large;
	font-weight:	bold;
	font-style:		italic;
	text-decoration:	none;
	text-align:		center;
	margin:		5px;
	}

H3	{
	background:		none;
	color:		#008b8b; 
	font-family:	Helvetica, Verdana;
	font-size:		large;
	font-weight:	bold;
	text-decoration:	none;
	text-align:		left;
	margin:		5px;
	}

P	{
	margin:		5px;
	}


/*
	Define specific styles

*/

/*
	text is used on data panels - it describes the basic layout
*/

.picture		{
	font-family:	Helvetica, Verdana;
	font-size:		medium;
	font-weight:	normal;
	color:		#008b8b; 
	background:		#000000;
	background-image:	url(graphics/plaster_black.gif);
	text-decoration:	none;
	text-align:		left;
	vertical-align:	top;
	margin:		0;
	border:		0;
	padding:		0;
		}
/*
	picture
*/

TABLE.picture	{
	color:		white;
	background:		transparent;
	width:		100%;
	text-align:		center;
	vertical-align:	middle; 
	}

TD.picture	{
	padding:		5px;
	text-align:		center;
	vertical-align:	middle; 
	background:		transparent;
	}

/* turn off the inner border as we have a table border */

 TD.picture IMG	{
	text-align:		center;
	border:		none; 
	background:		transparent;
	}  

TABLE.picture TD A:link IMG	{ 
		color:		#008b8b;
		text-decoration:	none;
		border:		medium double #008b8b ;
		}
TABLE.picture TD A:visited	 IMG { 
		color:		gray;
		text-decoration:	none;
		border:		medium double gray ;
		}
TABLE.picture TD A:hover IMG	{ 
		color:		#ff8000;
		text-decoration:	none;
		border:		medium double #ff8000 ;
		}
TABLE.picture TD A:active IMG	{ 
		color:		gray;
		text-decoration:	none;
		border:		medium double gray ;
		}

.copyr		{
	font-size:		xx-small;
	margin:		10;
			}

.toplogoa	{
	color:		black;
	background:		white;
	}


IMG.toplogoa	{
	border:		none;
	text-align:		center;
	}

/*
	nextbutton - button style for jumping to the next page - button and the minimum width possible 
*/

.nextbutton	{
	background:		black; 
	background-image:	none;
	color:		white;
	font-family:	Helvetica, Verdana;
	text-align:		center;
	border:		medium double white ;
	padding-left:	8px;
	padding-right:	8px;
	padding-top:	2px;
	padding-bottom:	2px;
	margin:		2px;
	font-size:		small;
	font-weight:	bold;
	}
.nextbutton_c	{
	background:		#008b8b; 
	background-image:	none;
	color:		black;
	font-family:	Helvetica, Verdana;
	text-align:		center;
	border:		medium double white ;
	padding-left:	8px;
	padding-right:	8px;
	padding-top:	2px;
	padding-bottom:	2px;
	margin:		2px;
	font-size:		small;
	font-weight:	bold;
	}

.nextbutton A:link 	{ 
	color:		#008b8b;
	text-decoration:	none;
	}
.nextbutton A:visited	{ 
	color:		tomato; 
	text-decoration:	none;
	} 
.nextbutton A:hover 	{ 
	color:		#ff8000;
	text-decoration:	none;
	}
.nextbutton A:active	{ 
	color:		plum;
	text-decoration:	none;
	}