/* External style sheet for screen: Kawartha Child Care Services */
/* Site design: www.blackcapdesign.com */

/* ---<force vertical scroll-bar to prevent pixel shift in non-ie browsers>--- */
html 
{ 
	min-height: 100%; 
	margin-bottom: 1px; 
}

body 
{
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0 0 0 1px;	
	background-color: #004a8e;
}
#wrapper
{
	background-image: url('../images/bg.gif');
	background-repeat: repeat-y; 
	background-position: top center;
	margin: 0;
	padding: 0 0 4px 0; 		
}
#page
{
	background: white;	
	width: 756px;
	margin: 0 auto;
	min-height: 100%;
}
#container
{
 	position: relative; 
  min-height: 100%; 
  height: auto !important; 
	border-top: 2px solid #004A8D;  
}
/* ===============<HEADER TREATMENTS>================ */ 
#header
{
	margin: 0 auto;
	background: url('../images/header.gif') no-repeat;
	height:	224px;
	width: 756px;
}
#logo
{
	position: absolute;
	top: 10px;
	left: 18px;	
}
#head_img1
{
	position: absolute;
	top: 18px;
	left: 210px;	
}
#head_img2
{
	position: absolute;
	top: 14px;
	left:  388px;		
}
#head_img3
{
	position: absolute;
	top: 14px;
	left: 566px;		
}
/* ===============</HEADER TREATMENTS>================ */

/* ================<VERTICAL NAVIGATION>=================*/
#nav_column
{
	float: left;
	width: 150px;	
	margin-top: 40px;
}
#navcontainer ul
{
	position: relative;
	left: 32px;
	margin: 10px 0 0 -8px;
	list-style-type: none;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif; 
	font-size: 12px;
	font-weight: 900;	
	letter-spacing: 0.05em;
	line-height: .9em;
	width: 150px;
	
	border-bottom: 1px solid #CCC;
}
#navcontainer li 
{ 
	margin: 0; 
}
#navcontainer a
{
	display: block;
	padding: 5px 2px 5px 34px;	
	border: 1px solid #ccc;
	border-bottom: 0; 
}
#navcontainer a:link, #nav a:visited
{
	color: #537A6C;
	text-decoration: none;
}
#navcontainer a:hover, #navcontainer a:link#current, #navcontainer a:visited#current, ul#nav li ul li a#current4, ul#nav li ul li ul li a#current5
{
	border: none;
	color: #004A8D;
	font-weight: 900;	
	background: #F9F9F9 url('../images/nav_icon.gif');
	background-repeat: no-repeat;
	background-position: 0 -4px;
	border: 1px solid #CCC;
	border-bottom: 0;			
}
#active a:link, #active a:visited, #active a:hover 
{
	border: none;
	color: #004A8D;	
	background: #F9F9F9 url('../images/nav_icon.gif');
	background-repeat: no-repeat;
	background-position: 0 -4px;	
	border: 1px solid #CCC;
	border-bottom: 0;	
}
/* remove bullets and list indents */
#navcontainer ul 
{ 
	list-style: none;
	margin: 0;
	padding: 0;
}
/* ---<the remainder are for the  drop down feature>--- */
#navcontainer li
{
	position: relative;	
}
/* next is for drop down */
#navcontainer ul ul 
{
	position: absolute;
	top: 0;
	left: 99%; /* to position them to the right of their containing block */
	width: 147%; /* width is based on the containing block */
}
#navcontainer ul ul ul
{
	margin-left: 2px;
	width: 100%; /* width is based on the containing block */
}	
div#navcontainer ul ul, div#navcontainer ul li:hover ul ul 
{
	display: none;	
}
div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul 
{
	display: block;
}
#navcontainer ul ul 
{
	position: absolute;
	z-index: 500;
}
/* Styles for Menu Items */

/* Fix IE. Hide from IE Mac \*/
* html #navcontainer ul li { float: left; height: 1%; }
* html #navcontainer ul li a { height: 1%; }
/* End */


/* Sub Menu Styles */		
#navcontainer li ul li a 
{ 
	padding: 5px 5px 5px 34px; 
	width: 180px;
	background: white;
}
#navcontainer ul li a 
{
	background: white; /* IE6 Bug */
} 
/* ---</end drop down feature>--- */
#subnav_img
{
 margin: 0;
 padding: 36px 0 0 10px; 
}	
/* ================</VERTICAL NAVIGATION>================= */ 

/* =================<HEADINGS>=================== */
h1
{
	font-size: 15px;
	padding-top: 16px;
	margin: 1em;
	margin-top: 0;		
}
h2
{
	font-size: 13px;		
	margin: 1em;
}
h3
{
	font-size: 12px;		
	margin: 1em;
}
h4
{
	font-size: 12px;
	margin:	0 0 -9px 11px;
}
h5
{
	font-size: 11px;
	font-style: oblique;
	margin: 1em;	
}
.shift_down
{
	margin-bottom: -12px;
	padding-top: 10px;
}

		
/* =================</HEADINGS>=================== */

/* ===============<PRIMARY CONTENT DIVS>================= */
#content
{
	float: right;	
	width: 544px;
	color: #002C55;
	padding: 20px 8px 0 0;	
}
#content_top
{
	background: url('../images/content_top.gif') no-repeat;
	height: 34px;	
	
}
#content_mid
{
	background: url('../images/content_mid.gif') repeat-y;
	padding: 0px 40px 30px 60px;
}
#content_bot	
{
	background: url('../images/content_bot.gif') no-repeat;
	height: 34px;
}
#content p
{
	padding-right: 26px;
	line-height: 1.5em;
	font-size: 11px;
	margin: 1em;
}
.content_img
{
	margin: 0 auto;
	width: 316px;	
	padding: 0px 30px 0px 0;
}
.small_content_img, .small_content_img_right
{
	float: left;
	width: 220px;
	margin: 4px 20px 6px 10px;	
}
.small_content_img_right
{
	float: right;	
}

/* ===============</PRIMARY CONTENT DIVS>================= */

/* =================<FOOTER>================== */
#footer
{
	clear: both;
	background: url('../images/footer.gif') no-repeat;
	height: 244px;
/*	border-bottom: 2px solid #004A8D;	*/	 
}
#unitedway
{
	position: absolute;
	bottom: 14px;
	left: 20px;	
}
/* ----------------<horizontal footer navigation>---------------- */
#footer_navcontainer
{
	padding-top: 150px;
	font-size: 11px;
	font-weight: bold;
}
.footer_nav
{
	text-align: center;
	padding-right: 30px;
	margin: 10px 0;
}
.footer_nav ul
{
	list-style-type: none;
	text-align: center;
	padding: 0 5px;
	position: relative;	 
}
.footer_nav li
{
	display: inline;
	margin: 0 10px;
}
.footer_nav li a
{
	padding: 0px; 
	color: #537A6C;
	border: none; 
	text-decoration: none;
}
.footer_nav li a:hover
{
	color: #004A8D; 
}
.footer_nav li a#current2
{
	color: #004A8D; 
}
/* ----------------</horizontal footer navigation>---------------- */
#credit
{
	font-size: 10px;
	text-align: center; 
	padding: 0 0 6px 0;
	background-color: #AFB2CB;
	border-bottom: 2px solid #004A8D;	
}
#credit a:link, #credit a:visited, #credit a:active
{
	color: #537A6C;
	text-decoration: none;
}
#credit a:hover
{
	color: #00498D;	
	text-decoration: none;
}
.footer_pipe
{
	position: relative;
	left: 12px;
	color: #537A6C; 
}
.footer_p
{
	font-size: 10px;
	text-align: center;	 
	margin: 0;
	padding: 8px 0 3px 0;
	color: #537A6C;
	background-color: #AFB2CB;	
}
.pipe
{
	color: #537A6C;
	font-weight: 900;
	padding-left: 2px;	
}
/* =================</FOOTER>================== */

/* ======<LEVEL 2 HORIZONTAL NAVIGATION (PROGRAMS)======= */

#program_nav, #staff_nav
{
	width: 495px;
	background: url('../images/navbottom.gif') repeat-x bottom;
	font-size: 11px;
	line-height: normal;
	margin-left: -36px; 
	padding-bottom: 22px;
}
#staff_nav
{
	height: 16px;
}
#program_nav ul, #staff_nav ul 
{
	margin: 0px;
	padding: 0 0 0 30px; /* controls horizontal placement of tabs */
	list-style: none;		
}
#staff_nav ul
{
	padding: 0 0 0 4px;	
}
#program_nav li, #staff_nav li
{
	float: left;
	background: url('../images/left-inactive.gif') no-repeat;
	background-position: 1px 0;
	margin: 0;
	padding: 0 4px 0 9px;
}
#staff_nav li
{
	background: url('../images/left-inactive2.gif') no-repeat;	
	background-position: 1px 0;
	padding: 0 2px 0 8px;		
}
#program_nav a, #staff_nav a
{
	float: left;
	display: block;	
	background: url('../images/right-inactive.gif') no-repeat; 
	background-position: right -2px;	
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #537A6C;
  border-style: none;	
}
#staff_nav a
{
	background: url('../images/right-inactive2.gif') no-repeat;  
	background-position: right -2px;
	padding: 7px 9px 7px 3px;
}
#program_nav a:hover, #staff_nav a:hover
{
  color: #002C55;
  border-style: none;
}
#program_nav #current3, #staff_nav #current3
{
	background-image: url('../images/left-active.gif'); 
	background-position: 1px 0;	
}
#staff_nav #current3
{
	background-image: url('../images/left-active2.gif');
	background-position: 1px 0px;	
			
}
#program_nav #current3 a, #staff_nav #current3 a 
{
	background-image: url('../images/right-active.gif'); 
	background-position: right -2px;	
	color: #002C55;
	padding-bottom: 4px;	
}
#staff_nav #current3 a
{
	background-image: url('../images/right-active2.gif');
	padding-bottom: 6px;		
}

/* ====<To force <h1> below #program_nav>==== */ 
.clear_right
{
	clear: right;	
}
/* ======</LEVEL 2 HORIZONTAL NAVIGATION (PROGRAMS)======= */

/* ==========<LEVEL 3 NAV (Blue 'Select A Program' Box)>========== */
#level3navcontainer
{
	float: right;
	width: 160px;
	margin: -6px 20px 0 20px;	
}
#level3navlist
{
	width: 160px;
	padding: 3px 0 6px 0;
	background-color: white;	
	border: 1px solid #002C55;		
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 10px 0;
}
#level3navlist a, #level3navlist a:link, #level3navlist a:visited
{
	border: none;
	padding: 1px 0.5em;
	color: #537A6C;
	font-weight: bold;
	text-decoration: none;
}
#level3navlist a:hover, #level3navlist a:active, #level3navlist a:focus
{
	border: none;
	padding: 1px 0.5em;
	text-decoration: none;
	color: #002C55;
}
#level3navlist li
{
	padding-right: 1px;
	font-size: 10px;
	line-height: 175%;
}
#level3navlist ul
{
	margin: 0px;
	padding: 0px;
}
#level3navlist #level3active a 
{ 
	background-color: white; 
	color: #002C55;
}
.nav_title /* for heading on navigation box for program pages */
{
	color: white;
	font-size: 10px;
	font-weight: 900;
	background:	#002C55;
	padding: 4px 4px 4px 5px;
	margin-bottom: -10px;
	margin-left: 0px;
	width: 153px;
}
/* =========</LEVEL 3 NAV>========= */

/* ====<DIVS FOR THE PHP FORM ON CONTACT PAGE>===== */

#form
{
	width: 420px;
	margin-left: 0px;
	margin-top: 16px;
	background: #FFC; 
	border: 1px solid #002C55;
	padding: 0 0 30px 0;
}
.btn 
{
	background-color: #002C55; 
	color: #FFFBED; 
	padding: 6px; 
	font-size: 11px; 
	font-weight: bold;
	margin: 10px 0;
}
fieldset 
{
	width: 90%; 
	margin: 0 auto;
	border: none; 
	padding: 9px; 
	text-align: left;
}
dl
{
	border: 1px solid transparent;
	float: left;
	clear: both;
	width: 420px;	
	margin: 0;
}
dt 
{
	float: left; 
	clear: left;
	width: 30%;  
	padding: 6px 0 0 0; 
	text-align: left;
	font-size: 80%; 
	font-weight: 600; 
	color: #002C55;
	background: #FFC;
	margin: 3px 0 3px 10px;
}
dt.i_box
{

}
dt.t_area
{
	width: 84%;	
	
}
dd 
{
	float: left;
	width: 60%;
	text-align: left; 
	padding: 0px;
	margin: 3px 0 3px 0;	
}
textarea 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	border: 1px solid #002C55; 
	padding: 3px;
	background: white;
	margin-left: 11px;
}
.input
{
	border: 1px solid #002C55; 
	padding: 2px;
	float: left;
	background: white; 	
}
#submit
{	
	text-align: center;
}
legend 
{
	font-size: 120%; 
	font-weight: bold; 
	background: #FFC;
	color: #002C55; 
	padding: 6px;
	margin-bottom: 0;
}
/* to control spacing between form blocks */
#form_block1, #form_block2, #form_block3, #form_block4, #form_block5, #form_block6, #form_block7, #form_block8, #form_block9 
{
	display: block;
	clear: both;
	height: 290px; /* determines spacing below block */  
}
#form_block2
{
	height: 240px; /* determines spacing below block */ 
}
#form_block3
{
	height: 390px; /* determines spacing below block */	
}
#form_block4 
{
	height: 176px; /* determines spacing below block */
}
#form_block5
{
	height: 200px; /* determines spacing below block */
}
#form_block6 
{
	height: 290px; /* determines spacing below block */
}
#form_block7
{
	height: 300px; /* determines spacing below block */
}
#form_block8
{
	height: 100px; /* determines spacing below block */	
}
#form_block9
{
	height: 90px; /* determines spacing below block */	
}
p.contact_form
{
	clear: both;
	margin: 10px 1em 2px 1em;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	line-height: 130%;
	font-size: 80%;
	color: #002C55;	
	background: #FFC;
}
.form_h2
{
	text-align: center;	
}
.star
{

	font-size: 100%;
	font-weight: bolder;
	color: red;		
}
.select_label
{
	display: block;
	clear: both;
	font-size: 80%;
	font-weight: 600; 
	color: #002C55;	
	margin: 71px 0 2px 10px;	
}
.textarea_label
{
	font-size: 11px;
	font-weight: 600;
	color: #002C55;
	margin-left: 10px;
	margin-top: -6px;
}	
.select1 /* gender select box */
{
	border: 1px solid #002C55;
	position: relative;
	left: 72px; 
}
/* -----<Table for care schedule / Also for programs>------- */
table 
{
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 360px;
	border: 1px solid #002C55;
	margin: 0 0 0 10px;
}

th 
{
	padding: 0 0.5em;
	text-align: left;
}
.yellow  
{
	border-top: 1px solid #002C55;	
	border-bottom: 1px solid #002C55;	
	background: #FFC;
}

td 
{
	padding: 0 0.5em;
}

th.column1
{
	width: 90px;	
}
th.column2
{
	width: 60px;	
}
.indent /* indents programs in table for application - program selection */
{	
	padding-left: 44px;
	padding-right: 0;
	width: 60%;
}

.table_program_head /* headings for program areas in table for application - program selection */
{
	font-weight: bold;
	font-style: italic;	
}
/* ====</DIVS FOR THE PHP FORM ON CONTACT PAGE>===== */

/* ========<DIVS FOR FORM ON STAFF-IN PAGE>======== */
.staff_input, .staff_submit
{
margin-left: 14px;	
}
.staff_submit
{
margin-top: 6px;	
}
/* =======</DIVS FOR FORM ON STAFF-IN PAGE>======== */

/* ==============<MISCELLANEOUS DIVS>================ */
#skip, div.hr hr, .print
{
	display: none;	
}
.submit
{
	margin-top: 4px;	
}
div.hr 
{
  height: 2px;
  background: url('../images/hr.gif') repeat-x;
  margin-right: 22px;
}
#reader_img
{
	margin-left: -14px; 
	text-align: center;
} 
.top
{
	text-align: center;	
	font-size: 90%;
	margin-bottom: 16px;
}
/* ==============<MISCELLANEOUS DIVS>================ */

/* ============<SPECIAL EVENTS BOX ON INDEX.PHP>========== */
#event_container
{
	color: #114B9A;	
	margin: 40px 0 0 20px;
	font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif ; 		
}
#event_top, #staff_event_top, #careers_event_top, #parents_event_top, #providers_event_top, #board_event_top
{
	background: url('../images/event_bg_top.gif') no-repeat;
	height: 60px;
	width: 180px;
	margin-bottom: -13px;
}
#staff_event_top
{
	background: url('../images/staff_event_bg_top.gif') no-repeat;
	height: 90px;	
}
#careers_event_top
{
	background: url('../images/careers_bg_top.gif') no-repeat;
	height: 90px;
/*	width: 180px;
	margin-bottom: -15px;	*/
}
#parents_event_top
{
	background: url('../images/parents_bg_top.gif') no-repeat;
	height: 90px;	
}
#providers_event_top
{
	background: url('../images/providers_bg_top.gif') no-repeat;
	height: 90px;	
	margin-bottom: -13px;	
}
#board_event_top
{
	background: url('../images/board_bg_top.gif') no-repeat;
	height: 90px;	
	margin-bottom: -13px;
}
#event_middle
{
	background: url('../images/event_bg_mid.gif') repeat-y;
	width: 180px;	
	padding: 0;
}
#event_bottom
{
	background: url('../images/event_bg_bot.gif') no-repeat;
	height: 14px;
	width: 180px;
	margin-top: -13px;
	padding-top: 4px;	
}
#event_container h2
{
	margin-left: 10px;
	margin-bottom: -6px;	
}
#event_container p
{
	font-size: 11px;
	padding: 0 10px;
	font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif ; 
}
#event_middle > #reader_img
{
	margin-top: -2px;
	padding-bottom: 8px;	
}
/* ============</SPECIEAL EVENTS BOX ON INDEX.PHP>========== */

/* ===================<LISTS>=================== */
.bullet, .none, .square
{
	list-style-type: disc;
	font-size: 11px;
	line-height: 1.6em;
	margin-top: -6px;
	padding-right: 20px;
}	
.none
{
	list-style-type: none;
	margin-left: 21px;
	padding-left: 6px;
	line-height: 2em;

}
.disc
{
	list-style-type: disc;	
}
ul.none li ul.none
{
	margin: 2px 0 2px 20px;	
}
.square
{
	list-style-type: square;
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 26px;
}
/* ==================</LISTS>=================== */

/* ================<ANCHORS>================== */
a.standard:hover	
{
	text-decoration: none;			
}
#breadcrumbs a:visited, .top a:visited
{	
	color: blue;
}
/* ================</ANCHORS>================= */
/* ============<Program specific divs>=============== */
table.programs
{
	width: 430px;
	margin: 20px 0 0 0px;
}
table.hcc-programs
{
	width: 430px;
	margin: 20px 0 0 -10px;	
}
.col_head  
{
	border-top: 1px solid #002C55;	
	border-bottom: 1px solid #002C55;	
}
th.columnA, th.columnB, th.columnC, th.columnD, th.columnE
{
	border-right: 1px solid #002C55;
	border-bottom: 1px solid #002C55;
	line-height: 1.25em;		
	padding: 4px;	
	vertical-align: top;
	background: #FFC; 
}
th.columnA
{
	width: 30%;
	background: #FFC;
}
th.columnB
{
	width: 17%;	
}
th.columnC
{
	width: 17%;	
}
th.columnD
{
	width: 17%;	
}
th.columnE
{
	width: 17%;	
}
.c-A
{
	background: #FFC;	
}
.c-B, .c-C, .c-D, .c-E
{
	background: white;
}
table.programs td, table.hcc-programs td
{
	line-height: 1.25em;
	padding: 4px;
	border-bottom: 1px solid #002C55;
	border-right: 1px solid #002C55;	
}
table.hcc-programs td
{
	padding: 2px;	
}
td.align-center
{
	text-align: center;
	background: white;
}
/* ============</Program specific divs>=============== */

/* ============<Program overview specific divs>============= */
table.overview
{
	width: 430px;
	margin: 20px 0 0 0;
}
table.overview td
{
	line-height: 1.25em;
	padding: 6px;
	border-bottom: 1px solid #002C55;
	border-right: 1px solid #002C55;		
}
td.col1
{
	width: 31%;
	font-weight: 600;
	background: #FFC;	
}
td.col2
{
	width: 69%;
	background: white;
}
/* ============<Program overview specific divs>============= */

/* ===========<EVENT BOX ON INDEX.PHP>================ */

/* ===========</EVENT BOX ON INDEX.PHP>================ */

/* =================<FONT SIZE DATE & PRINT UTILITY DIVS>==================== */
#breadcrumbs
{
	position: absolute;
	top: 224px;
	left: 31px;
	font-size: 10px;
	color: #002C55;	
}
#utility
{
	position: absolute;
	top: 194px;
	left: 22px;			
}
#font_size a /* to banish underlining in IE */ 
{
	text-decoration: none;	
}
#font_size
{
	float: left;
	margin-top: 4px;
	margin-right: 26px;

}
#print_icon
{
	float: left;
	padding-right: 10px;
	margin-top: 4px;

}
a#print 
{
	display: block;
	width: 28px;
	height: 31px;	
	background-image: url('../images/print.gif');
	background-repeat: no-repeat;
}
a#print:hover
{
	background-image: url('../images/print.gif');
	background-position: left bottom;	
}

/* =================</FONT SIZE, DATE & PRINT UTILITY DIVS>==================== */
#flyspecktrigger
{
	text-decoration: none;
	position: relative;
	bottom: 10px;
	padding: 0;
	line-height: 1px;
}
#flyspeck_loginmenu
{
	position: relative;
	z-index: 500;	
}
#flyspeck_topnav table 
{
	font-size: 10pt;
	width: 100%;	
}
#cse-search-box
{
	width: 160px;
	margin: 16px 0 0 32px;	
}
#search_label
{
	font-size: 11px;
}
#search_input
{
	margin: 6px 0;	
}
/* =================</CSS formats for dmcollapse controls>==================== */
.trigger{
	cursor:pointer;
}		
.trigger:hover{
	cursor:pointer;
	background:#ddf;
}		
.expanded{
	background:#ccf;
	cursor:pointer;
}
.expanded:hover{
	background:#eef;
	cursor:pointer;
}
.show{
   position:static;
   display: table;
}
.hide{
	position:absolute;
	left:-999em;
	height:1px;
	width:100px;
	overflow:hidden;
}