body {
  background-color: #938B38;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  line-height: 120%;
  margin: 2% 0 2% 0;
  padding: 0;
  text-align: center;
}
* html body{
  width: 98%;
}
#wrapper{
/*border: 1px solid red;*/
  max-width: 950px;
  text-align: left;
  margin: 0 auto;/* auto value center aligns wrapper in all browsers */
  position: relative;
  background: url(images/wrapperback.gif) repeat-y 18% 0;
}
#header{
/*border: 1px solid #33FFFF;*/
  width: 100%;
  height: 187px;
  padding: 0;
  background: url(images/headinglong.jpg) no-repeat 0 0;
  font-family: Rockwell, Georgia, "Trebuchet MS", "Times New Roman";
  color: #fffffa;
  text-align: right;
  position: relative;
  float: left;
  display: none;
}
* html #header{
  background: #471F27 url(images/headinglong.jpg) no-repeat 0 0;
}
#content{
/*border: 1px solid gray;*/
  width: 98%;
  margin: 0;
  padding: 0;
  float: right;
  background: #fff;
}
#content .columnfull{
  width: 98%;
  float: left;
  margin:0;
  padding: 1%;
}

#youarehere{
  margin: 0 0 4px 0;
  text-align: left;
  padding: 0 0 2px 18px;
  font-size: 14pt;
  font-style: italic;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 border-bottom: 1px solid #938B38;
  width: 90%;
  color: black;
}

#content .column1{
/*border: 1px solid green;*/
  width: 47.5%;
  float: left;
  padding: 1%;
  margin: 0;
  background: transparent;
}
#content .column2{
  /*border: 1px solid yellow;*/
  width: 47.5%;
  float: right;
  padding: 1%;
  margin: 0;
  background: transparent;
}
#sidebar{
 /*border: 1px solid #FFCCCC;*/
  margin: 0;
  padding: .5em;
  width: 18%;
  float: left;
  background: #ccc;
  display: none;
}
#nav{
/*border: 1px solid red;*/
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  position: absolute;
  left:0px;
  bottom:14px;
  text-align:left;
  background: url(images/menubg.gif) center center repeat-x;
  z-index: 2;
  display: none;
}
* html #nav{
background: #662D39 0 repeat-x 1px;
position: absolute;
left:0px;
bottom:0px;
}
#footer{
/*border: 1px solid;*/
  width:98%;
  margin: 0;
  padding: .3% 1%;
  background: #999999;
  text-align: right;
  font-size: .8em;
  float: right;
  margin-top: 20px;
}
* html #footer{
  margin-bottom: -8px;
}
#photos{
/*border: 1px solid yellow;*/
  height: 154px;
  width: 154px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
a img{
  border: none
}
a:visited{
  color: #009900;
}


h1{
  padding-top: 96px;
  padding-right: 180px;
  font-size: 1.2em;
  margin: 0;
}
#content ul li{
  margin-bottom: .5em;
}
.right{
  float: right;
}
#sidebar p.brown{ /* used on homepage sidebar - needs wide bottom margin */
  color: #660000;
  margin-bottom: 80px;
}
#sidebar p.gray{
  color: #666666;
  margin-bottom: 80px;
}
#sidebar p.directory{
  line-height: 100%;
  font-size: 80%;
  font-weight: bold
}


h2{
  color: #666600;
  font-size: 1.3em;
  font-weight: bold;
}
/* ++++++++++++ begin float clearing code ++++++++++++++++ */
/* the .clearfix class can be applied to any container that needs to be cleared.
a better solution might be replacing clearfix with a contextual selector list */

.clearfix:after {/* for browsers that support :after , can sub .clearfix with contextual selectors */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;/* Holly Hack will clear floats in IE 5 and 6 */
}

*:first-child + html .clearfix{
  min-height: 1px;/* clear for IE 7 which doesn't support :after */
}
/* ++++++++++ end float clearing code ++++++++++++++++ */
/* Begin Specific link type styling */

a[href^="http:"]
{
background: url(icons/icon_external.gif) no-repeat right top;
	padding-right:15px;
	}
a[href^="http://www.inclusivechildcare.org"], a[href^="http://inclusivechildcare.org"]
{
background-image: none;
	padding-right:0;
	}
a[href$=".pdf"] {
background: url(icons/icon_pdf.gif) no-repeat right top;
	padding-right:15px;
}
a[href$=".doc"] {
background: url(icons/icon_doc.gif) no-repeat right top;
	padding-right:15px;
	}
a[href^="mailto:"] {
background: url(icons/icon_mailto.gif) no-repeat right top;
	padding-right:15px;
}
a[href$=".xls"] {
background: url(icons/icon_xls.gif) no-repeat right top;
	padding-right:15px;
}
a[href$=".ppt"] {
background: url(icons/icon_ppt.gif) no-repeat right top;
	padding-right:15px;
}
a[href$=".swf"] {
background: url(icons/swf.gif) no-repeat right top;
	padding-right:15px;
}
a.popup {
background: url(icons/icon_popup.gif) no-repeat right top;
	padding-right:15px;
}

a[href$=".ppt"] {
background: url(icons/icon_ppt.gif) no-repeat right top;
	padding-right:15px;
}
/* End specific link style type */