@charset "utf-8";
/* CSS Document */

* { padding: 0; margin: 0; }

.image_replace {text-indent:-9999px; width:0px; height:0px;}

.textRight {text-align:right;}

.floatLeft {float:left;}

.floatRight {float:right;}

.clear {clear:both;}

.clearLeft {clear:left;}

.clearRight {clear:Right;}

.displayNone {display:none;}

/* --
p a {color:#fff; background-color:#67a0e1; text-decoration:none; padding:1px 2px;}
p a:hover {color:#fff; background-color:#3d6a9e; text-decoration:none; padding:1px 2px;}
-- */

p a {color:#3d6a9e; background-color:none; text-decoration:none; border-bottom:1px dotted #3d6a9e; padding:1px 2px;}
p a:hover {color:#fff; background-color:#3d6a9e; text-decoration:none; padding:1px 2px;}

body {
 font-family: Arial, Helvetica, sans-serif;
 background:#fff url(http://www.cdslp.net/images/bg_fade.jpg) repeat-x top left;
 font-size: 62.5%;
}  



#headerWrapper { 
 margin:0 auto;
 width:1073px;
 height:518px;
 overflow:visible;
 /* sets this as the relative element for the header backgrounds - logo and branding rotation - to a 1200px wrapper width - absolute positioning used for BGs */
 background: url(http://www.cdslp.net/images/header6.jpg) no-repeat top center;
 position:relative;
}



.wrapper { 
 margin:0 auto;
 width:1073px;
 height:100%;
 background-color:none;
}

/* ================== COLORED LINK STYLES ================= */

a.blueBlock {color:#fff; background-color:#67a0e1; text-decoration:none; border-bottom:none; padding:1px 2px;}
a.blueBlock:hover {color:#fff; background-color:#3d6a9e; text-decoration:none; border-bottom:none; padding:1px 2px;}

   a.blueUnderline {color:#3d6a9e; background-color:#fff; border-bottom:1px dotted #3d6a9e; padding:1px 2px;}
   a.blueUnderline:hover {color:#fff; background-color:#3d6a9e; text-decoration:none; padding:1px 2px;}

a.orangeBlock {color:#fff; background-color:#f3932c; text-decoration:none; border-bottom:none; padding:1px 2px;}
a.orangeBlock:hover {color:#fff; background-color:#f3932c; text-decoration:none; border-bottom:none; padding:1px 2px;}

   a.orangeUnderline {color:#f3932c; background-color:#fff; border-bottom:1px dotted #ff6600; padding:1px 2px;}
   a.orangeUnderline:hover {color:#fff; background-color:#f3932c; text-decoration:none; padding:1px 2px;}

a.redBlock {color:#ffffff; background-color:#f25f5f; text-decoration:none; border-bottom:none; padding:1px 2px;}
a.redBlock:hover {color:#FFF; background-color:#cc0000; text-decoration:none; border-bottom:none; padding:1px 2px;}

   a.redUnderline {color:#dc5050; background-color:none; border-bottom:1px dotted #dc5050; padding:1px 2px;}
   a.redUnderline:hover {color:#fff; background-color:#dc5050; text-decoration:none; padding:1px 2px;}

a.greenBlock {color:#fff; background-color:#339933; text-decoration:none; border-bottom:none; padding:1px 2px; }
a.greenBlock:hover {color:#fff; background-color:#339933; text-decoration:none; border-bottom:none; padding:1px 2px;}

   a.greenUnderline {color:#339933; background-color:#fff; border-bottom:1px dotted #339933; padding:1px 2px;}
   a.greenUnderline:hover {color:#fff; background-color:#339933; text-decoration:none; padding:1px 2px;}

a.purpleBlock {color:#ffffff; background-color:#a3a2e5; text-decoration:none; border-bottom:none; padding:1px 2px;}
a.purpleBlock:hover {color:#FFF; background-color:#663399; text-decoration:none; border-bottom:none; padding:1px 2px; }

    a.purpleUnderline {color:#663399; background-color:#fff; border-bottom:1px dotted #663399; padding:1px 2px;}
    a.purpleUnderline:hover {color:#FFF; background-color:#663399; text-decoration:none; border-bottom:none; padding:1px 2px; }

    a.lightPurpleUnderline {color:#a3a2e5; background-color:#fff; border-bottom:1px dotted #a3a2e5; padding:1px 2px;}
    a.lightPurpleUnderline:hover {color:#FFF; background-color:#a3a2e5; text-decoration:none; border-bottom:none; padding:1px 2px; }




/* ===================== HEADER STYLINGS ================== */

#headerAddress {
 float:right;
 margin:5px 45px 0 0;
 color:#fff;
 font-size:1.40em;
 line-height:1.30em;
 text-align:right;
}

#headerAddress address {font-style:normal;}
#headerAddress address a {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}

#logo {
 width:317px;
 height:101px;
 background:url(http://www.cdslp.net/images/block_logo.gif) no-repeat top left;
 position:absolute;
 top:135px;
 left:43px;
}

#logoBlock {width:317px; height:101px; display:block;}
#logoBlock a {cursor:pointer;}

#speechBubble {
 width:378px;
 height:320px;
 background:url(http://www.cdslp.net/images/speech_bubble_large.gif) no-repeat top left;
 position:absolute;
 top:255px;
 left:43px;
}

#featuredRotation {
 width:337px;
 height:210px;
 margin:15px 0 0 15px;
 background:none;
}

#featuredSlides { height:190px; overflow:hidden; }
#featuredSlides h2 { color:#3d6a9e; font-size:3.3em; font-weight:normal; }
#featuredSlides h3 { color:#5185c0; font-size:2.0em; font-weight:normal; border-bottom:1px dotted #f19191; }
#featuredSlides p { color:#5185c0; font-size:1.9em; line-height:1.5; }
#featuredSlides p.caption { color:#5185c0; font-size:1.4em; line-height:1.0; }
#featuredSlides img { border:4px solid #ffffff; }
#featuredSlides div.centerBubbleContent { width:337px; text-align:center; }
#featuredSlides a {font-size:0.8em;}
#featuredSlides .calendarTextBubble {float:left; width:250px;}
#featuredSlides .timeCalendarBubble {float:left; color:#275823; padding-left:40px; padding-top:4px;}
#featuredSlides .calendarMonthBubble {width:87px; color:#275823; text-align:center; font-size:3.5em; line-height:1.0em; font-weight:bold; float:right; }
#featuredSlides .calendarDateBubble {width:87px; color:#4c8e47; text-align:center; font-size:5.5em; font-weight:bold; float:right; clear:right;}
#featuredSlides .linksCalendarBubble {width:337px; padding-top:4px; clear:both;}
#featuredSlides .linkLeftCalendarBubble {width:112px; text-align:left; float:left;}
#featuredSlides .linkCenterCalendarBubble {width:113px; text-align:center; float:left;}
#featuredSlides .linkRightCalendarBubble {width:112px; text-align:right; float:left;}

#featuredControls { height:20px; font-size:1.20em; display: none;}
#featuredControls a img, a:hover img, a:active img, a:visited img {border:none;}
#featuredControls #controlsPrevious { width:112px; float:left; }
#featuredControls #controlsPlayPause { width:113px; float:left; text-align:center; }
#featuredControls #controlsNext { width:112px; float:left; text-align:right; }

/* ================== MAIN CONTENT STYLINGS (see also Main Content Layout below) ================= */

#mainContentContainer {
 float:left;
 margin-top:11px;
 margin-left:39px;
 width:605px;
 height:100%;
 background:none;
}

#mainContent p.first {font-size:1.60em; line-height:1.5em; padding-bottom:18px; padding-top:18px;}
#mainContent p, blockquote {font-size:1.60em; line-height:1.5em; padding-bottom:18px;}
#mainContent img.floatRight {padding-left:15px;}
#mainContent img.pagetitle_botmargin {margin-bottom:25px;}
#mainContent .bold {font-weight:bold;}
#mainContent .boldGreen {font-weight:bold; color:#339933;}

.featuredBlock {
  padding: 20px 35px 35px 35px;
  border: 1px dashed #f25f5f;  
  background:#fff url(http://www.cdslp.net/images/featured_news_bg.gif) repeat-x bottom left;
}

.featuredTestimonialsBlock {
  padding: 20px 35px 35px 35px;
  border: 1px dashed #a3a2e5;  
  background:#fff url(http://www.cdslp.net/images/featured_testimonials_bg.gif) repeat-x bottom left;
}

#linkList {
  padding-left:50px;
  margin-bottom:25px;
  font-size:1.6em;
  line-height:1.5em;
}

#linkList a {text-decoration:none;}

.newsIndent {
  padding-left:90px;
  padding-right:90px;
}

#mainContent h3.newsTitle {
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:1.80em; line-height:1.5em; 
  padding:15px 0 0 0;
  font-weight:bold;
  color:#dc5050;
}

#mainContent h3.testimonialsTitle {
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:1.80em; line-height:1.5em; 
  padding:15px 0 0 0;
  font-weight:bold;
  color:#a3a2e5;
}

#mainContent .resourcesPadding {
 padding:15px 0;
}

.bio_pic {
 float:left;
 padding:0 15px 15px 0; 
}

h3.bio_title {
  font-size:1.8em; 
  line-height:1.8em; 
  padding:0;
  font-weight:bold;
  color:#f4932c;
}

.programsEntry {margin-bottom:45px; border-bottom:1px dotted #339933;}

#contactInfoTable {margin-top:40px; width:100%;}
#contactInfoTable tr {padding-bottom:20px;}
#contactInfoTable td.firstCol {width:35%; text-align:right; vertical-align:top; font-weight:bold; color:#7bbdf7;}
#contactInfoTable td.secondCol {width:65%; text-align:left; vertical-align:top; padding-left:20px;}
#contactInfoTable {width:100%; text-align:center; vertical-align:top; padding-right:100px;}

#contactForm {margin-top:40px; width:100%;}
#contactForm tr {padding-bottom:20px;}
#contactForm td.firstCol {width:35%; text-align:right; vertical-align:top; font-weight:bold; color:#7bbdf7;}
#contactForm td.secondCol {width:65%; text-align:left; vertical-align:top; padding-left:20px;}
#contactForm {width:100%; text-align:center; vertical-align:top; padding-right:100px;}
#contactForm input, textarea {width:97%;}
#contactForm td.submit {width:100%; padding:15px 0 0 232px;}
#contactForm #submitButton {width:150px;}

#submitTestimonial {margin-top:40px; width:100%;}  
#submitTestimonial tr {padding-bottom:20px;}
#submitTestimonial td.firstCol {width:35%; text-align:right; vertical-align:top; font-weight:bold; color:#a3a2e6;}
#submitTestimonial td.secondCol {width:65%; text-align:left; vertical-align:top; padding-left:20px;}
#submitTestimonial {width:100%; text-align:center; vertical-align:top; padding-right:100px;}
#submitTestimonial input, textarea {width:97%;}
#submitTestimonial td.submit {width:100%; padding:15px 0 0 232px;}
#submitTestimonial #submitButton {width:150px;}
#submitTestimonial p.caption {font-size:1.0em;}

/* ========== BLOG =========== */

#blogEntry { padding:25px 0 25px 0;}

#blogEntry p.blogTitle a {font-size:1.5em; line-height:1.5em;font-weight:bold; color:#663399; background-color:#fff; text-decoration:none; border-bottom:1px dotted #663399; }
#blogEntry p.blogTitle a:hover {font-size:1.5em; line-height:1.5em;font-weight:bold; color:#fff; background-color:#663399; text-decoration:none; border-bottom:none; }
#blogEntry p.blogTitleNoLink {font-size:2.4em; line-height:2.4em;font-weight:bold; color:#663399; background-color:#fff; text-decoration:none; border-bottom:none; }

#blogEntry p a {color:#663399; background-color:#fff; text-decoration:none; border-bottom:1px dotted #663399; padding:1px 2px;}
#blogEntry p a:hover {color:#fff; background-color:#663399; text-decoration:none; border-bottom:none; padding:1px 2px;}

#blogEntry p.blogSummary {color:#663399;}

#blogEntry b {color:#663399;}

#commentsContainer {border-top:1px dashed #663399; padding-top:20px;}

#commentsContainer h4 {font-size:1.8em; line-height:1.7em;font-weight:bold; color:#663399;}

#commentsContainer .comment_entries {padding:10px 0 0 0;margin:0;}

#commentsContainer .posted strong {color:#663399;}
#commentsContainer .posted p {padding-bottom:0;}

#commentsContainer .comment_body p {padding:0 0 15px 0; margin:0; }

/* =============== SECONDARY CONTENT STYLINGS (see also Main Content Layout below) =============== */

#mainSidebar {
 float:left;
 margin-right:12px;
 margin-top:55px;
 width:310px;
 height:100%;
 background:none;
}

#mainSidebar p, blockquote {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.40em; line-height:1.5em; padding-bottom:2px;}

.secondaryContentSection {
 margin-bottom:40px;
 clear:both;
}

.readMore {float:right;}
#readMoreNews {float:right; padding-top:10px;}

.headline {padding:10px 0 30px 0; border-bottom:1px groove #ccc;}
.headline a {color:#dc5050; background-color:#fff; border-bottom:1px dotted #cc0000; padding:1px 2px;}
.headline a:hover {color:#fff; background-color:#dc5050; text-decoration:none; padding:1px 2px;}

.newsDate {font-weight:bold; color:#dc5050;}

.newsCategory {padding:10px 0 10px 0; border-bottom:1px groove #ccc;}

/* ==================== BOTTOM TRIP COLS  ===========================*/

.tripCols {
 float:left;
 height:100%;
 background-color:none;
 margin:45px 0 25px 0;
}

#bottomLeftColumn {width:280px; margin-right:20px; padding-left:10px; padding-right:10px; padding-bottom:10px; border: 1px dashed #66cc66;}
#bottomCenterColumn {width:280px; margin-left:10px; margin-right:10px; padding-left:10px; padding-right:10px; padding-bottom:10px; border: 1px dashed #663399;}
#bottomRightColumn {width:280px; margin-left:20px; padding-left:10px; padding-right:10px; padding-bottom:10px; border: 1px dashed #3d6a9e;}

.tripCols p, blockquote {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.40em; line-height:1.5em; padding-bottom:15px;}

.imgHeader {margin:0; border:none;}

#bottomRightColumn textarea {width:275px; margin-bottom:15px;}
#bottomRightColumn input.text {width:275px; margin-bottom:15px;}
#bottomRightColumn label {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.40em; line-height:1.0em;}

#centerPhotoCaption {
  width:100%;
  text-align:center;
}


/* ====================== NAVIGATION BAR ========================= */

#navbar {width:660px; height:100%; position:absolute; left:43px;}
#navbar a {color:#FFFFFF; font-size:1.35em; font-weight:bold; text-decoration:none; }
#navbar a:hover {border-bottom:2px dotted #ffffff;}
#navbar span.cap {font-size:1.25em;}
#nav1 {width:91px; height:103px; padding-top:45px; float:left; list-style:none; text-align:center;}
#nav2 {width:125px; height:103px; padding-top:45px; float:left; list-style:none; text-align:center;}
#nav3 {width:122px; height:103px; padding-top:45px; float:left; list-style:none; text-align:center;}
#nav4 {width:94px; height:103px; padding-top:45px; float:left; list-style:none; text-align:center;}
#nav5 {width:92px; height:103px; padding-top:45px; float:left; list-style:none; text-align:center;}
#nav6 {width:136px; height:103px; padding-top:45px; float:left; list-style:none; text-align:center;}

/* =================== MAIN CONTENT LAYOUT ====================== */

#mainContentWrapper { 
 margin:0 auto;
 width:966px;
 height:100%;
 background:none;
}

.spanWidth { width:966px; height:100%; background-color:none;}

/* twoSpanCol and oneSpanCol are related to take up entire width of 852px */
.twoSpanCol {
 float:left;
 margin-left:39px;
 width:605px;
 height:100%;
 background:none;
}

.oneSpanCol {
 float:left;
 width:322px;
 height:100%;
 background-color:#CCCCCC;
}

.sidebarLeft {
 float:left;
 width:250px;
 height:250px;
 background-color:#009999;
}

.sidebarRight {
 float:right;
 width:250px;
 height:250px;
 background-color:#009999;
}

.centerContent {
 float:left;
 width:466px;
 height:250px;
 background-color:#996600;
}


/* ========================= FOOTER ===================================== */

#footer {
 clear:both;
 margin: 0;
 width: 100%;
 height:190px;
 background: url(http://www.cdslp.net/images/grass_bg.jpg) repeat-x bottom left;
 overflow:hidden;
}

#footerWrapper { 
 margin:0 auto;
 width:966px;
 height:100%;
 background:none;
}

#footerContent {
 padding-top:105px;
 position:relative;
}

#footer address {
 float:right;
 margin:0;
 color:#fff;
 font-size:1.30em;
 line-height:1.30em;
 text-align:right;
}

#footer address {font-style:normal; font-weight:bold;}
#footer address a {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}

#footer p { color:#fff; font-weight:bold; font-size:1.30em; line-height:1.80em; background:none;}
#footer p a { color:#fff; background:none; border-bottom:1px dotted #fff; }

#footer img.credit { position:absolute; top:120px; left:210px; border:none;}

/* =================== PHOTO GALLERY STYLES ========================== */

#photogalWrapper {
 padding:75px 0 0 0;
 margin:0
 width:100%;
 height:100%;
 background: url(http://www.cdslp.net/images/photo_slides_bg.jpg) no-repeat 235px 20px;
 overflow:visible;
 font-size:1.3em;  
 line-height:1.2em; 
}

#photogalWrapper a img {border:none;}
#photogalWrapper a { font-size:1.0em; line-height:1.1em; font-weight:bold; color:#f3942a; border-bottom:1px dotted #f3942a; text-decoration:none; }
#photogalWrapper a:hover { border-bottom:1px solid #f3942a; text-decoration:none; }
#photogalWrapper a img {border:none;}

#photogalWrapper table.noBorder {
  margin-top:25px;
  margin-bottom:10px;
  width:100%;
  border:none;
}

#photogalWrapper #category {width:25%;}
#photogalWrapper #category_photo {width:20%;}
#photogalWrapper #description {width:30%;}
#photogalWrapper #photos {width:10%;}
#photogalWrapper #most_recent {width:15%;}

#photogalWrapper #categoryLink {
 font-size:1.5em;
 line-height:1.5em;
}

#photogalWrapper th.tableHeading {
  padding-top:11px;
  padding-bottom:8px;
  font-size:1.3em;
  line-height:1.2em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#f3942a;
}

#photogalWrapper .centerTD {text-align:center;}

#photogalWrapper .submenuThumbs {
  padding-bottom:10px;
  text-align:center;
  border:none;
}

#photogalWrapper table.tableBorder {
  margin-bottom:15px;
  width:100%;
  border: 1px solid #f3942a;
}

/* ===================  FORMS  ==================  */
#mailing_list_email {
  width:100%;
  margin-bottom:10px;}
}