/* ===== Audience Button Styles ===== */

#audiencebutton {
	margin: 0px auto;
	width: 960px;
	height: 192px;
	background-color: #144677;	
	padding-top: 2px;
}

#audiencebutton h1{
	position: absolute;	
	background: #1c84b9  url(/NetSmartz_v3/images/master/blue_icon.gif) no-repeat 10px 4px;
	font:  25px impact;
	padding-left: 25px;
	color: #fff;
	width: 935px;	
	height: 34px;
	text-transform: uppercase;
}

#audiencebutton .square{
	margin: 0px 6px -2px 2px;
}

#audiencebutton .audiencebutton-box{
	margin: -3px auto;
	width: 960px;
	background-color: #605ca8;
}

/* ===== Rollover Images ===== */

#audiencebutton .parents-rollover {
	float: left;
	margin:7px 0px 0 35px;
	display: block;
	width: 140px;
	height: 179px;
	background-image: url(/~/media/NetSmartz/Images/master/parents.ashx);
}

#audiencebutton .parents-rollover:hover {
	height: 182px;
	background-position: 0 -181px;
}

#audiencebutton .educators-rollover {
	float: left;
	margin: 7px 0px 0 10px;
	display: block;
	width: 140px;
	height: 179px;
	background-image: url(/~/media/NetSmartz/Images/master/educators.ashx);
}

#audiencebutton .educators-rollover:hover {
	height: 182px;
	background-position: 0 -181px;
}

#audiencebutton .law-rollover {
	float: left;
	margin: 7px 0px 0 10px;
	display: block;
	width: 140px;
	height: 179px;
	background-image: url(/~/media/NetSmartz/Images/master/lawenforcement.ashx);
}

#audiencebutton .law-rollover:hover {
	height: 182px;
	background-position: 0 -181px;
}

#audiencebutton .teens-rollover {
	float: left;
	margin: 7px 0px 0 10px;
	display: block;
	width: 140px;
	height: 179px;
	background-image: url(/~/media/NetSmartz/Images/master/teens.ashx);
}

#audiencebutton .teens-rollover:hover {
	height: 182px;
	background-position: 0 -181px;
}

#audiencebutton .tweens-rollover {
	float: left;
	margin: 7px 0px 0 10px;
	display: block;
	width: 140px;
	height: 179px;
	background-image: url(/~/media/NetSmartz/Images/master/tweens.ashx);
}

#audiencebutton .tweens-rollover:hover {
	height: 182px;
	background-position: 0 -181px;
}

#audiencebutton .kids-rollover {
	float: left; 
	margin: 7px 0px 0 10px;
	display: block;
	width: 140px;
	height: 179px;
	background-image: url(/~/media/NetSmartz/Images/master/kids.ashx);
}

#audiencebutton .kids-rollover:hover {
	height: 182px;
	background-position: 0 -181px;
}

.purple #audiencebutton  h1 {
	background: #8749b8  url(/NetSmartz_v3/images/master/purple_icon.gif) no-repeat 10px 4px !important;
}

.yellow #audiencebutton  h1 {
	background: #f2b413  url(/NetSmartz_v3/images/master/yellow_icon.gif) no-repeat 10px 4px !important;
}

.red #audiencebutton  h1 {
	background: #cd3301 url(/NetSmartz_v3/images/master/red_icon.gif) no-repeat 10px 4px !important;
}