/* CSS Document */

/*============================================================
  Created for: The Ark (Sure Start)
  Company: Creative Smile
============================================================*/

/* Basic page styles - font colours etc */

body { 
	margin:0px;
	margin-top:40px;
	background-color:#FFFFFF;
	color:#868686;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
}

.NavAct { color: #FFFFFF; font-size:18px; font-weight:bold; text-decoration:none; }
.Nav:link { color: #FFFFFF; font-weight:bold; text-decoration:none; }
.Nav:Active { color: #FFFFFF; font-weight:bold; text-decoration:none; }
.Nav:Visited { color: #FFFFFF; font-weight:bold; text-decoration:none; }
.Nav:Hover { color: #FFFFFF; font-weight:bold; text-decoration:none; }

.footCopy { color:#FFFFFF; font-size:10px; margin:18px; margin-left:28px; float:left; }
.foottext { color:#FFFFFF; font-size:10px; margin:18px; float:left; }

.footLink:Link { color:#FFFFFF; font-size:10px; text-decoration:none; }
.footLink:Active { color:#FFFFFF; font-size:10px; text-decoration:none; }
.footLink:Visited { color:#FFFFFF; font-size:10px; text-decoration:none; }
.footLink:Hover { color:#dddddd; font-size:10px; text-decoration:none; }

.TextCont { margin:20px; margin-top:30px; }
.TitleText { color:#295782; font-size:24px; }

/* Div cells (footer div not here, further down page)*/

.Header { width: 726px; height: 75px; left:50%; margin-left: -363px; position:relative; float: left; }

.SureLogo { width: 250px; height:75px; float: left; }

.BodyCont {
	width:726px;
	min-height:635px;
	left:50%;
	margin:25px;
	margin-left: -363px;
	position:relative;
	float: left;
	background-color: #FFFFFF;
}

.FootCont { width:726px; left:50%; margin-left: -363px; position:relative; }

/* Navigation */

.NavText {
	margin: 4px;
	margin-left: 12px;
	margin-right: 12px;
}

.NavHome { float: right; margin-right:1px; margin-top:51px; background-color: #e34711; }
.NavHomeAct { float: right; margin-right:1px; margin-top:46px; background-color: #e34711; 
background-image:url(../images/NavAct_Home.gif); background-repeat:repeat-x; }
.NavHome:hover { background-color: #f87244; }

.NavFUN { float: right; margin-right:1px; margin-top:51px; background-color: #6c0fb3; }
.NavFUNAct { float: right; margin-right:1px; margin-top:46px; background-color: #6c0fb3; 
background-image:url(../images/NavAct_FUN.gif); background-repeat:repeat-x; }
.NavFUN:hover { background-color: #913ad4; }

.NavLinks { float: right; margin-right:1px; margin-top:51px; background-color: #0066ff; }
.NavLinksAct { float: right; margin-right:1px; margin-top:46px; background-color: #0066ff; 
background-image:url(../images/NavAct_Links.gif); background-repeat:repeat-x; }
.NavLinks:hover { background-color: #3183ff; }

.NavEvents { float: right; margin-right:1px; margin-top:51px; background-color: #ed14b7; }
.NavEventsAct { float: right; margin-right:1px; margin-top:46px; background-color: #ed14b7; 
background-image:url(../images/NavAct_Events.gif); background-repeat:repeat-x; }
.NavEvents:hover { background-color: #ef4dc7; }

.NavContact { float: right; margin-right:1px; margin-top:51px; background-color: #4bcd60; }
.NavContactAct { float: right; margin-right:1px; margin-top:46px; background-color: #4bcd60; 
background-image:url(../images/NavAct_Contact.gif); background-repeat:repeat-x; }
.NavContact:hover { background-color: #6ee080; }



/* page specific styles (blue, orange etc) ==FOOTER IS INCLUDED HERE== */

.hBarHome { width: 100%; height: 11px; background-color: #e34711; float: left;}
.footerHome { width: 100%; height: 50px; background-color: #e34711; float: left; }

.hBarFUN { width: 100%; height: 11px; background-color: #6c0fb3; float: left; }
.footerFUN { width: 100%; height: 50px; background-color: #6c0fb3; float: left; }

.hBarLinks { width: 100%; height: 11px; background-color: #0066ff; float: left; }
.footerLinks { width: 100%; height: 50px; background-color: #0066ff; float: left; }

.hBarEvents { width: 100%; height: 11px; background-color: #ed14b7; float: left; }
.footerEvents { width: 100%; height: 50px; background-color: #ed14b7; float: left; }

.hBarContact { width: 100%; height: 11px; background-color: #4bcd60; float: left; }
.footerContact { width: 100%; height: 50px; background-color: #4bcd60; float: left; }


/* CSS for Images */

.footlogo { margin-left:80px; border:0px; float:left; }

.HomeImgRight { border:0px; margin:15px; float:right; }