/*--- Global Styles ---*/

	/* commented backslash hack \*/ 
	html, body{height:100%;} 
	/* end hack */
	
	.slideshow img {
		display: none;
		}
		
		.slideshow img.first { display: block; }

	#page-header h1 a, #primary-navigation li a, #admin-navigation li a { 
		position: relative; 
		margin:0px; 
		padding:0px; 
		/* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ 
		}
		
	#page-header h1 a span, #primary-navigation li a span, #admin-navigation li a span {
		display:block; 
		position:absolute; 
		top:0px; 
		left:0px; 
		z-index:1; /*for Opera 5 and 6*/ 
		}

	body {
		background: url(../images/bg/page-bg.gif) repeat-x top #32abe1;
		height: 100%;
		font-family: Arial, Helvetica, sans-serif;
		}
		
	/*--- Page Container ---*/
	
	#page-container {
		width: 820px;
		margin: auto;
		background-color: #fff;
		height: auto;
		min-height: 100%;
		padding-left: 20px;
		padding-right: 20px;
		}
		
		* html div#page-container { height: 100%; }
	
	/*--- Page Header ---*/
	
	#page-header {
		height: 123px;
		border-top: 7px solid #32abe1;
		}
		
		#page-header h1 a, #page-header h1 a span {
			background: url(../images/spinning-top-logo.jpg) no-repeat;
			width: 600px;
			height: 122px;
			}

		#strapline {float:right; text-indent:-999em; background: url(../images/strapline.gif) top right no-repeat; width: 196px; height: 83px; }
	
	/*--- Promotions Area ---*/
		
	#page-promo {
		height: 220px;
		}
		
	/*--- Page Content ---*/
	
	#page-content {
		margin-top: 30px;
		}
		
		/*--- Primary Content ---*/
			
		#primary-content {
			width: 635px;
			float: left;
			position: relative;
			margin-bottom: 30px;
			}
			
			#breadcrum {
				background-color: #d5e8f1;
				height: 28px;
				padding-left: 10px;
				margin-bottom: 25px;
				}
				
				#breadcrum h2 {
					color: #1c89b5;
					font-size: 15px;
					line-height: 28px;
					}
					
					.green #breadcrum { background-color:#d8e7b5; }
					.green #breadcrum h2 { color:#5d771e; }
					
					.orange #breadcrum { background-color:#e7d2b6; }
					.orange #breadcrum h2 { color:#9d6924; }
					
					.purple #breadcrum { background-color:#dbc2e7; }
					.purple #breadcrum h2 { color:#7e24ab; }
					
					.yellow #breadcrum { background-color: #f8eeb8; }
					.yellow #breadcrum h2 { color: #a59015; }
					
					.red #breadcrum { background-color: #f0cfca; }
					.red #breadcrum h2 { color: #b53c28; }
			
			#primary-content h1 {
				font-size: 20px;
				color: #32abe1;
				width: 600px;
				margin-left: 10px;
				margin-bottom: 25px;
				}
				
				.green #primary-content h1 { color: #80a42a; }
				.orange #primary-content h1 { color: #d88212; }
				.purple #primary-content h1 { color: #9e76b2; }
				.yellow #primary-content h1 { color: #dfbe01; }
				.red #primary-content h1 { color: #e54b33; }				
				
			#primary-content p, #primary-content li {
				font-size: 13px;
				color: #595959;
				line-height: 18px;
				margin-bottom: 15px;
				width: 370px;
				margin-left: 10px;
				}
				
				#primary-content p strong, #primary-content li strong { font-weight: bold; }
				#primary-content p a, #primary-content li a { color: #595959; }
				
				#primary-content ul { margin-bottom: 15px; }
				#primary-content li { margin-bottom: 5px; margin-left: 25px; list-style: inside; }

                #primary-content #primary-content-text {
                    position: relative; width: 360px; float: left;
                }

                #primary-content #primary-content-right {
                    position: relative; width: 200px; float: right; right: +10px;
                }

                #primary-content #primary-content-right img {
                    margin-bottom: 10px;
                }
				
				#p-home #primary-content p { width: 360px; }


				
			#features {
				position: absolute;
				top: 185px;
				right: 0;
				width: 230px;
				margin-bottom: 0;
				}
				
			#features li {
				padding-left: 22px;
				color: #32abe1;
				font-weight: bold;
				font-size: 12px;
				background-repeat: no-repeat;
				background-position: middle left;
				margin-bottom: 10px;
				margin-left: 0;
				list-style: none;
				}
				
				#blue-flower { background-image: url(../images/icons/blue-flower.gif); }
				#yellow-flower { background-image: url(../images/icons/yellow-flower.gif); }
				#red-star { background-image: url(../images/icons/red-star.gif); }
				#blue-star { background-image: url(../images/icons/blue-star.gif); }
				#yellow-star { background-image: url(../images/icons/yellow-star.gif); }
				#red-snowflake { background-image: url(../images/icons/red-snowflake.gif); }
				#blue-snowflake { background-image: url(../images/icons/blue-snowflake.gif); }
				#yellow-snowflake { background-image: url(../images/icons/yellow-snowflake.gif); }
				#red-snowflake-thin { background-image: url(../images/icons/red-snowflake-thin.gif); }
			
		/*--- Secondary Content ---*/
		
		#secondary-content {
			width: 165px;
			float: left;
			margin-right: 15px;
			}
			
			#secondary-content h3 {
				font-size: 13px;
				color: #999;
				text-transform: uppercase;
				font-weight: bold;
				padding-left: 10px;
				padding-bottom: 10px;
				border-bottom: 1px solid #dcdcdc;
				}
			
			#primary-navigation {
				margin-bottom: 30px;
				}
			
			#primary-navigation li a, #primary-navigation li a span {
				display: block;
				width: 165px;
				background-repeat: no-repeat;
				}
				
				#ni-home a, #ni-home a span { background-image: url(../images/nav/home.gif); height: 30px; }
				#p-home #ni-home a, #p-home #ni-home a span,
				#ni-home a:hover, #ni-home a:hover span { background-image: url(../images/nav/home-on.gif); }
				
				#ni-pre-school a, #ni-pre-school a span { background-image: url(../images/nav/pre-school.gif); height: 29px; }
				#p-pre-school #ni-pre-school a, #p-pre-school #ni-pre-school a span,
				#ni-pre-school a:hover, #ni-pre-school a:hover span { background-image: url(../images/nav/pre-school-on.gif); }
				
				#ni-toddlers a, #ni-toddlers a span { background-image: url(../images/nav/toddlers.gif); height: 31px; }
				#p-toddlers #ni-toddlers a, #p-toddlers #ni-toddlers a span,
				#ni-toddlers a:hover, #ni-toddlers a:hover span { background-image: url(../images/nav/toddlers-on.gif); }
				
				#ni-babies a, #ni-babies a span { background-image: url(../images/nav/babies.gif); height: 30px; }
				#p-babies #ni-babies a, #p-babies #ni-babies a span,
				#ni-babies a:hover, #ni-babies a:hover span { background-image: url(../images/nav/babies-on.gif); }
				
				#ni-out-of-school a, #ni-out-of-school a span { background-image: url(../images/nav/out-of-school.gif); height: 31px; }
				#p-out-of-school #ni-out-of-school a, #p-out-of-school #ni-out-of-school a span,
				#ni-out-of-school a:hover, #ni-out-of-school a:hover span { background-image: url(../images/nav/out-of-school-on.gif); }
				
				#ni-outdoor-area a, #ni-outdoor-area a span { background-image: url(../images/nav/outdoor-area.gif); height: 28px; }
				#p-outdoor-area #ni-outdoor-area a, #p-outdoor-area #ni-outdoor-area a span,
				#ni-outdoor-area a:hover, #ni-outdoor-area a:hover span { background-image: url(../images/nav/outdoor-area-on.gif); }
				
				#ni-meals-and-menus a, #ni-meals-and-menus a span { background-image: url(../images/nav/meals-and-menus.gif); height: 31px; }
				#p-meals-and-menus #ni-meals-and-menus a, #p-meals-and-menus #ni-meals-and-menus a span,
				#ni-meals-and-menus a:hover, #ni-meals-and-menus a:hover span { background-image: url(../images/nav/meals-and-menus-on.gif); }
				
				#ni-news-and-gallery a, #ni-news-and-gallery a span { background-image: url(../images/nav/news-and-gallery.gif); height: 30px; }
				#p-news-and-gallery #ni-news-and-gallery a, #p-news-and-gallery #ni-news-and-gallery a span,
				#ni-news-and-gallery a:hover, #ni-news-and-gallery a:hover span { background-image: url(../images/nav/news-and-gallery-on.gif); }
				
				#ni-faq a, #ni-faq a span { background-image: url(../images/nav/faq.gif); height: 31px; }
				#p-faq #ni-faq a, #p-faq #ni-faq a span,
				#ni-faq a:hover, #ni-faq a:hover span { background-image: url(../images/nav/faq-on.gif); }
				
				#ni-contact-us a, #ni-contact-us a span { background-image: url(../images/nav/contact-us.gif); height: 29px; }
				#p-contact-us #ni-contact-us a, #p-contact-us #ni-contact-us a span,
				#ni-contact-us a:hover, #ni-contact-us a:hover span { background-image: url(../images/nav/contact-us-on.gif); }
		

            #admin-navigation li a, #admin-navigation li a span {
                display: block;
                width: 165px;
                background-repeat: no-repeat;
                }

            #admin-navigation {
                margin-bottom: 30px;
                }

                #ni-add-news a, #ni-add-news a span { background-image: url(../images/nav/ni-add-news.gif); height: 30px; }
                #p-add-news #ni-add-news a, #p-add-news #ni-add-news a span,
                #ni-add-news a:hover, #ni-add-news a:hover span { background-image: url(../images/nav/ni-add-news-on.gif); }

                #ni-logout a, #ni-logout a span { background-image: url(../images/nav/ni-logout.gif); height: 30px; }
                #p-logout #ni-logout a, #p-logout #ni-logout a span,
                #ni-logout a:hover, #ni-logout a:hover span { background-image: url(../images/nav/ni-logout-on.gif); }
        
	/*--- Page Footer ---*/
	
	#page-footer {
		clear: both;
		padding-top: 20px;
		padding-left: 180px;
		padding-bottom: 30px;
		width: 640px;
		background: url(../images/bg/footer.gif) no-repeat top;
		}
		
		#page-footer p {
			font-size: 12px;
			color: #ccc;
			}
			
			#page-footer p a, #page-footer strong { 
				text-decoration: none;
				color: #ccc;
				font-weight: bold;
				}
				
				#page-footer p a:hover {
					text-decoration: underline;
					}
                    
        /* pager style */
        .pager {
            text-align: right;
            border: 0;
            }
            
            #nav-pager {
                display: block;
                height: 20px;
            }
        
                #nav-pager li {
                    display: inline; 
                    list-style:none; 
                    padding: 0 8px 8px 0; 
                    margin: 0 8px 0 0; 
                    border-right: 1px solid #cbcaca;
                }

                #nav-pager li.last {
                    border: 0;
                }
                
                #nav-pager li a {
                    width: 32px; 
                    padding: 5px;
                    text-decoration: none;
                    color: #7b7a7a;
                }
                
                #nav-pager li a:hover,#nav-pager li.on a{
                    color: #fff;
                    background-color: #32abe1;
                    color: #fff;
                    }
                    
                    #nav-pager .nav-next, #nav-pager .nav-prev {
                        border: 0;
                    }
        
        
        /* news page style, wider paragraphs */
                            
        .news #primary-content h1 a {
            display: block; width: 100%;
            color: #32abe1 !important;
            text-decoration: none !important;
        }
        

        /* news list */
        #news-article {
            margin-top: 40px;
        }

        .news-list-row {
            display: block;
            position: relative;
            width: 100%;
            min-height: 200px; height: auto !important; height: 150px;
            border-bottom: 1px solid rgb(220,220,220);
            margin-bottom: 20px;
        }
        
        .news-list-row p.news-preface {
            margin-top: -20px;
            float: left;
            width: 420px !important;
            height: 80px;
        }
        
        .news a.news-nav-link {
            display: block;
            cursor: pointer;
            font-size: 13px;
            width: 90px;
        }
        
        .news #news-top-back {
            margin-top: 10px;            
        }

        .news .img-wrapper {
            position: absolute;
            top: 0;
            right: 0;
            width: 160px;
            height: 120px;
            overflow: hidden;
        }
        
        .news p {
            width: 590px !important;
        }
        
        .news p.news-article-content {
            margin-top: -20px;
        }
        
        /* Gallery Styles */        
        #gallery {
            width: 100%;
            text-align: left;
            padding: 20px 0;
            margin-bottom: 20px;
        }
        #gallery ul { list-style-type: none; padding: 0; margin: 0; }
        #gallery ul li { display: inline; margin: 0; padding: 0; }
        #gallery ul img {
            width: 153px;
            border: 1px solid #d5e8f1;
        }
        #gallery ul a:hover img {
            border: 1px solid #1c89b5;
        }
        #gallery ul a:hover { color: #fff; }