html, body		{background-color: #fff;
			font-family: 'Lucida Grande',verdana,arial,sans-serif;
			height: 100%;
			}
    
h1			{color: 02336d;
			font-size: 30px; 
			font-weight: normal;
			position: absolute;
			top: 34px;
			left: 0px;
			}

h2			{color: 5e7660;
			font-size: 16px; 
			position: absolute;
			top: 19px;
			left: 0px;
			}

h3			{color: 02336d;}

/* this is how you write a comment */
/* "." indicates class */

h3.subheader	{color: navy;}

/* "#" indicates id */

#header		{position: absolute;
		left: 0;
		width: 100%;
		height: 75px;
		background-color: ffffff;
		}

#headertext	{position: absolute;
		top: 0;
		left: 100px;
		width: 100%;
		z-index: 0;
		}

.headerlink a:link {
	color: #5e7660;
	text-decoration: none;
}
.headerlink a:visited {
	color: #5e7660;
	text-decoration: none;
}
.headerlink a:hover { 
	color: #5e7660;
	text-decoration: underline; 
}
.headerlink a:active {
	color: #5e7660;
	text-decoration: none;
}	

#menubar	{position: absolute;
		left: 0;
		/* top: 120px; */
		top: 100px;
		width: 100%;
		height: 35px;
		background-color: 02336d;
		}	

#menubartext	{position: absolute;
		top: 9px;
		left: 509px;
		font-size: 12px;
		color: ffffff;
		z-index: 1;
		}

.menubarlink a:link {
	color: #ffffff;
	text-decoration: none;
}
.menubarlink a:visited {
	color: #ffffff;
	text-decoration: none;
}
.menubarlink a:hover { 
	color: #ffffff;
	text-decoration: underline; 
}
.menubarlink a:active {
	color: #ffffff;
	text-decoration: none;
}	

#leftmenu 	{position: absolute;
		left: 0px;
		top: 135px;
		width: 210px;
		height: 100%;
		/* overflow: hidden; */
		background-color: 5b738f;
		z-index: 0;
		}	


#leftheader	{position: relative;
		left: 29px;
		top: 5px;
		font-weight: bold;
		font-size: 13px;
		color: ffffff;
		z-index: 1;
		}
	
.leftlink a:link {
	color: #ffffff;
	text-decoration: none;
}
.leftlink a:visited {
	color: #ffffff;
	text-decoration: none;
}
.leftlink a:hover { 
	color: #ffffff;
	text-decoration: underline; 
}
.leftlink a:active {
	color: #ffffff;
	text-decoration: none;
}	
	
#leftsubheader	{position: relative;
		top: -11px;
		left: 12px;
		font-size: 12px;
		color: abc9ec;
		z-index: 1;
		}	

.leftsublink a:link {
	color: #abc9ec;
	text-decoration: none;
}
.leftsublink a:visited {
	color: #abc9ec;
	text-decoration: none;
}
.leftsublink a:hover { 
	color: #abc9ec;
	text-decoration: underline; 
}
.leftsublink a:active {
	color: #abc9ec;
	text-decoration: none;
}

#logo	{position: absolute;
		left: 0px;
		top: 0px;
		height: 70px;
		z-index: 0;
		}

#leftmenudot {position: relative;
		left: -13px;
		top: 12px;
		z-index: 0;
		}
		
#content	{
	position: absolute;
	font-size: 12px;
	top: 139px;
	left: 231px;
	width: 535px;
	height: 449px;
		}

.mainlink a:link {
	color: #113275;
	text-decoration: none;
}
.mainlink a:visited {
	color: #113275;
	text-decoration: none;
}
.mainlink a:hover { 
	color: #113275;
	text-decoration: underline; 
}
.mainlink a:active {
	color: #113275;
	text-decoration: none;
}

#table1		{width: 99%;
		}

#table1 td	{width: 35%; 
		}

#table1 th	{color: red;
		}

#table1 caption	{text-align: -moz-center;
		color: navy;
		font-weight: bold;
		}

p.box		{color: #fff;
		text-align: center;
		margin: 25px;
		background-color: #800;
		border: dotted orange 5px;
		padding: 10px;
		}

.bold		{font-weight: 700}

.underline	{text-decoration: underline;}

.italic		{font-style: italic;}

.bu			{text-decoration: underline;
			font-weight: 700}

.bi			{}

ul li		{list-style-type: square;
			}