/* page structure stylesheet */ 
html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-color: #8BD5F0;
	background-image: url(../images/page-bknd.jpg);
	background-repeat: repeat-x;
	background-position: top;
} 
 
#pagewidth{
	width:900px;
	text-align:left;
	margin-left:auto;
	background-color: #FFF;
	margin-right: auto;
} 
 
#header{
	position:relative;
	background-color:#FFF;
	width:100%;
} 

#search{
	position:absolute;
	width:470px;
	float: right;
	font-family: Tahoma, Arial, Helvetica, "sans serif";
	font-size: 12px;
	color: #333;
	height: 64px;
	left: 408px;
	top: 21px;
}

 
#search a:link{
	color: #333;
	text-decoration: none;
}

#search a:active{
	color: #C00;
	text-decoration: underline;
}
#search a:hover{
	color: #C00;
	text-decoration: underline;
}
#search a:visited{
	color:#333;
	text-decoration: none;

}


#search2{
	position:absolute;
	width:421px;
	float: right;
	font-family: Tahoma, Arial, Helvetica, "sans serif";
	font-size: 12px;
	color: #333;
	height: 64px;
	left: 457px;
	top: 21px;
}

 
#search2 a:link{
	color: #333;
	text-decoration: none;
}

#search2 a:active{
	color: #C00;
	text-decoration: underline;
}
#search2 a:hover{
	color: #C00;
	text-decoration: underline;
}
#search2 a:visited{
	color:#333;
	text-decoration: none;

}

#head-bar{
	height:100px;
	width:100%;
	position: relative;
	background-image: url(../images/top-bar.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFF;
}
 
#nav{
	height:50px;
	width:100%;
	position: relative;
	background-image: url(../images/navbar-bknd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
} 

#promise-bar{
	height: 60px;
	width: 590px;
	margin-left: 20px;
	margin-right: 10px;
	
	}

 
#leftcol{
	width:300px;
	float:left;
	position:relative;
	background-color:#FFF;
	margin-left: 10px;
 }
 
 #leftcol-int{
	width:180px;
	float:left;
	position:relative;
	background-color:#FFF;
	padding-top: 25px;
	border-left-style: none;
	border-left-color: #C60;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #C60;
	margin-left: 20px;
 }

#twocols{
	width:900px;
	float:right;
	position:relative;
  }
 
#rightcol{
	width:260px;
	float:right;
	position:relative;
	background-color: #FFF;
 }
 
#maincol{
	float: right;
	display:inline;
	position: relative;
	width:580px;
	padding-bottom: 20px;
 }
 
#maincol-int{
	float: right;
	display:inline;
	position: relative;
	width:640px;
	padding-bottom: 20px;
	padding-right: 40px;
 } 
 
 
#maincol-int2{
	float: right;
	display:inline;
	position: relative;
	width:660px;
	padding-bottom: 20px;
	padding-right: 10px;
 } 
  
 
 #maincol-biz{
	float: right;
	display:inline;
	position: relative;
	width:640px;
	padding-bottom: 20px;
	padding-right: 40px;
	background-image: url(../images/biz-pg-bknd2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
 }
 
  #maincol-about{
	float: right;
	display:inline;
	position: relative;
	width:640px;
	padding-bottom: 20px;
	padding-right: 40px;
	background-image: url(../images/biz-pg-bknd.jpg);
	background-repeat: no-repeat;
	background-position: right top;
 }
 
   #maincol-ready{
	float: right;
	display:inline;
	position: relative;
	width:640px;
	padding-bottom: 20px;
	padding-right: 40px;
	background-image: url(../images/readypg-bknd.jpg);
	background-repeat: no-repeat;
	background-position: right top;
 }

   #maincol-residents{
	float: right;
	display:inline;
	position: relative;
	width:640px;
	padding-bottom: 20px;
	padding-right: 40px;
	background-image: url(../images/resident-bkd.jpg);
	background-repeat: no-repeat;
	background-position: right top;
 }
 
    #maincol-resources{
	float: right;
	display:inline;
	position: relative;
	width:640px;
	padding-bottom: 20px;
	padding-right: 40px;
	background-image: url(../images/resources-bknd2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
 }
    #maincol-kids{
	float: right;
	display:inline;
	position: relative;
	width:640px;
	padding-bottom: 20px;
	padding-right: 40px;
	background-image: url(../images/kids-bknd2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
 }
 
#maincol-kids2{
	float: right;
	display:inline;
	position: relative;
	width:640px;
	padding-bottom: 20px;
	padding-right: 40px;
	background-image: url(../images/kids-bknd3.jpg);
	background-repeat: no-repeat;
	background-position: right top;
 }
 
    #maincol-news{
	float: right;
	display:inline;
	position: relative;
	width:640px;
	padding-bottom: 20px;
	padding-right: 40px;
	background-image: url(../images/news-bkd.jpg);
	background-repeat: no-repeat;
	background-position: right top;
 }

   #maincol-blog{
	float: right;
	display:inline;
	position: relative;
	width:640px;
	padding-bottom: 20px;
	padding-right: 40px;
	background-image: url(../images/blog-bkd2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
 }
 
 #maincol-search{
	float: left;
	display:inline;
	position: relative;
	width:700px;
	padding-bottom: 20px;
	margin-left:80px;
 } 
 
 #ActionBox{
	float: left;
	display:inline;
	position: relative;
	width:100%;
	padding-bottom: 20px;
	background-color: #FFF;
 }
 
#footer{
	clear:both;
	background-image: url(../images/footer-bknd2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 5px;
	background-color: #C3E7F3;
 }
 

 
/* Add'l Home Pg Divs */

#news-box{
	width: 275px;
	background-image: url(../images/newsfeed-bottom.gif);
	background-repeat: repeat-y;
	background-position: center bottom;
	background-color: #FFF;
	display: inherit;
	margin-top: 0px;
	margin-left: 15px;
	padding: 0px;
	margin-bottom: 0px;
	height: 340px;
	}	
#news-bottom{
	width: 275px;
	background-image: url(../images/newsfeed-bttom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFF;
	height: 35px;
	margin-left: 15px;
	margin-top: 0px;
	padding-top: 0px;
	}

}
#slideshow{
	position: relative;
	height:340px;
	width:580px;
	float: left;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#kit-box{
	position: relative;
	height: 132px;
	width: 267px;
	background-image:url(../images/box-kit-bknd.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 15px;
}
#kit-box2{
	position: relative;
	height: 146px;
	width: 173px;
	background-image:url(../images/box2-kit.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 30px;
}

#plan-box{
	position: relative;
	height: 132px;
	width: 267px;
	background-image:url(../images/box-plan-bknd.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 10px;
}

#plan-box2{
	position: relative;
	height: 146px;
	width: 173px;
	background-image:url(../images/box2-plan.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 5px;
	margin-left: 5px;
}

#inf-box{
	position: relative;
	height: 132px;
	width: 267px;
	background-image:url(../images/box-informed-bknd.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 10px;
}
#inf-box2{
	position: relative;
	height: 146px;
	width: 173px;
	background-image:url(../images/box2-informed.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 10px;
}


#box-links {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	width: 140px;
	height: 90px;
	margin-left: 25px;
	font-weight: bold;
	padding-top: 6px;
	line-height: 18px;
	margin-top: 50px;
	float: left;
}

#box-links a:link{
	color: #fff;
	text-decoration: none;
}

#box-links a:active{
	color: #FF0;
	text-decoration: underline;
}
#box-links a:hover{
	color: #FF0;
	text-decoration: underline;
}
#box-links a:visited{
	color:#fff;
	text-decoration: none;

}


/* Interior divs */

#lt-blue-box{
	width: 205px;
	height: 162px;
	background-image: url(../images/blue-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #DCE3ED;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}	
#lt-green-box{
	width: 205px;
	height: 162px;
	background-image: url(../images/green-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #E1E6D2;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#NewMessage{
	background-color: #BCF7FA;
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	padding: 10px;
	margin-left: 30px;	
	}	
	
.rounded {
  -moz-border-radius-topleft:2ex;
  -moz-border-radius-topright:2ex;
  -moz-border-radius-bottomright:2ex;
  -moz-border-radius-bottomleft:2ex;
  -webkit-border-top-left-radius:2ex;
  -webkit-border-top-right-radius:2ex; 
  -webkit-border-bottom-right-radius:2ex;
  -webkit-border-bottom-left-radius:2ex;
}	
.rounded2 {
  -moz-border-radius-topleft:1ex;
  -moz-border-radius-topright:1ex;
  -moz-border-radius-bottomright:1ex;
  -moz-border-radius-bottomleft:1ex;
  -webkit-border-top-left-radius:1ex;
  -webkit-border-top-right-radius:1ex; 
  -webkit-border-bottom-right-radius:1ex;
  -webkit-border-bottom-left-radius:1ex;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
/*print styles */
#printhead{display:none;} 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
#printhead{display:block;width:100%; float:none;}
#twocols, #maincol{display:block;width:100%; float:none;}

/*hide these items when printing*/ 
#leftcol-int{display:none;} 
#rightcol{display:none;} 
#header {display:none;} 
#nav {display:none;}
#top-pic {display:none;}
#buttons{display:none;}
#footer{display:none;} 

}
