/* blog style template - collin grasley - modetwentythree.com - this work is public domain, enjoy!  */

/*  main styles ----------------------------*/

*{ margin:0; padding:0; }* 
body { padding:0; margin:0; font:0.69em Arial,Verdana, sans-serif; line-height:1.64em; background-color:#ffffff; }
a {color: #ff0066; background:inherit; text-decoration:none;}
a:hover {color:#d25836; background:none; text-decoration:none; border-bottom:1px dashed;}
p { padding:5px 0 5px 0;}
ul {margin:0; padding:0;list-style:none;}
img {border:0;}
.clear{clear:both; margin-top:1px;}
#wrapper { margin:0px auto; width:100%; padding:0 0px 0 0px; background:#fffbf4;}

/*------------------------------------------------top part--------------------*/
#top{
	background:url(../individual/images/top_part.gif) 0 0 no-repeat;
	width:1068px;
	height:128px;
	margin:0 auto;
	position:relative;
}
#top img{
	left:34px;
	top:53px;
	width:286px;
	height:66px;
}
#top ul{
	width:309px;
	height:29px;
	position:absolute;
	left:712px;
	top:102px;
}
#top ul li{
	float:left;
	margin:0 1px 0 0;
}
#top ul li a{
	background:url(http://www.abchomepreschool.com/individual2/images/nav_bg.png) 0 0 no-repeat;
	width:102px;
	height:29px;
	display:block;
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background-color:inherit;
}
#top ul li a:hover{
	background:url(http://www.abchomepreschool.com/individual2/images/nav_hover.png) 0 0 no-repeat;
	width:102px;
	height:29px;
	color:#4C4C4C;
	background-color:inherit;
}
#top ul li.hover{
	float:left;
	margin:0 1px 0 0;
	background:url(http://www.abchomepreschool.com/individual2/images/nav_hover.png) 0 0 no-repeat;
	width:102px;
	height:29px;
	display:block;
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#4C4C4C;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background-color:inherit;
}
/*------------------------------------------------top part--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	width:1044px;
	border-left:#ffffff solid 7px;
	border-right:#ffffff solid 7px;
	background:url(http://www.abchomepreschool.com/individual/images/top_green_bg.gif) 0 0 repeat-x;
	height:162px;
	margin:0 auto;
	padding:0 17px;
}
#header h2{
	display:block;
	background:url(http://www.abchomepreschool.com/individual/images/green_part_div.gif) 0 0 repeat-x;
	height:23px;
	width:582px;
	padding:21px 0 0 236px;
	margin:0 0 18px 0;
}
#header h2 span{
	font:bold 34px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 0 0 0;
	background:url(http://www.abchomepreschool.com/individual/images/h2_bg.gif) 0 0 repeat-x #7DBC07;
	width:448px;
}
#header p{
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-align:center;
	margin:0 0 18px 0;
	display:block;
}
#header p span{
	background-color:#3A6200;
	color:#fff;
	padding:0 2px 0 4px;
}
#header a{
	background:url(http://www.abchomepreschool.com/individual/images/btn_click.gif) 0 0 no-repeat;
	width:228px;
	height:25px;
	display:block;
	margin:0 0 0 370px 
}
#header a:hover{
	background:url(http://www.abchomepreschool.com/individual/images/btn_click_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------header--------------------*/
#header2{
	width:1044px;
	border-left:#ffffff solid 7px;
	border-right:#ffffff solid 7px;
	background:url(http://www.abchomepreschool.com/individual/images/top_green_bg.gif) 0 0 repeat-x;
	height:90px;
	margin:0 auto;
	padding:0 17px;
}
#header2 h2{
	display:block;
	background:url(http://www.abchomepreschool.com/individual/images/green_part_div.gif) 0 0 repeat-x;
	width:100%;
		font:bold 16px/10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
}

#header2 h1{
	display:block;
	background:url(http://www.abchomepreschool.com/individual/images/green_part_div.gif) 0 0 repeat-x;
	width:100%;
	font:bold 32px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(http://www.abchomepreschool.com/individual/images/h2_bg.gif) 0 0 repeat-x #7DBC07;
	width:100%;
	text-align:center;
}
#header2 h2 span{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(http://www.abchomepreschool.com/individual/images/h2_bg.gif) 0 0 repeat-x #7DBC07;
	width:100%;
	text-align:center;
}
#header2 p{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-align:center;
	display:block;
}
#header2 p span{
	background-color:#3A6200;
	color:#fff;
}
#header2 a{
	background:url(http://www.abchomepreschool.com/individual/images/btn_click.gif) 0 0 no-repeat;
	width:228px;
	height:25px;
	display:block;
	margin:0 0 0 370px 
}
#header2 a:hover{
	background:url(http://www.abchomepreschool.com/individual/images/btn_click_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------body--------------------*/
#body{
	width:1068px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
	color:#000;
}
#body ul.nav{
	width:822px;
	height:46px;
	border-bottom:#EEEEEE solid 4px;
	padding:8px 0 6px 146px;
	margin:0 0 24px 0;
	background-color:#fff;
	color:#000;
}
#body ul.nav li.navLink{
	display:block;
	background:url(http://www.abchomepreschool.com/individual/images/nav_div.gif) right top repeat-y;
	float:left;
	height:46px;
	padding:0 1px 0 0;
}
#body ul.nav li.navLinkNoBdr{
	display:block;
	background-image:none;
	float:left;
	height:46px;
	padding:0 1px 0 0;
}
#body ul.nav li.navLink a.service{
	display:block;
	background:url(http://www.abchomepreschool.com/individual/images/services_icon.gif) 0 7px no-repeat #fff;
	padding:0 14px 0 46px;
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
}
#body ul.nav li.navLink a.service:hover{
	background:url(http://www.abchomepreschool.com/individual/images/services_icon_hover.gif) 0 7px no-repeat #fff;
	color:#39638A;
}
#body ul.nav li.navLink a.testimonial{
	display:block;
	background:url(http://www.abchomepreschool.com/individual2/images/testimonial_icon.png) 10px 7px no-repeat #fff;
	padding:0 15px 0 58px;
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
}
#body ul.nav li.navLink a.testimonial:hover{
	background:url(http://www.abchomepreschool.com/individual/images/testimonial_icon_hover.gif) 10px 7px no-repeat #fff;
	color:#39638A;
}
#body ul.nav li.navLink a.project{
	display:block;
	background:url(http://www.abchomepreschool.com/individual/images/project_icon.gif) 9px 7px no-repeat #fff;
	padding:0 14px 0 43px;
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
}
#body ul.nav li.navLink a.project:hover{
	background:url(http://www.abchomepreschool.com/individual/images/project_icon_hover.gif) 9px 7px no-repeat #fff;
	color:#39638A;
}
#body ul.nav li.navLink a.privacy{
	display:block;
	background:url(http://www.abchomepreschool.com/individual/images/privacy_icon.gif) 12px 7px no-repeat #fff;
	padding:0 8px 0 42px;
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
}
#body ul.nav li.navLink a.privacy:hover{
	background:url(http://www.abchomepreschool.com/individual/images/privacy_icon_hover.gif) 12px 7px no-repeat #fff;
	color:#39638A;
}
#body ul.nav li.navLinkNoBdr a.moreLink{
	display:block;
	background:url(http://www.abchomepreschool.com/individual2/images/more_links_icon.png) 8px 7px no-repeat #fff;
	padding:0 0 0 49px;
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
}
#body ul.nav li.navLinkNoBdr a.moreLink:hover{
	background:url(http://www.abchomepreschool.com/individual2/images/more_links_icon_hover.png) 8px 7px no-repeat #fff;
	color:#39638A;
}
/*------------------------------------------------left panel--------------------*/

/* top ----------------------------*/

/*  The left column ----------------------------*/

#left {width:14%; float:left; margin-right:20px; padding:0px 5px 5px 5px; background:inherit;}
#left ul {padding:0px 0 12px 5px;}
#left li {line-height:18px; background:inherit; list-style:disc; margin-left:16px;
color:#3366CC;}
#left li a {background:inherit; text-decoration:none; list-style: none;}
#left li a:hover {text-decoration:none; list-style: none;}

/*  The right column ----------------------------*/

#linkbar {float:right; width:24%; padding:0px 5px 5px 5px; margin-left:20px; background:inherit;}
#linkbar ul {padding:10px 0 12px 5px;}
#linkbar li {line-height:18px; background:inherit; list-style:disc; margin-left:8px; color:#d25836;}
#linkbar a {background:inherit; text-decoration:none;}
#linkbar a:hover {text-decoration:none;}

/*  The Center Content Posts Middle Side ----------------------------*/

#right {float:left; padding:0; background:#inherit; margin-bottom:10px; width:55%;}
.content {padding: 0px 10px 10px 10px;font:normal 13px/18px Arial, Helvetica, sans-serif;}
#right img {float:left;padding:0 10px 5px 0;}
.comment_box {clear:both;padding:7px 35px 0 0; margin:10px 0 10px 0;text-align:right;
background:url(images/comment_box_bg.png) no-repeat top right;height:32px;}
.comment_box a {font:bold 1.2em Arial, Sans-Serif; color:#FFFFFF; background:transparent;}

.spotlight{font-size:1.8em;line-height:1.2em; color:#333; font-family:Arial; margin-top: 2.5em; margin-bottom: 1.5em;}

.google{border-top: 1px solid #CCCCCC;}

.feedbody{line-height: 14px;font-size: 11px; font-family: arial, sans-serif; font-weight: normal;}

.floatLeft {
  float: left;
  list-style: none;
}

.floatRight {
  float: right;
}

.lightBlueBg {
  background-color: #FFFFFF;
}

/*  FEEDBURNER FEED ----------------------------*/
.feedburnerFeedBlock {padding: 2px 0 0 0; margin-bottom: 2.5em; border-bottom: 1px solid #CCCCCC; border-top: 1px; solid #CCCCCC;}
.headline{font-size:2.5em; line-height:1.2em; color:#333;
font-family:'Impact'; border-bottom:2px solid #d25836; padding-top:20px; letter-spacing: 1px;}
.date{color:#8daec2; font: 700 1.2em arial, sans-serif; text-transform:uppercase; letter-spacing:10px; padding-top:10px;padding-bottom:5px;}

/*  The CSS for the Article headlines ----------------------------*/

.headline_one{font-size:3.50em;line-height:.8em; color:#333; font-family:'Impact'; border-top: 1px solid #CCCCCC;}
.headline_two{font-size:3.50em;line-height:.8em; color:#333;
font-family:'Impact'; border-bottom:4px solid #d25836; border-top: 1px solid #CCCCCC;}
.headline_three{font-size:1.2em;font-weight:bold;color:#333;text-transform:uppercase;
border-bottom:#62aa46 2px solid; letter-spacing:-1px;}
.number{font-family:'Impact';float:left;line-height:1em; color:#d25836; font-size:4.0em; margin-right:8px;}
.headline_url{text-decoration:none;color:#999; font-weight:bold; font-size:1.48em; line-height:1.5em;
text-transform:uppercase; padding-bottom:3px;}
.small_caps{color:#333; font-size:.7em; text-transform:uppercase; letter-spacing:2px; padding-top:1px;}

/*  The CSS for the blockquote, this is XHTML valid --------------------------------------*/

q {float:left; width:14em; display:block; margin:0.75em 0.75em 0 0; padding:0.3em; 
border:1px double #CCC; border-width:2px 0; color:#333; background:none; 
text-align:left; font:italic 1.6em/1.7em Georgia;}

/* footer ----------------------------*/

#footer {clear:both; width:100%; margin:0; padding:10px 0 5px 0; border-top:1px solid #333;
background:inherit;}

/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0 0 5px 15px;
  padding: 0;
  list-style: none;
}


a.thumb img {
  
  border: 5px solid #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #668FA3;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}




/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0 0 5px 15px;
  padding: 0;
}

ul.thumbs li {
  list-style: none;
}

a.thumb img {
  
  border: 5px solid #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #668FA3;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}
/*------------------------------------------------right panel--------------------*/
#rightabc{
	width:264px;
	float:left;
}
#rightabc h2.mem{
	width:214px;
	height:57px;
	background:url(http://www.abchomepreschool.com/individual2/images/member_login.png) 0 0 no-repeat;
	padding:0 0 0 50px;
	font:bold 20px/57px Arial, Helvetica, sans-serif;
	color:#FF0066;
	background-color:inherit;
}
#rightabc form{
	background:url(http://www.abchomepreschool.com/individual/images/memberlogin_bg.gif) 0 0 repeat-y;
	width:228px;
	padding:0 18px;
	margin:0;
}
#rightabc form input.txtBox{
	width:206px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	/*font:normal 11px/19px Arial, Helvetica, sans-serif;*/
	color:#000;
	background-color:#fff;
	margin:0 0 17px 0;
	padding:0 0 0 20px;
}
#rightabc form a{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#FF6600;
	background-color:#131313;
	text-decoration:underline;
	float:left;
	background:url(http://www.abchomepreschool.com/individual/images/register_here_bg.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
	width:79px;
}
#rightabc form a:hover{
	text-decoration:none;
}
#rightabc form input.login{
	background:url(http://www.abchomepreschool.com/individual/images/btn_login.gif) 0 0 no-repeat;
	width:53px;
	height:13px;
	border:none;
	cursor:pointer;
	float:right;
}
#rightabc p.bottom2{
	background:url(http://www.abchomepreschool.com/individual/images/memberlogin_bot.gif) 0 0 no-repeat;
	width:264px;
	height:25px;
	margin:0 0 5px 0;
}
#rightabc h2.solution{
	font:bold 24px/39px Arial, Helvetica, sans-serif;
	color:#3366CC;
	background-color:#fff;
	padding:0 0 0 17px;
}
#rightabc ul{
	width:238px;
	padding:0 0 0 17px;
}
#rightabc ul li{
	display:block;
	background:url(http://www.abchomepreschool.com/individual/images/solution_div.gif) left bottom repeat-x;
	height:20px;
	width:238px;
	padding:0 0 1px 0;
}
#rightabc ul li a{
	background:url(http://www.abchomepreschool.com/individual/images/arrow.gif) 0 7px no-repeat;
	padding:0 0 0 14px;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-decoration:none;
	margin:0;
	display:block;
}
#rightabc ul li a:hover{
	color:#FF0066;
	background-color:#ECECEC;
}
#rightabc ul li.noImg{
	display:block;
	background-image:none;
	height:20px;
}
