/*----------------------------------------------------------------------------*
 *
 ***** style.css -- Internet style sheet
 *
 * Purpose:
 * --------
 *
 * Define extras for the looks of the Internet site
 *
 * Colors:
 * 003366 = dark blue
 * 000033 = even darker blue (001A28)
 * 666699 = slightly lighter blue (576699)
 * FF0000 = red
 * 999900 = olive green (ACAC04)
 * FFFF00 = yellow
 * 993333 = dark red (8F2A2A)
 * 99CCCC = grey blue/green (D8DCE8)
 * top right bottom left
*============================================================================*/

BODY		{ font-family: Verdana, Arial, Helvetica, Sans-serif; 
			font-size: 100%; color: #003366; background-color: #FFFFFF; 
			margin: 0; }

a:link		{ color: #000033; }
a:visited	{ color: #666699;  }
a:hover		{ color: #FF0000;  }
a:active		{ color: #FF0000; }

a.menulink:link		{ color: #FFFF00; text-decoration: none; }
a.menulink:visited	{ color: #FFFF00; text-decoration: none; }
a.menulink:hover	{ color: #FF0000; text-decoration: none; }
a.menulink:active	{ color: #FF0000; text-decoration: none; }

a.fontyl:link		{ color: #999900; text-decoration: none; }
a.fontyl:visited	{ color: #999900; text-decoration: none; }
a.fontyl:hover		{ color: #FF0000; text-decoration: none; }
a.fontyl:active		{ color: #FF0000; text-decoration: none; }

a.fontrd:link		{ color: #993333; text-decoration: none; }
a.fontrd:visited	{ color: #993333; text-decoration: none; }
a.fontrd:hover		{ color: #FF0000; text-decoration: none; }
a.fontrd:active		{ color: #FF0000; text-decoration: none; }

p			{ margin: 8px 5px 8px 5px; /*text-align: justify;*/ }

H1			{ font-family: Verdana, Arial, Helvetica, Sans-serif; 
			font-size: 140%; font-weight: bold; color: #003366; 
			margin: 5px 5px 10px 10px; }
H2			{ font-family: Verdana, Arial, Helvetica, Sans-serif; 
			font-size:  120%; font-weight: bold; color: #993333; 
			margin: 5px 5px 5px 10px; }
H3			{ font-family: Verdana, Arial, Helvetica, Sans-serif; 
			font-size:  120%; font-weight: bold; color: #999900;
			margin: 5px 5px 5px 10px; }
H4			{ font-family: Verdana, Arial, Helvetica, Sans-serif; 
			font-size:  95%; font-weight: bold; color: #999900; 
			margin: 5px 5px 5px 10px; }
H5			{ font-family: Verdana, Arial, Helvetica, Sans-serif; 
			font-size:  95%; font-weight: bold; color: #993333; 
			margin: 5px 0px 3px 0px; }
H6			{ font-family: Verdana, Arial, Helvetica, Sans-serif; 
			font-size:  95%; font-weight: bold; color: #999900; 
			margin: 5px 0px 3px 0px; }
.H7			{ font-family: Verdana, Arial, Helvetica, Sans-serif; 
			font-size:  65%; font-weight: bold; color: #993333; 
			margin: 5px 5px 5px 5px; }
.H8			{ font-family: Verdana, Arial, Helvetica, Sans-serif; 
			font-size:  80%; font-weight: bold; color: #003366; 
			margin: 0px 10px 20px 5px; }

.wrapperbox		{ margin: 10px auto 10px auto; width: 900px; padding: 5px; 
			background-color: #99CCCC; color: #003366; 
			border: 2px solid #003366; }

TABLE.titletab	{ font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 120%; line-height: 110%; color: #003366; 
			background-color: #FFFFFF; font-weight: bold; 
			text-align: left; border-bottom: 5px solid #99CCCC; 
			height: 100px; width: 100%; vertical-align: middle; }
TABLE.titletab H1	{ font-family: Verdana, Arial, Helvetica, Sans-serif; 
			font-size:  120%; font-weight: bold; color: #003366; 
			margin: 5px 5px 10px 10px; }
TABLE.titletab H2	{ font-family: Verdana, Arial, Helvetica, Sans-serif; 
			font-size: 85%; font-weight: bold; color: #999900; 
			margin: 10px 5px 5px 10px; }

TABLE.menutab	{ background-color: #99CCCC; width: 125px; 
			border: 5px solid #99CCCC; }
TABLE.menutab td	{ width: 125px; height: 45px; text-align: center;
			vertical-align: middle; font-weight: bold; font-size: 90%; 
			background-image: url(../files/button003366.gif); }
TABLE.menutab td h1	{ font-weight: bold; font-size: 85%; }

TABLE.contenttab	{ width: 100%; background-color: #FFFFFF; margin-top: 0px;
			border-left: 20px solid #FFFFFF; 
			border-right: 20px solid #FFFFFF;
			border-top: 10px solid #FFFFFF;}
TABLE.contenttab td	{ width: 100%; text-align: left; color: #003366; 
				font-size: 90%; background-color: #FFFFFF; }

TABLE.memberstab	{ background-color: #FFFFFF; }
TABLE.memberstab td	{ width: 230px; text-align: left; font-size: 80%; 
				color: #003366; }
TABLE.tab		{ background-color: #FFFFFF; }
TABLE.tab td	{ width: 300px; text-align: left; font-size: 90%; 
				color: #003366; }

.picturebox		{ float:  none; padding: 5px; margin: 5px 0px 5px 20px; 
			background-color: #99CCCC; text-align: center;}
.picturebox470	{ float:  none; padding: 5px; margin: 5px 0px 5px 20px; 
			background-color: #99CCCC; width: 470px; text-align: center;}
.pictureboxr160	{ float: right; padding: 5px; margin: 5px 0px 5px 20px; 
			background-color: #99CCCC; width: 160px;  text-align: center;}
.pictureboxr260	{ float: right; padding: 5px; margin: 5px 0px 5px 20px; 
			background-color: #99CCCC; width: 260px; color: #003366; 
			font-size: 70%; text-align: right; text-align: center;}
.pictureboxl260	{ float: left; padding: 5px; margin: 5px 20px 5px 0px; 
			background-color: #99CCCC; width: 260px; color: #003366; 
			font-size: 70%; text-align: right; text-align: center;}
.pictureboxr	{ float:  right; padding: 5px; margin: 5px 0px 5px 20px; 
			background-color: #99CCCC; text-align: center; }

ul		{list-style-image: url(../files/dot.gif); 
		margin: 5px 5px 10px 10px; }