body { color: #333; background-color: #e0e1e3; }
#wrap { background-color: #fff; background-image: url(../images/css/bg_body_subpage.jpg); background-repeat: no-repeat; position: relative; width: 935px; margin-right: auto; margin-left: auto; }
#content-wrap { width: 935px; float: left; }
#highlights { width: 333px; float: right; margin-right: 20px; padding-top: 230px; }
.row { width: 935px; height: 1px; clear: both; }
.subpage h1 { color: #000; }
#crumb { position: absolute; top: 135px; left: 20px; list-style: none; }
#crumb li { float: left; margin-right: 10px; }
#crumb a { color: #666; text-decoration: none; }
/*<agl.folder "you are here">*/
#about #wrap #p7menubar li a#navabout, #programs #wrap #p7menubar li a#navprograms, #events #wrap #p7menubar li a#navevents, #help #wrap #p7menubar li a#navhelp, #resources #wrap #p7menubar li a#navresources, #media #wrap #p7menubar li a#navmedia, #sponsors #wrap #p7menubar li a#navsponsors { color: #fff; background-position: 10px 0; }
/*</agl.folder>*/
/*<agl.folder "match form">*/
  #match { font-size: 12px; position: absolute; top: 100px; left: 598px; }
  form#match h2 { display: none; }
  form#match label { color: #000; float: left; clear: left; margin-top: 3px; }
  form#match select { float: left; margin-bottom: 8px; margin-left: 8px; }
/*</agl.folder>*/
/*<agl.folder "maincontent">*/
  #maincontent a { color: #000; text-decoration: underline; }
  #maincontent a:hover { text-decoration: none; }
  #maincontent { line-height: 1.3; width: 545px; float: left; padding-top: 135px; padding-bottom: 15px; padding-left: 15px; }
  #maincontent h1 { line-height: 1.2; margin-bottom: 0.5em; }
  #maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent p, #maincontent ul, #maincontent form, #maincontent dl, #maincontent table { padding-right: 5px; padding-left: 5px; }
  #maincontent h2 { color: #000; font-size: 18px; margin-top: 1em; margin-bottom: 0.5em; padding-top: 0.75em; border-top: 1px solid black; }
  #maincontent h2.first { padding-top: 0; border-style: none; }
  #maincontent h3 { color: #333; font-size: 15px; line-height: 1.2; margin-top: 0.75em; }
  #maincontent p { margin-top: 0.25em; margin-bottom: 0.75em; }
  #maincontent ul, #maincontent ol { margin-top: 0.25em; margin-bottom: 0.75em; padding-left: 2em; }
  #maincontent li { margin-bottom: 0.25em; }
  #services { margin-top: 1.5em; }
  #maincontent #services th { color: #d6d6d6; background-color: #000; text-align: left; padding: 5px 10px; }
  #maincontent #services td { padding: 5px 10px 1px; }
/*</agl.folder>*/
/*<agl.folder "highilights">*/
  #highlights { padding-bottom: 15px; }
  #highlights h2 { color: #000; font-size: 1.3em; margin-bottom: 0.25em; padding-top: 1em; padding-right: 11px; padding-left: 11px; border-top: 1px solid #000; }
  #highlights p { margin-top: 0.25px; padding-right: 11px; padding-left: 11px; }
  #highlights h3 { font-size: 1em; margin-top: 0.25em; padding-left: 11px; }
  #highlights h3 a { color: black; font-weight: normal; background-image: url(../images/css/arrow.gif); background-repeat: no-repeat; background-position: 0 5px; text-decoration: none; padding-left: 10px; }
  form#contact { margin-top: 2em; padding-top: 1.5em; padding-left: 11px; border-top: 1px solid #000; }
  form#contact #email { color: #999; }
  form#contact input { width: 233px; height: 16px; margin-top: 5px; }
  form#contact input.submit { vertical-align: top; width: 58px; height: 20px; margin-left: 3px; }
/*</agl.folder>*/
/*<agl.folder "adspace">*/
  #adspace img { margin-bottom: 2em; }
/*</agl.folder>*/
#info ul { font-size: xx-small; background-image: url(../images/css/bg_hours_blk.jpg); background-repeat: no-repeat; text-indent: -999em; width: 856px; height: 13px; margin-left: 30px; }
#info dd a { color: #000; }
.subpage #info dd { border-left-color: #000; }
/*<agl.folder "events">*/
  #events .item { text-align: center; width: 100px; float: left; margin-top: 1em; margin-right: 5px; }
  #events .item.horiz { width: 150px; }
  #events .item h5 { font-size: 1em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: center; width: 150px; margin: 0; padding: 0; }
  #events #maincontent img { margin-left: 5px; }
  #events .special .item { text-align: left; width: 250px; float: left; margin-top: 1em; margin-right: 20px; margin-bottom: 1.5em; }
  #events .special .item em { font-size: 11px; font-style: normal; }
/*</agl.folder>*/
/*<agl.folder "forms">*/
  #maincontent form strong { font-size: 1em; }
  #maincontent form td { padding-top: 0.75em; }
/*</agl.folder>*/
/*<agl.folder "helpline">*/
  #resources #maincontent dl, #resources #maincontent dd {
  margin: 0;
 }
  #resources #maincontent label { margin-top: 0.75em; margin-bottom: 0.25em; display: block; }
/*</agl.folder>*/
table.sample {
 border-spacing: 3px;
 border-collapse: separate;
 background-color: rgb(255,250,250);
 }
table.sample th {
 padding: 5px;
 background-color: rgb(175,194,132);
 border: double 1px gray;
 -moz-border-radius: 3px 3px 3px 3px;
 }
table.sample td {
 padding: 5px;
 background-color: #fff;
 border: double 1px gray;
 -moz-border-radius: 3px 3px 3px 3px;
 }
#logos { text-align: center; width: 530px; margin-left: 5px; }
strong em { font-style: normal; white-space: nowrap; }
.special #maincontent h3 { padding-top: 0.5em; border-top: 1px solid #1f1f1f; }
/*<agl.folder "happytails">*/
  #happytails #wrap { background-image: url(../images/css/bg_body_subpage_nomatch.jpg); }
  #happytails #maincontent h1 { display: none; }
  #happytails #highlights h2.first { border-style: none; }
  #happytails #highlights ul.ctas { margin-top: 0.75em; margin-bottom: 1em; padding-left: 10px; }
  #happytails #maincontent ul.ctas { margin-top: 0.75em; margin-bottom: 1em; padding-left: 6px; }
  #happytails #maincontent ul.ctas li, #happytails #highlights ul.ctas li { margin-top: 0.25em; margin-bottom: 0.25em; list-style-type: none; }
  #happytails #highlights a { color: #000; text-decoration: underline; }
  #happytails #highlights a:hover { text-decoration: none; }
  #happytails #highlights dl { margin-top: 0.5em; margin-bottom: 0.75em; margin-left: 11px; }
  #happytails #highlights p { margin-bottom: 1em; }
  #happytails #highlights em { color: #999; font-style: normal; }
  
  .steps #maincontent form label, #happytails #maincontent form label, #happytails #highlights form label { font-weight: bold; margin-top: 0.75em; margin-bottom: 0.25em; margin-left: 11px; display: block; }
  .steps #maincontent form input, #happytails #maincontent form input, #happytails #highlights form input { margin-left: 11px; display: block; }
  .steps #maincontent form input.inline, #happytails #maincontent form input.inline, #happytails #highlights form input.inline { margin-bottom: 0.75em; display: inline; }
  .steps #maincontent form select, #happytails #maincontent form select, #happytails #highlights form select { margin-bottom: 1em; margin-left: 11px; }
  .steps #maincontent label em, #happytails #maincontent label em, #happytails #highlights label em { color: #ee5b00; font-style: normal; }
  .steps #maincontent label.inline, #happytails #maincontent label.inline, #happytails #highlights label.inline { font-weight: normal; margin-right: 10px; margin-left: 0; display: inline; }
  .steps #maincontent form h3, #happytails #maincontent form h3, #happytails #highlights form h3 { color: #000; font-size: 1.1em; margin-top: 1.5em; padding-top: 0.75em; border-top: 1px solid #666; }
  
  #happytails #highlights a#tally { font-size: 10px; text-decoration: none; text-transform: uppercase; margin-left: 11px; padding-top: 2px; padding-bottom: 2px; display: block; }
  #happytails #highlights a#tally:hover { text-decoration: underline; }
  #happytails .tally #maincontent h3 { margin-bottom: 0.25em; }
  #happytails .tally #maincontent dd { margin-bottom: 0.5em; }
  #happytails .tally #maincontent .item { width: 175px; float: left; }
  #happytails .tally #highlights a#tally { display: none; }
  #sponsors { position: absolute; top: 50px; right: 20px; }
  #sponsors h3 { font-size: 0.9em; text-transform: uppercase; text-align: right; margin-bottom: 1em; }
/*</agl.folder>*/