body 
{
	margin: 0px;
	height: 100%;
	width: 100%;
	background-color: #76878e;
}

.matrix1 { 
	border : 1px solid #8a9f9a ; 
}


.sideBar{
	background-color: #2a4846;
	padding: 10px;
	height: 100%;
	text-align:justify;
}
.sideBarDark
{
	background-color: #2a4846;
}
.sideBarLight{
	background-color: #456562;
	padding: 10px;
	text-align:justify;
	border-top:dotted;
	border-top-color: #688684;
	border-top-style:dotted;
	border-top-width:thin;
	border-bottom:dotted;
	border-bottom-color: #688684;
	border-bottom-style:dotted;
	border-bottom-width:thin;
}

.contentHeader{
	background-color: white;
	padding: 10px;
	text-align:justify;
	border-top-color: white;
	border-top-style:dotted;
	border-top-width:thin;
	border-bottom:dotted;
	border-bottom-color: #c8d3d7;
	border-bottom-style:dotted;
	border-bottom-width:thin;
}

.contentArea
{
	background-color: white;
	padding: 10px;
	height: 100%;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #343434;	
	
}

.leftNav{
	color: #3e5c5a;
	background-color: #2a4846;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:500;
	padding: 5px;
	padding-left: 20px;
}

.generalPad{
	color: #3e5c5a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:500;
	padding: 10px;
	text-align:left;
}

.rightNav{
	color: #3e5c5a;
	background-color: #2a4846;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:500;
	padding: 5px;
	padding-right: 20px;
}