/* Colors:
#009ca4 - teal
#d21242 - red
#532e63 - purple
#a88e74 - brown

*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background:#EAF4FF; margin:0px; }
a { color:#d21242; font-weight: bold; text-decoration:none;  }
a:hover { text-decoration: underline; }
img { border-width:0px; }
td { vertical-align:top; }

/* Quickies */
.redFrame { border:solid 1px red; }
.greenFrame { border:solid 1px green; }
.blueFrame { border:solid 1px blue; }

.centered { text-align:center; }

.pageContainer { width:960px; margin: 0px auto; background:white; }

.topLeft { width:203px; height:186px; background-image:url('/images/TopLeft.png'); background-repeat:no-repeat; }
.topLeft3 { width:203px; height:114px; background-image:url('/images/TopLeft3.png'); background-repeat:no-repeat; }
.topCenter { width:576px; height:110px; background-image:url('/images/TopCenter.png'); background-repeat:no-repeat; }
.topRight { width:181px; height:186px; background-image:url('/images/TopRight.png'); background-repeat:no-repeat; }
.topRight3 { width:181px; height:114px; background-image:url('/images/TopRight3.png'); background-repeat:no-repeat; }
.topMenu { width:576px; height:76px; background-image:url('/images/Menu.png'); background-repeat:no-repeat; }

.leftExpander { width:203px; height:auto; background-image:url('/images/LeftEx.png'); background-repeat:repeat-y; }
.centerExpander { width:576px; height:auto; background-image:url('/images/CenterEx.png'); background-repeat:repeat-y; padding-bottom:40px; }
.rightExpander { width:181px; height:auto; background-image:url('/images/RightEx.png'); background-repeat:repeat-y; }

.botLeft { width:203px; height:70px; background-image:url('/images/BotLeft.png'); background-repeat:no-repeat; }
.botCenter { width:576px; height:70px; background-image:url('/images/BotCenter.png'); background-repeat:no-repeat; }
.botRight { width:181px; height:70px; background-image:url('/images/BotRight.png'); background-repeat:no-repeat; }

.bbbContainer { padding-left:40px; }

.headerText { position:relative; left:20px; top:6px; }
.headerText a { color:White; }
.headerPhone { color:white; font-weight:bold; letter-spacing:3px; }
.headerEmail { color:white; font-weight:bold; letter-spacing:3px; }
.headerHours { color:#d21242; font-weight:bold; letter-spacing:3px; font-size:16px; }

.footerText { text-align:center; }
.footerAddress { }
.footerCopyright { font-size:10px;}

.mainMenu { margin:10px 0px 0px 8px; width:560px; }

.frontPageBotContainer {width:100%; padding-top: 20px;}
.frontPageBotLeft { width:50%; text-align:center;  }
.frontPageBotRight { width:50%; text-align:center; }
.frontPageBotButton { padding-top:10px; }

.frontPageTopContainer { width:100%;}
.frontPageTopLeft { background-color:#009ca4; color:White; width:50%; }
.frontPageTopRight { width:50%;  }

.fosterLinkContainer { position:relative; top:34px; left:507px; width:100; height:50px; }
.fosterLinkContainer a { color:White; font-weight:normal; }
.fosterPhotoContainer { position:relative; top:20px; left:2px; }
.fosterPhoto { width:128px; height:128px; }

.fosterItemContainer { }
.fosterItemThumbnailContainer { float:left; margin-right:10px;}
.fosterItemThumbnail { }
.fosterListItem { margin-bottom:10px; }
.fosterItemTitle { font-size:18px; font-weight:bold; color:#532e63; }

.fosterDetailImage { text-align:center; padding-bottom:25px;}
.fosterDetailText { }

.pageTitle { font-size:26px; font-weight:bold; color:#009ca4; text-align:center; padding-bottom:20px; }
.sectionTitle { font-size:18px; font-weight:bold; color:#532e63; text-align:center; padding-top: 10px; padding-bottom:10px; }
.sectionSubTitle { font-weight:bold; color:#532e63; text-align:center; padding-bottom:10px; }
.sectionSubTitle2 { font-weight:bold; font-size:16px;}
.pageContent { }
.adminMenuLink { font-size:14px; text-align:right; }

.importantText { text-align:center; color:#009ca4; font-weight:bold; padding:10px 0px 10px 0px; width:60%; margin:0 auto; }

.ctlValidationMessage { font-size: 10px; color: #800000; }
.pageErrorMessage { color: #800000; text-align:center; }

.outerListContainer { margin: 0 auto; text-align:left; width:50%; }
.innerListContainer { padding-bottom: 20px; }
.listTitle { font-weight:bold; padding-bottom:5px; }
.listItem { padding-left:20px;}

.submitButtonContainer { text-align:right; }
.submitButton { width:100px; color:Maroon; font-weight:bold; }
.submitButtonWide { color:Maroon; font-weight:bold; }

.adminDataGrid { text-align:center; }


.googleMap { width: 100%; height: 500px; text-align: center; color: #d21242; border:solid 2px #d21242; }

.galleryListThumbnail { border: #d21242  2px solid; float: left; margin-right:20px;}
.galleryListSectionHeader { font-weight:bold; }
.galleryListText { }

.galleryListEditAddLink { text-align:left; padding-bottom:10px; }

.galleryListEditDeleteContainer { width:100%; text-align:center; }
.galleryListEditDeleteFrame { border: solid 2px #532e63; width:80%; }

.detailImage { max-width:576px; text-align:center;}
.detailText {}

/*Use these for the admin section style of forms*/
.formFieldContainer { padding-bottom:15px;}
.formFieldLabel { padding-bottom:5px;}
.formFieldCtl {}
.formFieldInstructions { font-size:12px; color:Maroon; }
.formFieldId { float:right; text-align:right; font-size:10px; }
.formInstructions { padding-bottom:15px; }

.formTContainer { width:100%;  }
.formTLabelCell { vertical-align:top; padding-right:10px; width:30%; padding-bottom:10px; }
.formTFieldCell { vertical-align:top; padding-bottom:10px; }
.formTFieldCellRequired:before { content:"* "; }
.formTSectionLabelCell { vertical-align:top; padding-top:10px; font-weight:bold; color:#532e63; text-align:left; font-size:18px; }

.feedbackContainer { padding-bottom:10px;}
.feedbackBody {}
.feedbackName { font-style:italic; color:#532e63; }

.faqContainer { padding-bottom:10px; }
.faqQuestion { font-weight:bold; color:#532e63; }
.faqAnswer {}

.mediaContainer { padding-bottom:10px; }
.mediaSource { font-weight:bold; color:#532e63; }
.mediaBody {}

.photoGalleryYear {font-size: 18px; color:#009ca4; padding-top:15px;}
.photoGalleryName {}

.galleryNotes { text-align:center; padding-bottom:10px; }
.galleryViewer { text-align:center; }

.simpleViewerContainer { width:100%; height:455px; }

.employeeAppLink {  }

/*Constant Contact styles*/
.constantContactFrame { margin-left:2px;  }
.constantContactContainer { background-image:url('/images/LeftEx.png'); background-repeat:repeat-y; font-size:12px; color:White; padding-bottom:40px; text-align:center; }
.constantContactTitle { font-size:18px; font-weight:bold; color:White; text-align:center; padding-bottom:3px; }
.constantContactField { padding-bottom:5px; }
.constantContactText { color:White; }
.constantContactForm { }


#services {}
#services .row { width:100%;  }
#services .col1 { float:left; width:60%; padding-bottom:10px; padding-bottom:15px; }
#services .col2 { float:right; width:20%; padding-bottom:10px; padding-bottom:15px; }
#services .colWide { float:left; width:100%; padding-top:20px; text-align:center; padding-bottom:15px; }
#services .sectionTitle { font-size:18px; font-weight:bold; color:#532e63; text-align:left; padding-top: 10px; padding-bottom:15px; }
#services .colTitle { font-size:12px; }
#services .freeCol { font-style:italic; }


#services .ttable { width:100%; }
#services .tcol1 { width:23%; padding-bottom:10px; }
#services .tcol2 { width:35%; font-style:italic; font-size:12px; }
#services .tcol3 { width:12%; }
#services .tcol4 { width:14%; }
#services .tcol5 { width:16%; }
#services .tcolHeader { font-size:10px; font-weight:bold; padding-bottom:0px;  }
#services .tcolTitle { font-size:18px; }
#services .tcolSubTitle { font-size:12px; font-weight:bold; }
#services .tcolFullWidth { padding-bottom:15px;  }



#formSent {}
#formSent .centeredTable { margin:0 auto; width:80%;  }
#formSent .row { width:100%; }
#formSent .col1 { float:left; width:5%; padding-right:10px; }
#formSent .col2 { width:90%; padding-bottom:20px; }