/* Fonts and background*/
body
	{
	font-family: verdana, 'Times New Roman', times, serif;
	font-size: 12px; 
	color: #FFFFFF;
	background: #696969;
	margin: 10px;
	text-align: left;
	}

a:link		{color: #ddddff;}
a:visited	{color: #ffdddd;}
a:hover	{color: #aaaaaa;}
a:active	{color: #000099;}

H1			{font-family: 'Times New Roman', Times, serif; font-size: 25px; text-align: center; font-weight:normal}
H2			{font-family: 'Times New Roman', Times, serif; font-size: 20px; padding-top: 15px;	text-indent: 10px;}
H3			{font-size:11px; font-weight:normal; text-indent: 20px; margin:0; padding:0;}
H4			{font-family: Arial, Helvetica, Verdana, sans-serif;}
H5			{font-size:13px; font-weight:bold; text-indent: 12px; margin:0; padding:10px 0px 0px 0px;}

p
{
	text-indent: 20px;
	margin: 5px;
	line-height: 150%;
	font-size: 12px;
}

hr
{
	background: none;
	height: 1px;
	border: solid 1px #ffffff;
}

table
	{
	border: 0;
	margin: 0;
	padding: 20 transparent;
	}

/* White text on black transparent background*/
.textcontainer {
	background:url(semitransparent.png);
	padding: 10px;
	line-height: 140%;
	width: 475px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 40px;
	margin-left: -55px;}

.main {
	width:880px;
	height:350px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-bottom: 27px;
	margin-left: -440px;
	padding: 0; }

.scrollArea {
	width: 870px;
	height: 350px;
	padding: 0px 5px;
	overflow: auto;}
.scroll1 {
	width: 280px;
	height: 350px;
	padding: 0px 5px;
	overflow: auto;}
.scroll2 {
	width: 520px;
	height: 350px;
	padding: 0px 5px;
	overflow: auto;}
.scroll3 {
	width: 395px;
	height: 350px;
	padding: 0px 5px;
	overflow: auto;}

li		{list-style-type:none;}
param	{background-color: transparent;}


/*Stlye for menus*/
.menus	{padding:0; margin:14px 0px 0px 0px; color: #FFFFFF;background: transparent;width:100%; border:solid 0px #45699D;clear:both;}
/*Color navigation bar normal mode*/
.menus  a, .menus a:visited
{
	font-family: 'Times New Roman', Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity = 80);
}
.menus ul {list-style-type:none;padding:0; margin:0;}
/*List style*/
.menus ul li {float:left; position:relative; z-index: 1000;}
/*Stlye main cells*/
.menus ul li a {color: #FFFFFF;background: transparent; float:left; display:block; height:25px; line-height:25px; padding:0 10px 0 10px;}
/*Hide sub cells normal mode*/
.menus ul li ul {display:none; border:none;color: #FFFFFF;background: transparent;}
/*Color main cells hovering mode*/
.menus ul li:hover a {background-color:#567AAE; color:#FFFFFF;}
/*Show sub cells when main cell hovered*/
.menus ul li:hover ul {display:block;  position:absolute; z-index:999; top:24px; margin-top:0px; left:0;}
/*Color subcells normal mode*/
.menus ul li:hover ul li a {display:block; width:120px; height:auto; line-height:9px; padding:5px 10px 5px 10px; border:solid 1px #44689C; background:#45699D;  color:#FFFFFF; font-weight: normal;}
/*Color subcells hovering mode*/
.menus ul li:hover ul li a:hover {background-color:#678BBD; font-weight: bold; color:#FFFFFF;}

.menus table {position:absolute; top:0; left:0; border-collapse:collapse;color: #FFFFFF;background: #45699D;}
/*Color main cells hovering mode*/
.menus ul li a:hover {background-color:#567AAE; color:#FFFFFF;} 
.menus ul li a:hover ul {display:block; width:120px; position:absolute; z-index:999; top:24px; left:0; }
 /*Color subcells normal mode*/
.menus ul li a:hover ul li a {display:block; width:120px; height:auto; line-height:9px; padding:5px 10px 5px 10px; border: solid 1px #44689C; background:#45699D;  color:#FFFFFF;}
/*Color subcells hovering mode*/
.menus ul li a:hover ul li a:hover {background-color:#678BBD;color:#FFFFFF;}

/*Sub-subcells hovering mode*/
.menus ul li:hover ul li ul {display:none;}
.menus ul li:hover ul li:hover ul {display:block; position:absolute; z-index:998; top:0; margin:0px; left:140px; }
.menus ul li:hover ul li:hover ul a {width:120px; height:auto; line-height:12px; padding:5px 10px 5px 10px; border:solid 1px #44689C; background:#45699D;  color:#FFFFFF; font-weight: normal;}
.menus ul li:hover ul li:hover ul a:hover {background-color:#678BBD; font-weight: bold; color:#FFFFFF;}


/* wrappers to align center of page */
#wrapper1 {
/*we need to tell the browser the size of the wrapper div*/
	width:880px;
	height:513px;
/*aligns the page to the center vertical (y)*/
	position: absolute;
	top: 50%;
	left: 50%;
/*resets the offset (should be half the width and height*/
	margin-top:-257px;
	margin-left:-450px;
/*allows us to see wrapper*/
	background-image: url(welcome.jpg);
	background-repeat: no-repeat;
	padding: 10px;
}
#wrapper2 {
/*we need to tell the browser the size of the wrapper div*/
	width:880px;
	height:513px;
/*aligns the page to the center vertical (y)*/
	position: absolute;
	top: 50%;
	left: 50%;
/*resets the offset (should be half the width and height*/
	margin-top:-257px;
	margin-left:-450px;
/*allows us to see wrapper*/
	background-image: url(background.jpg);
	background-repeat: no-repeat;
	padding: 10px;
}
#wrapper3 {
/*we need to tell the browser the size of the wrapper div*/
	width:900px;
	height:20px;
/*aligns the age to the center vertical (y)*/
	position: absolute;
	bottom: 0;
	left: 0;
/*resets the offset (should be half the width and height*/
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}