﻿/*Editor classes - used for CMS Editor */

/*Duplicate from styles.css*/
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align: left;
	background-repeat:repeat-y;
	background-image:url(/images/bg_gray2.jpg);
	background-position:center;
	background-color: #E4E4E4;
}
a:link, a:visited{
	color:#000000;
	font-weight:bold;
	text-decoration: none;
}

a:focus, a:hover, a:active{
	color:#000000;
	font-weight:bold;
	text-decoration: underline;
}


h1 {
	font-size:200%;
	font-weight:bold;
	color:#F89838;
}
h2 {
	font-size:180%;
	font-weight:bold;
	color:#F89838;
}
h3 {
	font-size:150%;
	font-weight:bold;
	color:#F89838;
}
h4 {
	font-size: 120%;
	font-weight:bold;
	margin-bottom:2px;
	color:#F89838;
}
p {
	margin-top:0px;
	margin-bottom:11px;
	margin-left:0px;
	margin-right:0px;
}

p.dashedLine {
	margin:0px;
	border-bottom: 1px dashed #CCCCCC;
	margin-left:10px;
	margin-right:10px;
}	
p.dottedLine {
	margin:0px;
	border-bottom: 1px dotted #CCCCCC;
	margin-left:10px;
	margin-right:10px;
}	
p.solidLine {
	margin:0px;
	border-bottom: 1px solid #CCCCCC;
	margin-left:10px;
	margin-right:10px;
}	

.greyBackground { background-color:#EEEEEE; }
.ActivitiesColor {color:#11679B;}
.AdventuresColor {color:#6B8E23;}
.CommunityColor{color:#CC9933;}
.ChildCareColor{color:#A94399;}
.EducationColor{color:#CCDB29;}
.FamilyFindsColor{color:#9A3233;}
.HealthColor{color:#69C8CA;}
.OutOfSchoolColor{color:#333466;}
.OutofSchoolTimeColor{color:#333466;}
.ParentResourcesColor{color:#65672A;}
.SpecialNeedsColor{color:#996632;}
.DefaultColor{color:#F89838;}

.ekContentFull {
	float:left;
	width:570px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	vertical-align:top;
	width:expression(this.width > 570 ? "570px": this.width)
}
.ekContentLeftHalf {
	float:left;
	width:270px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	vertical-align:top;
	text-align:left;
	width:expression(this.width > 270 ? "270px": this.width)
	
}
.ekContentRightHalf {
	float:right;
	width:270px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	vertical-align:top;
	text-align:left;
	width:expression(this.width > 270 ? "270px": this.width)
}
.ekContentLeftThird {
	float:left;
	width:178px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	vertical-align:top;
	text-align:left;
	width:expression(this.width > 178 ? "178px": this.width)
	
}
.ekContentLeftTwoThird {
	float:left;
	width:362px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	vertical-align:top;
	text-align:left;
	width:expression(this.width > 362 ? "362px": this.width)
}
.ekContentRightOneThird {
	float:right;
	width:178px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	vertical-align:top;
	text-align:left;
	width:expression(this.width > 178 ? "178px": this.width)
}
.ekContentRightTwoThird {
	float:right;
	width:362px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	vertical-align:top;
	text-align:left;
	width:expression(this.width > 362 ? "362px": this.width)
}

.ekContentBottom {
	float:left;
	width:362px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	vertical-align:top;
	text-align:left;
	width:expression(this.width > 362 ? "362px": this.width)
}

.ekContentBottom2 {
	float:left;
	width:530px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	vertical-align:top;
	text-align:left;
	width:expression(this.width > 530 ? "530px": this.width)
}
