body {
	margin:				0;
	padding:			0;
	border:				0;
}

.clMastheadDiv {
	background-color:	#b7cad0; 
	position:			relative;
	left:				0;
	top:				0;
/*	width:				758px;	*/
	width:				575pt;
	height:				70pt;
	margin-left:		auto;
	margin-right:		auto;
	padding-left:		7pt;
	padding-right:		0;
	padding-top:		6pt;
	padding-bottom:		0;
/*
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
*/
}

.clMastheadDiv table td {
	padding-left:			0.5em;
}

/*
See http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/
%vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
*/

.clMastheadText {
	color:				#006666;
	font-family:		Verdana;
	font-size:			24pt;
	line-height:		30px;
	font-weight:		bold;
/*
	@extend %vertical-align;
*/
}

.clNavBar {
	padding:			0;
	list-style-type:	none;
	width:				575pt;
	margin-left:		auto;
	margin-right:		auto;
}

.clNavBarItem {
	margin-left:		10px;
	display:			inline;
}

.clMainArea {
	width:				575pt;
	margin-left:		auto;
	margin-right:		auto;
}

.clLeftMenu {
	background-color:	#b7cad0; 
	position:			relative;
	left:				0;
	top:				0;
	float:				left;
	width:				225px;
	padding-left:		14px;
	padding-bottom:		14px;
}

.clLeftMenuItem {
	position:			relative;
	left:				0;
	top:				0;
	margin-top:			14px;
	font-size:			14px;
	line-height:		17px;
}

.clLeftMenuText {
	position:			absolute;
	left:				20px;
	top:				20px;
	width:				171px;
	font-family:		sans-serif;
	font-size:			12px;
	font-weight:		bold;
}

.clInfoArea {
	position:			relative;
	margin-left:		249px;
	left:				0;
	top:				0;
	width:				512px;
}

.clInfoAreaTitleDiv {
	position: relative;
	background-color:	#b7cad0; 
	width:				488px;
	height:				42px;
	font-family:		sans-serif;
	font-size:			14pt;
	font-weight:		bold;
	color:				#fff;
	padding-left:		30px;
}

.clInfoAreaTitleText {
}

.clInfoAreaMain {
	width:				482px;
	font-family:		sans-serif;
	font-size:			14pt;
	color:				#000;
	padding-left:		30px;
	padding-top:		15px;
	padding-bottom:		15px;
}

.clInfoAreaHeading {
	font-family:		sans-serif;
	font-size:			16pt;
	font-weight:		bold;
}

.clInfoAreaList {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.clInfoAreaList li {
	background-image:	url(images/blueGlassCircle.gif);
	background-repeat:	no-repeat;
	background-position: 0px 5px;
	padding-left:		14px;
	margin-top:			14px;
	font-family:		sans-serif;
	font-size:			14pt;
}

.clApplicationsList {
	font-family:		sans-serif;
	font-size:			14pt;
}