/*************************/
/* orange: #e9656b       */
/* light yellow: #faf1c6 */
/* dark blue: #030773    */
/* medium green: #489283 */
/* darker green: #267061 */
/*************************/
html,body {
  margin: 0; 
	background: #030773; 
  font-size: 100%;
	font-family: arial, helvetica, sans-serif;
  }
table tr {vertical-align: top;}
td {font-family: arial,sans-serif;
	color: black;
	font-size: 85%;
}
form table th, form table td {text-align: right;}
form table th.left, form table td.left {text-align: left;}

#widthholder {width: 50em; 
	margin: auto;
  background: #ffffff url(../images/blueyellowstripe.gif);
  background-repeat: repeat-y;
  }
h1 {font-size: 1.2em;
	background: #ffffff;
  margin: 0;
  line-height: 1.5em;
	color: #489283;
  letter-spacing: 2px;
}
h1 span {color: #030773;}
h1 a {text-decoration: none;
	color: #489283;
}
h1 a img {border: none;}

/* for index.html */
/* for index.html */
/* for index.html */
#index-widthholder {width: 90%;
	/*height: 100%; */
	margin: auto;
  background: #faf1c6 url(../images/indexbannerbg.gif);
	background-repeat: repeat-x;
  }
#index-h1holder {height: 40px;
  margin: 0;
}

#index-banner {background: url(../images/indexnav.gif);
	background-repeat: no-repeat;
  background-position: 0 -15px;
  width: 645px;
/*  height: 355px;*/
	margin: 0;
  float: left;
}
/***********************/
/* about       272  56 */
/* comm res    331  84 */
/* par ed      373 113 */
/* car seat    418 147 */
/* gc          444 181 */
/* newsletters 354 238 */
/* devguides           */
/* vol         336 265 */
/* espanol     297 292 */
/* search      348 331 */
/* cal         348 362 */
/***********************/
#index-mainnav {padding: 0;
	margin: 0;
	width: 595px;
	height: 385px; /*was 375*/
	font-family: helvetica, arial, sans-serif;
  /*border: 1px solid red;*/
}
#index-mainnav ul.mainnav {margin: 0 0 0 235px; padding: 0; /*was 290*/
	display: block;
  height: 490px;
  overflow: hidden;
}
#index-mainnav ul.mainnav li#about {margin: 3px 0 0 30px; padding: 0;}
#index-mainnav ul.mainnav li#comres {margin: 0 0 0 79px; padding: 0;}
#index-mainnav ul.mainnav li#faq {margin: 0 0 0 121px; padding: 0;}
#index-mainnav ul.mainnav li#pared {margin: 0 0 0 153px; padding: 0;}
#index-mainnav ul.mainnav li#carseat {margin: 0 0 0 176px; padding: 0;}
#index-mainnav ul.mainnav li#gc {margin: 0 0 0 190px; padding: 0;}
#index-mainnav ul.mainnav li#jfm {margin: 0 0 0 182px; padding: 0;}
#index-mainnav ul.mainnav li#newsletters {margin: 0 0 0 160px; padding: 0;}
#index-mainnav ul.mainnav li#devguides {margin: 0 0 0 122px; padding: 0;}
#index-mainnav ul.mainnav li#volopps {margin: 0 0 0 77px; padding: 0;}
#index-mainnav ul.mainnav li#espanol {margin: 0 0 0 25px; padding: 0;}
#index-mainnav ul.mainnav li#search {margin: 4px 0 0 74px;}
#index-mainnav ul.mainnav li#cal {margin: 2px 0 0 74px;}
#index-mainnav ul.mainnav, #index-mainnav ul.mainnav li {
	list-style-type: none;
  font-size: 16px;
  font-weight: bold;
}
#index-mainnav ul.mainnav li {margin: 3px;
	display: block;
  height: 1.78em; /*was 1.85*/
}
#index-mainnav ul.mainnav li a {text-decoration: none;}
#index-mainnav ul.mainnav li a:link {color: #555555;}
#index-mainnav ul.mainnav li a:visited {color: #555555;}
#index-mainnav ul.mainnav li a:hover {color: #e9656b;}

#index-mainnav ul.mainnav li#search a:link, #index-mainnav ul.mainnav li#search a:visited {background: url(../images/searchbutton.gif);
	background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  width: 94px; height: 22px;
  font-size: 0;
}
#index-mainnav ul.mainnav li#cal a:link, #index-mainnav ul.mainnav li#cal a:visited {background: url(../images/calendarbutton.gif);
	background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  width: 94px; height: 22px;
  font-size: 0;
}
#index-mainnav ul.mainnav li#search a:hover {background: #489283 url(../images/searchbuttonon.gif);}
#index-mainnav ul.mainnav li#cal a:hover {background: #489283 url(../images/calendarbuttonon.gif);}

div#thelatest {position: relative; top: 185px; left: 550px; 
	z-index: 10; 
  width: 8em; 
  font-size: 120%; 
  font-weight: bold; 
  background: white; 
  border: 1px solid #489283;
}
div#thelatest a {color: #e9656b; text-decoration: none;}


#index-contentwrapper {width: 100%; /* 43.25 for IE */
/*	margin: -95px 0 2em 106px;*/
  margin: 0; padding: 0;
  background: url(../images/indexnavsidebg.gif);
  background-repeat: repeat-y;
  }
#index-content {background: white;
	border: 2px solid #e9656b;
  padding: 1em;
	color: black;
	margin: 1.5em 1.5em 0 650px;
  line-height: 1.1em;
  }
#index-content p a:link, #index-content p a:visited {color: #489283;}

/* for pages other than index.html */
/* for pages other than index.html */
/* for pages other than index.html */
#h1holder {height: .4em;
}
#banner {background: url(../images/smalllogo.gif);
	background-repeat: no-repeat;
  background-position: 0 0;
  height: 123px;
	margin: 20px 0;
}
#banner img {float: left;
}

/* holds Facebook button */
div#fb {position: fixed; top: 7px; right: 7px;}
div#fb a img {border: 0;}

/* holds Twitter button */
div#twtr {position: fixed; top: 55px; right: 7px;}
div#twtr a img {border: 0;}

#mainnav {padding: 25px 0 0 70px;
}
#mainnav ul {margin: 0 0 0 30px; padding: 0;
	display: block;
  height: 1.75em;
}
#mainnav ul#first {margin: 0 0 0 18px; padding: 0; 
}
#mainnav ul#third {margin: 0 0 0 40px; padding: 0;
}
#mainnav ul, #mainnav ul li {
	list-style-type: none;
  font-size: .9em;
  font-weight: bold;
}
#mainnav ul li {margin: 5px;
  display: inline;
}
#mainnav ul li a {text-decoration: none;
}
#mainnav ul li a:link {color: #030773;}
#mainnav ul li a:visited {color: #777777;}
#mainnav ul li a:hover {color: #267061;}
#contentwrapper {width: 42.45em; /* 43.25 for IE */
	margin: -95px 0 2em 106px;
  background: #ffffff url(../images/whiteulcorner.gif);
	background-repeat: no-repeat;
  }
#content {margin: 1em;
  background: #ffffff;
  }
h2 {font-size: 150%;
	margin: 0;
  line-height: 3em;
  clear: both;
}
h2.index {clear: none; line-height: normal; font-size: 160%; color: #030773}
h3 {font-size: 140%; margin-top: .6em; color: #030773;}
h4 {font-size: 130%; letter-spacing: .2em; line-height: 1.1em; font-variant: small-caps;}
h5 {font-size: 105%;}
h5 img {float: left;}
h6 {font-size: 105%; text-decoration: underline; color: #333399;}
h2, h3 {text-align: center;}
h2, h3, h4, h5 {margin-bottom: .2em;}
h5, p {margin-top: .3em;}

h2 span {font-size: 65%;}

div#buttons {background: url(../images/orangeyellowstripe.gif);
	background-repeat: repeat-y;
  width: 100px;
  height: 55px;
  margin: -20px 0 0 0;
	}
#searchbutton {margin: 0 0 0 5px;
}
#searchbutton a:link, #searchbutton a:visited {background: url(../images/searchbutton.gif);
	background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  width: 94px; height: 22px;
}
#searchbutton a:hover {background: #489283 url(../images/searchbuttonon.gif);}
#calendarbutton {margin: 5px 0 0 5px;
}
#calendarbutton a:link, #calendarbutton a:visited {background: url(../images/calendarbutton.gif);
	background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  width: 94px; height: 22px;
}
#calendarbutton a:hover {background: #489283 url(../images/calendarbuttonon.gif);}

#nowlater {background: #e1e1ff;
	width: 85%;
  margin: auto;}
.emph {color: #cc0099;}
.red {font-weight: bold;
	color: red;
}
#index-contact {color: #000000;
	margin: 30px 10px;
  font-size: 90%;
  line-height: 1.3em;
	text-align: left;
  padding: 0;
  clear: left;
}

div.image {float: left; margin: .5em;} 
div.image img {border: 1px solid black;}

div.indeximage {margin: 1.5em 0 .5em 10px; 
	border: 1px none black;
  }
/*#index-content div.image {float: none; margin: auto; text-align: center;}*/

#index-contact div.indeximage {margin: 6em 0 0 0;}
#index-contact div.indeximage img {margin: 2px;}

#index-contact div a:link img, #index-contact div a:visited img {border: 1px solid white;}

span strong {color: #3333cc;}
#footer {margin: 2em;
	text-align: center;
  padding: 1em;
  clear: both;
}
#footer p.tabs {font-size: 90%;}
#footer p.tabs a {text-decoration: none;}
#footer p.tabs a:hover {text-decoration: underline;}

/* styles from car seat program*/
/* styles from car seat program*/

/* below styles from Community Resources */
/*h3 {font-size: 130%; letter-spacing: .3em; font-variant: small-caps;}
h4 {font-size: 105%; text-decoration: underline; color: #333399;}
h5 {font-size: 105%;}
h1, h2, h3 {text-align: center;}
h2, h3, h4, h5 {margin-bottom: .2em;}
h5, p {margin-top: .3em;}*/
em {color: #003399;
	font-weight: normal;
}
p.headexpl {font-size: 85%;}
p img {float: left; margin: 1em 2em 1em 0; border: 1px solid black;}
strong {font-size: 110%;}
/* below from http://www.webmasterworld.com/css/3555005.htm */
ol, ul {zoom: 1; /* turn on hasLayout for IE<= 6 */
	overflow: auto; /* shrink the list to sit beside floats in compliant browsers */
	margin: 0; padding: 0; /* zero the defaults so only one or other is used per you margin request below */ 
}
ol li, ul li {margin: 0 0 0 2em;}
ul.pl li {list-style-type: none; line-height: 1.6em;}

ol.faq {line-height: 2em;}
ol.faq li {margin: 1em 2em;}
#a1,#a2,#a3,#a4,#a5,#a6,#a7, #a8 {display: none;}

.aside {float: right; width: 25%; margin: .5em;}
/* above styles from Community Resources */

.twocol {float: right; width: 47%; margin: 1em .5em 0;}
.twocol h2 {font-size: 150%; line-height: normal;}
.twocol h2 span {color: #e9656b; font-size: inherit;}
ul.cols {}
ul.cols li {list-style-type: none; float: right; width: 32%; margin: 0; height: 17em;}
ul.cols li a {text-decoration: none;}
ul.cols li a img {margin: .3em 0;}

/* below styles from parenting_education.html*/
div.satspecial {display: NONE;}
.satspecial p {text-align: center; line-height: 1.8em;}
.satspecial p.imp {font-size: 120%;}
.btw {font-size: 80%; color: #444477;}
.imp {font-size: 120%; color: #0000bb; font-weight: bold; font-style: italic; text-align: center;}
.imp span {font-size: 125%; font-style: normal;}
/* above styles from parenting_education.html*/

/* below styles from developmental_guides.html */
div.devguides {background: #fcf3e8;
  font-family: arial,sans-serif;
  font-size: 90%;
  width: 90%;
  clear: left;
  }
div.devguides h3 {background: #e9656b;
	text-align: center;
  padding: 4px;
  margin: 1em 0 .5em 0;
  font-size: 133%;
  }
div.devguides  a:link {color: white;}
ul.circle li {list-style-type: circle; margin: .5em 0 .75em 3em;}
/* above styles from developmental_guides.html */

/* below styles for maps page */
.mapholder {width: 550px; height: 550px;
	margin: 0 0 4em 0;
}
/* above styles for maps page */

div.clr {clear: both; 
	height: 2em;
  }