/* universal -----*/

* {
  margin: 0;
  padding: 0;
}
body {
  color: #608fad;
  font-family: georgia, times, serif;
  font-size: 11px;
  text-align: center;
  background: #5e90af;
}
h3 {
  margin: 0 20px -10px;
  font-size: 16px;
  line-height: 1em;
}
p {
  margin-bottom: 10px;
}
a {
  color: #608fad;
}
a img {
  border: none;
}
small {
  font-size: 10px;
}
ul {
  list-style: none;
}

hr {
  display: none;
}
div.hr {
  height: 1px;
  background: url(../site/images/dots.gif) top left repeat-x;
}


/* masthead -----*/

#wrapper {
  width: 760px;
  margin: 0 auto;
  text-align: left;
  background: #fff;
  position: relative;
}
#masthead {
  height: 100px;
  position: relative;
}
#logo {
  width: 180px;
  height: 90px;
  background: url(../site/images/logo.gif) center center no-repeat;
  position: absolute;
  left: 20px;
  bottom: 0;
}
#masthead h1 {
  width: 405px;
  position: absolute;
  right: 12px;
  top: 18px;
}
.acro {
  font-weight: bold;
  font-style: italic;
}
#masthead p {
  width: 350px;
  margin: 0;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  right: 20px;
  top: 30px;
}
ul#mainlinks {
  list-style: none;
  float: right;
  position: absolute;
  right: 10px;
  top: 69px;
}
ul#mainlinks li {
  border-right: solid 1px #fff;
  float: left;
}
ul#mainlinks li a {
  text-indent: -9999px;
  height: 30px;
  background-position: 0 0;
  background-repeat: no-repeat;
  float: left;
  display: block;
}
ul#mainlinks li a#defaultlink {
  width: 60px;
  background-image: url(../site/images/nav/default.gif);
}
ul#mainlinks li a:hover {
  background-position: 0 -30px;
}
ul#mainlinks li a#aboutuslink {
  width: 79px;
  background-image: url(../site/images/nav/about.gif);
}
ul#mainlinks li a#productslink {
  width: 80px;
  background-image: url(../site/images/nav/products.gif);
}
ul#mainlinks li a#programslink {
  width: 79px;
  background-image: url(../site/images/nav/programs.gif);
}
ul#mainlinks li a#happeningslink {
  width: 100px;
  background-image: url(../site/images/nav/happenings.gif);
}


/* masthead: drop-down menus -----*/

ul#mainlinks li {
  position: relative;
}
ul#mainlinks li ul, ul#mainlinks li li, ul#mainlinks li li a {
  float: none;
}
ul#mainlinks li ul.dropdown {
  height: 100%;
  position: absolute; top: 30px; left: 0;
  display: none;
}
ul#mainlinks li.revealed ul.dropdown {
  display: block;
}
ul#mainlinks li ul.dropdown li {
  border: 1px solid #3884b4; border-right: 0; border-bottom: 0;
  width: 190px; height: auto;
  position: relative;
}
ul#mainlinks li ul.dropdown li a {
  text-indent: 0;
  display: block;
  width: 175px; height: auto;
  padding: 7px;
  color: #fff;
  background-color: #085484;
  text-decoration: none;
}
ul#mainlinks li ul.dropdown li a:hover {
  background-color: #3884b4;
}


/* masthead: drop-down submenus -----*/

ul#mainlinks li ul.dropdown li.submenu a {
/*
  background-color: #206c9c;
*/
}
ul#mainlinks li ul.dropdown li.submenu a:hover {
/*
  background-color: #3884b4;
*/
}
ul#mainlinks li ul.dropdown li.submenu ul {
  display: none;
  position: absolute; top: 5px; left: 189px;
}
ul#mainlinks li ul.dropdown li.revealed ul {
  display: block;
}
ul#mainlinks li ul.dropdown li.submenu ul a {
  background-color: #085484;
}
ul#mainlinks li ul.dropdown li.submenu ul a:hover {
  background-color: #3884b4;
}


/* banner -----*/

#banner {
  height: 300px;
  background: url(../site/images/banner.jpg) center center no-repeat;
  position: relative;
}

.with_flash#banner {
  background: none;
  height: 400px;
}

#banner_dev {
  height: 300px;
  background: url(../site/images/banner_plusmovie.jpg) center center no-repeat;
  position: relative;
}
#banner_dev a#videoLink {
  display: block;
  position: relative;
  top: 190px;
  left: 260px;
  height: 90px;
  width: 220px;
}
#intro {
  width: 320px;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  left: 40px;
  top: 70px
}
#intro img {
  margin-right: 10px;
  border: solid 2px #fff;
  float: left;
}
#intro p {
  margin-bottom: 10px;
}
#intro a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 1px #fff;
}
#waystohelp {
  line-height: 18px;
  position: absolute;
  left: 40px;
  top: 220px;
}
#waystohelp ul {
  list-style: none;
}
#waystohelp li {
  padding-left: 15px;
  background: url(../site/images/bullet.gif) left center no-repeat;
}
#waystohelp li a {
  color: #fff;
  font-family: times, serif;
  font-size: 12px;
  text-decoration: none;
}
#waystohelp li a:hover {
  text-decoration: underline;
}


/* columns -----*/

#columnheadings {
  height: 30px;
  background: url(../site/images/columnheadings.gif) center top no-repeat;
}
.row {
  margin: 10px 10px 0 10px;
  padding-bottom: 10px;
  background: url(../site/images/dottedline.gif) center bottom repeat-x;
}
.row ul {
  margin-bottom: 10px;
  list-style: none;
}
.row li {
  padding-left: 15px;
  background: url(../site/images/bluebullet.gif) left center no-repeat;
}
.row li a {
  font-family: times, serif;
  font-size: 12px;
  text-decoration: none;
}
.row li a:hover {
  text-decoration: underline;
}
a.readmore {
  font-weight: bold;
}
a.readmore:hover {
  color: #fff;
  text-decoration: none;
  background: #608fad;
}
.leftcolumn {
  width: 260px;
  margin-right: 20px;
  float: left;
  display: inline;
}
.middlecolumn {
  width: 210px;
  float: left;
  display: inline;
}
.rightcolumn {
  width: 220px;
  float: right;
  display: inline;
}
.leftcolumn, .rightcolumn, .middlecolumn {
  line-height: 135%;
}
a#catalog {
  width: 260px;
  height: 152px;
  background: url(../site/images/viewcatalog_sheds.jpg) left top no-repeat;
  display: block;
}
a:hover#catalog {
  background-position: left bottom;
}


/* new front-page row -----*/
#whats_happening, #social_network, #directors_statement, #watch_us_work, #testimonials, #medicaid {
  width: 330px;
  float: left;
  margin: 0 15px 20px 15px;
}
#social_network, #directors_statement, #medicaid {
  margin: 20px 0px 0px 0px;
}
#whats_happening h4 {
  text-indent: -9999px;
  background: url(../site/images/whats_happening.gif) top left no-repeat;
  height: 35px;
}
#whats_happening p img {
  float: left;
  margin-right: 10px;
}
#social_network h4 {
  text-indent: -9999px;
  background: url(../site/images/social_network.gif) top left no-repeat;
  height: 35px;
}
#watch_us_work h4 {
  text-indent: -9999px;
  background: url(../site/images/watch_work.gif) top left no-repeat;
  height: 35px;
}
#directors_statement h4 {
  text-indent: -9999px;
  background: url(../site/images/directors-statement_short.gif) top left no-repeat;
  height: 35px;
}
#medicaid h4 {
  text-indent: -9999px;
  background: url(../site/images/medicaid.gif) top left no-repeat;
  height: 35px;
}
#testimonials h4 {
  text-indent: -9999px;
  background: url(../site/images/testimonials_short.gif) top left no-repeat;
  height: 35px;
}


/* footer -----*/

#footer {
  padding: 10px;
  font-family: times, serif;
  text-align: center;
}


/* specialty -----*/

.clear {
  height: 0;
  clear: both;
  display: block;
}
.textpage ul {
  margin-left: 30px;
  font-weight: bold;
  line-height: 1.5em;
}
.textpage li {
  margin-bottom: 1em;
  padding-left: 15px;
  background: url(../site/images/semi-solid-bullet.gif) left 5px no-repeat;
}
.photo {
  margin: 0 0 10px 10px;
  padding: 5px;
  border: solid 1px #c0d4e0;
  float: right;
}
.pictureborder {
  padding: 5px;
  background: #fff;
  border: solid 1px #c0d4e0;
}