@charset "utf-8";
/* CSS Document */
/* ------------------------------- Elements in all webpages ------------------------------- */
body  {
	font: 12px Verdana, Geneva, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
/* this container holds all content on the webpage */
/* page scaling is critical to design*/ /*dimensions of design template indicate a horizontal length = 250mm and a vertical width = 175mm */  
/* horizontal length ratio of mm to px = 1:3.8 */
/* vertical width ration of mm to px = 1:3.4 */ 
.thrColAbsHdr #container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 960px;  /* less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 600px;  /* less than a full 768px width allows for browser chrome and avoids a vertical scroll bar*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border:none;
	z-index:0;
}
/* CUIDAR header logo */
.thrColAbsHdr #header {
	position:absolute;
	top:30px; 
	left:0px; 
	width:277px; 
	height:133px;  
	z-index:2;
} 
/* CUIDAR Spanish link */
.thrColAbsHdr #espanol {
	position:absolute;
	top:32px; 
	left:402px;
	width:144px;
	height:144px;
	z-index:2;
} 
/*Homepage Image Container*/
.thrColAbsHdr #image {
	position:absolute;
	top:-50px;
	left:276px; 
	height:444px; 
	width:684px; 
	z-index:0;
}
/* NDP footer logo */
.thrColAbsHdr #footer {
	position:absolute;
	top:544px; 
	left:0px; /* 0 mm from the left of the page */
	height:51px; /* 15 mm */
	width:960px; /* full horizontal length of page */
	background-image:url(images/link_footer.gif); /* Neurodevelopmental Center Logo */
	background-repeat:no-repeat;
	z-index:0; /* behind all other page elements */
}	
/* Navigation Menu */
.thrColAbsHdr #nav {
	position:absolute;
	top:170px;
	left:30px; 
	width:auto;
	height:auto;
	font-size:11px; 
	font-weight:400; 
	line-height:18px;
	z-index:10; /* in front of all other page elements */ 
}
/* ------------------------------ Elements in Homepage ------------------------------ */

/* NOT IN USE Homepage caption */
.thrColAbsHdr #caption {
	position:absolute;
	top:150px; /* 10 mm spacing from the top of the page */
	left:318px;
	width:130px;
	height:124px;  /* 36mm */
	font-size:11px;
	font-weight:500;
	line-height:18px;
	z-index:1; /* behind all other page elements */
}
/*This container holds the parent quote*/
.thrColAbsHdr  #quote {
	position:absolute;
	top:306px; /* 90 mm from the top of the page */
	left:684px;  /* 180 mm from the left of the page */
	width:218px; /* 63 mm */
	height:218px; /* 63 mm */
	z-index:1; /* overlap #navbubble, #p1image */
}
/*This container holds the donate button*/
.thrColAbsHdr  #donate {
	position:absolute;
	top:226px; /* 8 mm from the top of the page */
	left:807px;  /* 87 mm from the left of the page */
	width:144px; /* 35 mm */
	height:144px; /* 35 mm */
	z-index:2; /* overlap bg_fernando */
}
/* ------------------------------ Elements in "About" pages ------------------------------ */
/*All Pages Image Container*/
.thrColAbsHdr #image {
	position:absolute;
	top:-50px;
	left:276px; /* original scale: 75 mm spacing from the left of the page */
	height:444px; /* original scale: 145 mm (had to resize to 444px to maintain scale*/
	width:684px; /* original scale: 185 mm */
	z-index:0;
}
/* paragraph content container */
.thrColAbsHdr #content {
	position:absolute;
	top:342px; /* compensate for padding 10 mm-actual size is 87 mm from the top of the page */
	left:30px; /* 10 mm spacing from left of the page */
	width:900px; /* 235 mm */
	height:198px; /* 73 mm */
	font-size:12px;
	line-height:18px;
	text-align:left;
	z-index:5; /* overlap #navbubble and #childpic */
}

/* ------------------------------ Link Elements in "Parents" and "Educators" ------------------------------ */
.thrColAbsHdr #links1 {
	position:absolute;
	top:340px; /* 104 mm from top of the page */
	left:2px;
	height:204px; /* 44 mm */
	width:475px;
	font-size:12px;
	padding-top:0px;
	line-height:18px;
	z-index:5; /* overlap #navbubble, #childpic and #parents */
	border:none;
}
.thrColAbsHdr #links2 {
	position:absolute;
	top:340px; /* 104 mm from top of the page */
	right:2px;
	height:198px; /* 44 mm */
	width:475px;  /* 125 mm */
	font-size:12px;
	padding-top:0px;
	line-height:18px;
	z-index:5; /* overlap #navbubble, #childpic and #parents */
	border:none;
}
.thrColAbsHdr #commissionbubble {
	position:absolute;
	top:172px;
	right:10px;
	height:75px;
	width:75px;
	z-index:6;
}
/* ------------------------------- Elements in Enrollment Pages ------------------------------- */
.thrColAbsHdr #enrollcontent {
	position:absolute;
	top:122px; /* compensate for padding 10 mm-actual size is 87 mm from the top of the page */
	left:327px; /* 10 mm spacing from left of the page */
	width:605px; /* 235 mm */
	height:418px; /* 73 mm */
	font-size:12px;
	line-height:18px;
	text-align:left;
	background-image:url(images/bg_form.gif);
	background-repeat:no-repeat;
	z-index:1; /* overlap #navbubble and #childpic */
}

/* enrollment caption (Positioned underneath the navigation bar */
.thrColAbsHdr #enrollcaption {
	position:absolute;
	top:346px; /* 10 mm spacing from the top of the page */
	left:37px;
	width:246px;
	height:187px;  /* 36mm */
	font-size:11px;
	line-height:18px;
	font-size:12px;
	z-index:1; /* behind all other page elements */
}
/* enrollment info table (caption above the enrollment form */
.thrColAbsHdr #infotable {
	position:absolute;
	top:30px;
	left:324px;
	width:560px;
	font:verdana;
	height:76px;
	z-index:2;
}
/* enrollment optioninfo (caption above the enrollment options  */
.thrColAbsHdr #optioninfo {
	position:absolute;
	top:30px;
	left:324px;
	width:560px;
	font:verdana;
	height:76px;
	z-index:2;
	background-image:url(images/bg_formtitle3.gif);
	background-repeat:no-repeat;
}		
/* enrollment form (container for the enrollment table */
.thrColAbsHdr #formtable {
	position:absolute;
	top:99px;
	width:560px;
	height:429px;
	left:323px;
	font:verdana;
	font-size:12px;
	z-index:3;
	line-height:16px;
	z-index:3;
}	
/* text box labels */
.thrColAbsHdr #formtable.formlabel {
	border:none;
	padding:2px;
	height:20px;
}
/* text box fields */
.thrColAbsHdr #formtable.textarea {
	border:#CCCCCC;
}

/* ------------------------------- ShareThis ------------------------------- */
.thrColAbsHdr #sharethis {
	position:absolute;
	top:2px;
	left:50px;
	width:152px;
	height:27px;
	z-index:101;
}
		
/* ------------------------------ Link Elements in "Donation Page" ------------------------------ */
.thrColAbsHdr #donatecontent2 {
position:absolute;
	top:342px; /* compensate for padding 10 mm-actual size is 87 mm from the top of the page */
	left:30px; /* 10 mm spacing from left of the page */
	width:500px; /* 235 mm */
	height:198px; /* 73 mm */
	font-size:12px;
	line-height:18px;
	text-align:left;
	z-index:5; /* overlap #navbubble and #childpic */
}	

/* paragraph content container */
.thrColAbsHdr #donatecontent {
	position:absolute;
	top:61px; /* compensate for padding 10 mm-actual size is 87 mm from the top of the page */
	left:542px; /* 10 mm spacing from left of the page */
	width:394px; /* 235 mm */
	height:250px; /* 73 mm */
	font-size:12px;
	line-height:18px;
	text-align:left;
	z-index:5; /* overlap #navbubble and #childpic */
}
/* CUIDAR supporters */
.thrColAbsHdr #supporters {
	position:absolute;
	top:135px;
	left:310px;
	width:218px;
	height:218px;
	background-image:url(images/donate_commission.gif);
	background-repeat:no-repeat;
	z-index:1; /* overlap #navbubble */
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.thrColAbsHdr #brochurelink {
	position:absolute;
	top:184px;
	left:333px;
	width:124px;
	height:114px;
	z-index:3;
}
.thrColAbsHdr #brochurebubble {
	position:absolute;
	top:154px;
	left:309px;
	width:165px;
	height:165px;
	background-image:url(images/button_reversed.gif);
	background-repeat:no-repeat;
	z-index:2;
}
.thrColAbsHdr #announcement {
	position:absolute;
	top:41px;
	left:308px;
	width:300px;
	height:300px;
	z-index:3;
}