html { width: 100%; height: 100%; }
			body { margin: 0px; background: #37454C;  font-family: tahoma, helvetica, arial, sans serif; font-size: 0.68em; }
			img { border: 0px; }
			a {	font-weight: bold; color: white; }
			a:hover { color: orange; }
			#header { width: 100%; background: url('assets/images/general/header-backing.png') bottom repeat-x; position: absolute; top: 0px; height: 101px; text-align: center; }
			#nav-bottom { width: 100%; background: url('assets/images/general/bottom-backing.png') bottom repeat-x; position: absolute; bottom: 0px; height: 185px; text-align: center; }
			#nav-bottom ul, #nav-bottom .sublinks ul { list-style: none; }
			#nav-bottom li { display: inline; padding-right: 50px; }
			#nav-bottom .sublinks { position: absolute; bottom: 0px; text-align: center; width: 100%; float: left; }
			#nav-bottom .sublinks li { display: inline; padding-right: 30px; }
			#nav-bottom .pad { padding-top: 60px; }
			#main { width: 100%; height: 100%; }
			.clearer { clear: both; width: 100%; height: 1px; }
			.contentClearer { clear: both; width: 100%; height: 15px; }
			.contentPad	{ padding: 10px 21px 10px 28px; }
			p { margin: 0px; padding: 0px; color: white; line-height: 140%;}

			.quartetPanels { width: 1005px; height: 280px; margin-top: 20px; }
			.quartetPanels .quartetMember { width: 250px;  height: 100%; float: left; }
			.quartetPanels .quartetMember a { display: block; width: 97%; height: 100%; text-decoration: none;}

.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#dedede;
    padding:5px;
    border:1px solid #fff;
    width:130px;
}

.tooltip p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:#222;
    padding:2px 7px;
}