/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
}

table {
	width: 100%;
	height: 100%;
}

td {
	vertical-align: top;
	text-align: center;
}
	
div.container {
	position: relative;
	margin: 0 auto;
	width: 700px;
	height: 520px;
	text-align: left;
}	

div.banner {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 60px;
	width: 620px;
	background-color: #33CCFF;
	background-image: url(blue-back.gif);
}

div.menuBar {
	position: absolute;
	top: 63px;
	left: 0px;
	height: 20px;
	width: 620px;
	background-color: #336699;
}

.menuItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 20px;
	width: 95px;
}

.menuItem a {
	color: #FFFFFF;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-color: #336699;
	text-decoration: none;
	width: 95px;

}
	
.menuItem a:hover {
	color: #336699;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-color: #99CCFF;
	text-decoration: none;
	width: 95px;
}	

.menuItem2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 20px;
	width: 95px;
}
.menuItem2 a {
	color: #FFFFFF;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-color: #ff9900;
	text-decoration: none;
	width: 95px;

}

.menuItem2 a:hover {
	color: #FFFFFF;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-color: #ff9900;
	text-decoration: none;
	width: 95px;

}

div.menuOver1 {
	position: absolute;
	top: 82px;
	left: 2px;
	height: 50px;
	width: 103px;
	background-color: #FFCC99;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	visibility: hidden;
	padding: 3px;


}

div.menuOver2 {
	position: absolute;
	top: 82px;
	left: 111px;
	height: 50px;
	width: 95px;
	background-color: #FFCC99;
	padding: 3px;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	visibility: hidden;
}

div.menuOver3 {
	position: absolute;
	top: 82px;
	left: 212px;
	height: 50px;
	width: 95px;
	background-color: #FFCC99;
	padding: 3px;
	z-index: 3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	visibility: hidden;
}

div.menuOver4 {
	position: absolute;
	top: 82px;
	left: 314px;
	height: 50px;
	width: 95px;
	background-color: #FFCC99;
	padding: 3px;
	z-index: 4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	visibility: hidden;
}

div.menuOver5 {
	position: absolute;
	top: 82px;
	left: 416px;
	height: 50px;
	width: 95px;
	background-color: #FFCC99;
	padding: 3px;
	z-index: 5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	visibility: hidden;
}

div.menuOver6{
	position: absolute;
	top: 82px;
	left: 518px;
	height: 50px;
	width: 95px;
	background-color: #FFCC99;
	padding: 3px;
	z-index: 6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	visibility: hidden;
}

div.mainContent {
	position: absolute;
	top: 84px;
	left: 0px;
	height: 220px;
	width: 330px;
	background-color: #336699;
	visibility: visible;
	z-index: 0;

}

div.words {
	position: absolute;
	top: 84px;
	left: 330px;
	height: 220px;
	width: 290px;
	background-color: #3399CC;
	visibility: visible;
	z-index: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: justify;
	vertical-align: top;
	padding: 10px;

}

div.divider {
	position: absolute;
	top: 304px;
	left: 0px;
	height: 20px;
	width: 620px;
	background-color: #FFCC66;
}

.menuItem1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 20px;
	width: 205px;
}

.menuItem1 a {
	color: #FFFFFF;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-color: #FF9900;
	text-decoration: none;
	width: 207px;

}
	
.menuItem1 a:hover {
	color: #FFFFFF;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-color: #333399;
	text-decoration: none;
	width: 207px;
}	

div.box1 {
	position: absolute;
	top: 324px;
	left: 0px;
	height: 190px;
	width: 206px;
	background-color: #0099CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

div.box2 {
	position: absolute;
	top: 324px;
	left: 206px;
	height: 190px;
	width: 207px;
	background-color: #CC9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}

div.box3 {
	position: absolute;
	top: 324px;
	left: 413px;
	height: 190px;
	width: 207px;
	background-color: #336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}

.img1 {
	margin-top: 10px;
	margin-left: 18px;
	text-decoration: none;
	border: 0px none 0;
	
}

p {
	font-family: verdana, arial, sans serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-align: justify;
}
