/* Body Styles */

body {height:100%; width:100%; background-color:#E7D1E8; color:#FFFFFF; margin:0px; font-family:Helvetica, Arial, sans-serif; font-size:13px;}

a {color:#C6006F;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none; color:#9B085F;}
a:active {text-decoration: none;}


/* Page Structure */
.Header {background-color:#C60070; height:120px; border-bottom:#FFF 3px solid; margin-bottom:12px; clear:both;}
.Header960 {width:960px; text-align:left; clear:both;}
.Links {width:953px; padding-left:0px; text-align:left; background-image:url(../images/LB.gif); background-repeat:repeat-x; height:52px; margin-bottom:10px; clear:both; z-index:100;} 
.Keys {width:960px; text-align:left; height:120px; margin-bottom:10px; clear:both;} 
.Content {margin-bottom:20px; clear:both; clear:both; position:relative;}
.Content960 {width:960px; height:578px; text-align:justify; background-color:#F1C2DD; margin-bottom:30px; clear:both; border-bottom:#FFF 2px solid; position:relative;} 
.Footer {background-color:#C60070; border-top:#FFF 3px solid; clear:both; position:relative; margin-top:20px;}
.FooterNew a { font-size:16px; text-decoration:none; color:#FFF;}
.FooterNew a:hover {color:#E899C6;}
.Footer960 {width:960px; clear:both; position:relative;}
.FooterNew {position:relative; margin-top:20px; text-align:left; }
.Footer2 {background-color:#DD69AB; height:60px; border-top:#FFF 1px solid;  clear:both; position:relative;}
.Footer2960 {width:960px; text-align:left; color:#C60070;  clear:both; position:relative;}

 /* Header */
.Logo {margin-top:16px; width:360px; float:left; background-image:url(../images/the-cooperative-childcare-logo2.jpg); background-repeat:no-repeat;}
.HeaderLinks {padding-top:12px; width:500px; text-align:right; float:right;}
.InverstorsInPeople {padding-top:24px; width:500px; text-align:right; float:right;}
#Link1 {padding-left:20px; font-size:14px; font-weight:bold;}
#Link1 a {color:#FFF;}
#Link1 a:hover {text-decoration:none; color:#FCF;}

 /* Links */
.Link {padding:12px 20px 10px 20px; color:#C6006F; float:left; clear:none; font-size:20px; font-weight:bold;}
.Link a {color:#C6006F; }
.Link a:hover {text-decoration:none; color:#D1288D;}

 /* Keyss */
#Key1 {color:#D74D9B; float:left; clear:none; display: block; width: 240px;  height: 120px; background-image:url(../images/key-1.jpg); background-repeat:no-repeat;}
#Key1:hover {background-image:url(../images/key-2.jpg);}
#Key2 {color:#D74D9B; float:left; clear:none; display: block; width: 240px;  height: 120px; background-image:url(../images/key-7.jpg); background-repeat:no-repeat;}
#Key2:hover {background-image:url(../images/key-8.jpg);}
#Key3 {color:#D74D9B; float:left; clear:none; display: block; width: 240px;  height: 120px; background-image:url(../images/key-3.jpg); background-repeat:no-repeat;}
#Key3:hover {background-image:url(../images/key-4.jpg);}
#Key4 {color:#D74D9B; float:left; clear:none; display: block; width: 240px;  height: 120px; background-image:url(../images/key-5.jpg); background-repeat:no-repeat;}
#Key4:hover {background-image:url(../images/key-6.jpg);}

 /* Content */
.Left {padding:12px; width:544px; float:left; background-color:#FFF; color:#333333;}
.LeftHome {width:568px; float:left; color:#666666; margin:8px 8px 0px 8px; position:relative;}
.Left1 {padding:12px; width:544px; float:left; background-color:#FFF; color:#D74D9B; margin:8px 0px 0px 8px;}
.BannerImageNew {border-bottom:#F1C2DD 8px solid;}
.RightHome {width:366px; float:right; margin:0px 8px 8px 0px;  position:relative;}

.LeftHome1 {width:568px; float:left; color:#666666; margin:8px 8px 0px 8px; position:relative; background-color:#066;}
.RightHome1 {width:366px; float:left; margin:8px 0px 8px 0px;  position:relative; background-color:#FF6;}

.Right {padding:12px; width:342px; float:right; clear:right; color:#333333; background-color:#FFF; margin:8px 8px 0px 0px;}
.RightNew2 {width:366px; float:right; clear:right; color:#333333; background-color:#FFF; margin:8px 0px 0px 0px;}
#H1 {font-size:18px; font-weight:bold; color:#D74D9B; border-bottom:#D74D9B 2px solid; margin:2px 0px 12px 0px; padding-bottom:4px;}
#H2 {font-size:16px; font-weight:bold; color:#FFFFFF; background-color:#FF8218; border-bottom:#EF6C0A 2px solid; padding:8px 0px 8px 12px; margin-bottom:4px;}
#H3 {font-size:16px; font-weight:bold; color:#FFFFFF; background-color:#772080; border-bottom:#560F60 2px solid; padding:8px 0px 8px 12px; margin-bottom:4px;}
#H4 {font-size:16px; font-weight:bold; color:#FFFFFF; background-color:#4DC200; border-bottom:#429E07 2px solid; padding:8px 0px 8px 12px; margin-bottom:4px;}
#H5 {font-size:16px; font-weight:bold; color:#FFFFFF; background-color:#00BFB0; border-bottom:#039385 2px solid; padding:8px 0px 8px 12px; margin-bottom:4px;}
#H6 {font-size:26px; font-weight:bold; color:#d962a5; margin:20px 0px 0px 0px; text-align:center;}
#T2 {padding:12px;}
.heading-pink {font-size:16px; color:#D74D9B; font-weight:bold;}
.heading-pink-light {font-size:16px; color:#D74D9B;}
.heading-pink-light-under {font-size:16px; color:#D74D9B; border-bottom:solid 2px #D74D9B; padding-bottom:2px;}
.font16 {font-size:16px;}
.NurseryImage{float:right; margin-top:8px; margin-right:8px;}
.submit { background-image:url(../images/submit.gif); background-repeat:no-repeat; border:none; width:147px; height:35px; margin-top:10px;}
 /* Footer */
.Footernurseries {text-align:center; margin:10px 0px 10px 0px; font-size:18px; font-weight:bold;}
.Footernurseries td {padding:0px 0px 16px 0px}
 
 /* Footer 2 */
 .SocialMediaLinks {float:left; width:300px; margin:22px 0px 0px 0px;}
#Link6 {padding-right:20px;}
.Copywrite {float:right; width:660px; text-align:right; margin:22px 0px 0px 0px;}
#Link7 {padding-left:20px;}
 
/* New */
.ContentNew {width:960px; clear:both; position:relative; z-index:10;} 
.Contentbackground {width:960px; text-align:justify; background-color:#C793C9; margin-bottom:30px; color:#333333; float:left; border-bottom:#FFF 2px solid; position:relative; padding-bottom:12px; z-index:10;} 
.LeftNew {padding:12px; width:544px;  float:left; background-color:#FFF; margin:8px 0px 0px 8px; position:relative;}
.LeftFull {padding:12px; width:920px; float:left; background-color:#FFF; margin:8px 0px 0px 8px;}
.LeftFull-fun {padding:12px; width:920px; float:left; background-color:#FFF; margin:0px 0px 0px 8px;}
.RightNew {padding:12px; width:342px; float:right; clear:right; background-color:#FFF; color:#333333; margin:8px 8px 0px 0px;}
.RightChildren {float:right; clear:right; margin:8px 8px 0px 0px;}
.fun-zone-header {margin-left:8px; margin-top:8px;}

/* About Us */
.Content960_About {width:960px; height:446px; text-align:left; background-color:#F1C2DD; margin-bottom:30px; clear:both; border-bottom:#FFF 2px solid; position:relative;} 
.Left_About {padding:12px; width:544px; height:400px; float:left; background-color:#FFF; color:#666666; margin:8px 0px 0px 8px;}
.Right_About {padding:12px; width:342px; float:right; height:400px; clear:right; background-color:#FFF; color:#666666; margin:8px 8px 0px 0px;}

/* Who we are */
.Content960_WhoWeAre {width:960px; height:900px; text-align:left; background-color:#F1C2DD; margin-bottom:30px; clear:both; border-bottom:#FFF 2px solid; position:relative;} 
.Left_WhoWeAre {padding:12px; width:544px; float:left; background-color:#FFF; color:#666666; margin:8px 0px 0px 8px;}
.Right_WhoWeAre {padding:12px; width:342px; float:right; height:400px; clear:right; background-color:#FFF; color:#666666; margin:8px 8px 0px 0px;}

/* OurPeople */
.Content_OurPeople {width:960px; height:860px; text-align:left; background-color:#F1C2DD; margin-bottom:30px; color:#666666; clear:both; border-bottom:#FFF 2px solid; position:relative;} 
.Left_OurPeople {padding:12px; width:544px;  float:left; background-color:#FFF; margin:8px 0px 0px 8px;}
.Right_OurPeople {padding:12px; width:342px; float:right; height:660px; clear:right; background-color:#FFF; color:#666666; margin:8px 8px 0px 0px;}

/* ParentsPartnership */
.Content_ParentsPartnership {width:960px; height:860px; text-align:left; background-color:#F1C2DD; margin-bottom:30px; color:#666666; clear:both; border-bottom:#FFF 2px solid; position:relative;} 
.Left_ParentsPartnership {padding:12px; width:544px;  float:left; background-color:#FFF; margin:8px 0px 0px 8px;}
.Right_ParentsPartnership {padding:12px; width:342px; float:right; height:660px; clear:right; background-color:#FFF; color:#666666; margin:8px 8px 0px 0px;}

/* EYSF */
.Content_EYFS {width:960px; height:860px; text-align:left; background-color:#F1C2DD; margin-bottom:30px; clear:both; border-bottom:#FFF 2px solid; position:relative; padding-top:1px;} 
.Left_EYFS {padding:12px; background-color:#FFF; color:#666666; margin:7px 8px 0px 8px;}
 
.fun-left {width:410px; margin:0px 20px 30px 26px; float:left;}
.fun-right {width:410px; margin:0px 0px 30px 24px; float:left;}

/* EYSF */
.NewsBackground {float:left; position:relative; padding:12px; background-color:#FFF; color:#666666; margin:7px 8px 0px 8px; width:920px;}
.NewsImage {float:left; position:relative;}
.NewsTitle {width:700px; float:left; position:relative; font-size:16px; padding-left:12px; font-weight:bold;}
.NewsText {width:690px; float:left; position:relative; padding-left:12px;}
.NewsIE7Fix {color:#FFF; font-size:8px;}

/* Navigation */
.menu {width:960px; font-size:0.85em; padding-bottom:300px; z-index:100;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; z-index:100;}
.menu ul ul {width:180px; z-index:100;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative; z-index:100;}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:18px;
font-weight:bold;
text-decoration:none; 
color:#FFFFFF; 
border:1px solid #fff; 
border-width:1px 0 0 0;
background-image:url(../images/LB3.gif);
background-repeat:repeat-y;
padding:10px 16px 10px 15px;
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:130px;
w\idth:130px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#949e7c;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65;
}
.menu ul ul :hover > a.drop {
background:#c9ba65;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:50px;
left:0; 
width:180px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:50px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:130px; 
top:0;
width:130px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-130px;
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#C6006F; 
color:#FFFFFF; 
height:auto; 
line-height:1em; 
padding:10px 10px; 
width:299px;
font-size:16px;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:290px;
w\idth:289px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#FFFFFF; 
background:#d1338d;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#FFFFFF;
background:#d1338d;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}