@charset "utf-8";
/* CSS Document */


/* center aligns the website*/
body {
	text-align:center;
	background-image: url(images/background.gif);
	font-family: Calibri, Arial;
	background-color: #6699cc;
}


/* center aligns the website*/
.container {
	width: 1000px;
	margin: auto;
	height: auto;
	background-repeat: no-repeat;
}



/* skip links, for accessibility purposes*/
.skip {
font-size: 12px;
Position: absolute;
top: -200px;
visibility:hidden;
}



/* headings*/
h1 {
	width: 356px;
	padding-right: 0px;
	padding-left: 5px;
	vertical-align: text-top;
	color: #515151;
	font-family: Calibri, Arial;
	font-size: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 17px;
	margin-left: 0px;
	font-weight: 900;
	padding-bottom: 2px;
	padding-top: 5px;
}

h1.two {
	padding-right: 0px;
	vertical-align: text-top;
	color: #515151;
	font-family: Calibri, Arial;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:5px;
	margin-left: 0px;
	font-weight: 900;
	padding-bottom: 2px;
	padding-top: 5px;
	color:#000000; 
	width:100%; 
	font-size:16px; 
	padding-left:0px; 
	font-weight:bold; 
}


h2{
	font-family: Calibri, Arial;
	font-size: 16px;
	background-color: #94C4D6;
	font-weight: 900;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}

h3{
	text-decoration: underline;
	font-size: 13px;
	font-family: Calibri, Arial;
}


/* links*/
a.link_two, a.link_two:visited, a.link_two:hover, a.link_two:active {
	color:#933;
	font-weight:500;
	float:right;
	padding-bottom: 5px;
	width:auto;	
}

a.link_three, a.link_three:visited, a.link_three:active {
	color: #000;
	text-decoration: none;
	list-style-type: disc;
	
}

a.link_three:hover {
	text-decoration: underline;	
}



/* top navigation menu*/

.menu {
	margin-right: 4px;
	height: 35px;
}

#nav, #nav ul { /* all lists */
	float: left;
	padding: 0;
	list-style: none;
	width:100%;
	position:relative;
	display:block;
	height:35px;
	font-size:14px;
	font-weight:bold;
	background:transparent url("images/OFF.gif") repeat-x top left;
	font-family: Calibri, Arial;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #74b0c6;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0px;
	margin-left: 0px;
}


#nav a {/* links*/
	display: block;
	width: 6em;
	color:#6d7078;
	text-decoration:none;
	height:23px;
	padding-top: 12px;
	padding-bottom: 0;
	background-image: url(images/DIVIDER.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#nav a:hover{/* links on hover*/
	background:transparent url("images/HOVER.gif") no-repeat top right;
}
	

#nav li { /* all list items */
	float: left;
	width: 6em;
}



#nav li ul {/* second-level lists (drop-down) */
	position: relative;
	display:none; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 99999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
	
}

#nav li ul li a {/* sub navigation links(drop-down) style */
	background-color: #85BDD2;
	background-image: none;
	width: 205px;
	text-align: left;
	padding-left: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	margin: 0px;
}


/* controls the hover over the sub menu (drop-down), this can be removed completely if the hover is to be the same as the top level navigation */
#nav li ul a:hover {
	background-color: #B3D6E3;
	background-image: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	display:block;

}
	
	
/* orange bullet point for lists*/
.orange_bullet {
	list-style-image: url(images/bullet.gif);
	vertical-align: top;

}	
	

/* bottom section of index page*/
.index_bottom {
	width: 945px;
	float: left;
	height: 225px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}



/* Boxes on index page*/	
.index_box {
	background-image: url(images/orange-grad-button2.gif);
	background-repeat: no-repeat;
	height: 220px;
	width: 290px;
	float: left;
	background-position: left top;
	margin-right: 15px;
	padding-left: 10px;
}


/* Main content area for index page*/
.content_area {
	margin-top: 10px;
	font-size: 13px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
	width: 935px;
	text-align: left;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
}

/* Left side of Index page*/
.index_left_content {
	width:310px; 
	height:320px; 
	float:left;
	margin-top:0px
}



/* Content area for main pages*/
	.content_area2{
	width: 980px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	text-align: left;
	background-color: #F7F7F5;
	height: 615px;
	margin-left: 10px;
	border: 1px solid #999;
	float: left;
	font-size: 12px;
	}


/* Content area for long pages*/
.content_long {
	width: 980px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	text-align: left;
	background-color: #F7F7F5;
	height: 1125px;
	margin-left: 5px;
	border: 1px solid #999;
	float: left;
	font-size: 12px;
	padding: 0px;
}



/* Boxes that are positioned in the main content area on the Childcare Professionals Page*/
.childcare_boxes{
	border: 1px dashed #333333;
	width: 512px;
	float: left;
	padding-top: 5px;
	height: auto;
	padding-bottom: 10px;
	background-color: #FEFDE2;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 10px;
}

/* Content area for order page (extra long)*/
.content_longer {
	width: 980px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	text-align: left;
	background-color: #F7F7F5;
	height: 1500px;
	margin-left: 10px;
	border: 1px solid #999;
	float: left;
	font-size: 12px;
}

.content_off_the_shelf {
	width: 980px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	text-align: left;
	background-color: #F7F7F5;
	height: 1450px;
	margin-left: 10px;
	border: 1px solid #999;
	float: left;
	font-size: 12px;
}

	
/* Floats image to the right*/
.right_image {
	float: right;
	margin-top: 15px;
	margin-right: 20px;
	width:auto;
}



.elearning_image {
	margin: 0px;
	padding: 0px;
	background-color: #CCC;
	border: 1px solid #999;
}


/* background white image for pages*/

.content_image_home {
	background-image: url(images/content_background_home_page.png);
	height: 670px;
	background-repeat: no-repeat;
	margin-top: 0px;
}

.container .content_image {
	background-image: url(images/content_background.png);
	height: 710px;
	background-repeat: no-repeat;
	margin-top: 0px;
}

/* background white image for longer pages*/
.container .content_image2 {
	background-image: url(images/content_background2.png);
	background-repeat: no-repeat;
	height: 1175px;
}
/* background white image for of the shelf products*/
.container .content_image3 {
	background-image: url(images/content_background2.png);
	background-repeat: no-repeat;
	height: 1500px;
}
/* background white image for order page (extra long)*/
.content_image4 {
	background-image: url(images/content_background3.png);
	background-repeat: no-repeat;
	height: 1750px;
}

.content_image_courses {
	background-image: url(images/content_background_courses.png);
	background-repeat: no-repeat;
	height: 1750px;
}


/* middle section of the pages*/

.middle_column {
	width: 535px;
	float: left;
	margin-right: 17px;
	margin-left: 17px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #999;
	border-left-color: #999;
	height: 92%;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
}

/* right section of the pages*/
.right_column{
	width: 200px;
	float: left;
	background-color: #FFF;
	border: 1px solid #999;
	font-size: 12px;
	height: auto;
	margin-top: 7px;
}

/* left section of pages*/
.left_column {
	float: left;
	width: 200px;
	font-size: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #94C4D6;
	height: auto;
}


/* bulleted list*/
.list {
	float: left;
	width: 245px;
}


.news_text {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	height: auto;
	margin-bottom: 10px;
}


/* footer for the index page*/

.footer {
	width: 927px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	text-align: center;
	margin-left: 5px;
	border-top-width: 3px;
	border-top-color: #85BDD2;
	float: left;
	border-top-style: solid;
	margin-top: 0px;
}


/* footer for shorter pages*/
.footer2 {
	width: 970px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-left: 5px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #85BDD2;
	float: left;
	margin-top: 8px;
	padding-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* footer for longer pages*/
.footer3 {
	width: 970px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-left: 5px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #85BDD2;
	float: left;
	margin-top: 55px;
	padding-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 30px;
	padding-right: 0px;
	padding-left: 0px;
}
.pdf_image {
	list-style-image: url(images/PDF-Icon.jpg);
	list-style-position: inside;
	vertical-align:middle;
}
.articulate {
	float: left;
	width: 530px;
	height: 155px;
	margin-bottom: 20px;
}


/* for the recruitment pages*/
.recruitment_index {
	background-color:#666666;
	border-width:1px;
	border-style:solid;
	border-color:#666666;
	float:left;
	width:500px;
	text-align:left;
	margin-left:30px;
	height:130px;
	font-size:14px;
}

.recruitment_box {
background-color:#CCCCCC;
 border-bottom-color:#FFFFFF; 
 border-right-color:#FFFFFF;  
 border-bottom-style:solid; 
 border-right-style:solid; 
 width:380px; float:left; 
 padding-left:5px; 
 height:100px; 
 margin-bottom:0px

}