/*********************************************************************************************
These styles are for the template and content that the client does not have access to edit.
These styles do not appear in the WYSIWYG editor.
*********************************************************************************************/

/* Page layout */
div#page {color: #595959; background: #ffffff; margin-left: auto; margin-right: auto; position: relative; width: 800px; height: auto; visibility: visible; display: block; text-align: left}
div#header {width: 800px; margin: 0; padding: 0;}
div#header_logo {float:left; width: 591px; padding: 0;margin: 0;}
div#header_contact {float:right; width: 209px; padding: 0;margin: 0;}
div#header_clear {clear:both;}
div#header_image {width: 800px; margin:0; border-top: 2px solid #cccccc; border-bottom: 2px solid #cccccc;}
div#content{width:800px; background: #E6E6E6; margin: 0; padding: 0} 
div#content_left {float:left; width:198px; background: #E6E6E6; margin:0;}
div#content_right_container{float:right; width:572px; background: #ffffff; margin:0; padding: 15px 15px 0 15px; overflow: visible}
div#content_right{float:left; width:571px; background: #ffffff; margin:0; padding: 0}
div#spacer {float:right; width:1px; margin:0}
.clear {clear:both; margin:0;}
div#footer{text-align:right; width:602px; background:#ffffff; margin:0 0 0 198px; font-size: 8pt}

.pageHeader {margin: 0;}


/*Testimonials Module*/
.testimonialLeft {width: 425px; float: left; padding: 15px 0 15px 35px;}
.testimonialRight {width: 290px; float:right; text-align: center; padding: 15px 0 15px 0;}
.testimonialTagline {color: #4f677a; font-size: 14px; font-weight:bold;}
.testimonialAnimalName {margin: 10px 0 0 25px; color: #7a6d4f; font-weight:bold;}
.testimonialReason {margin: 5px 0 0 25px; color: #7a6d4f;}
.testimonial {margin-top: 10px;}
.testimonialName {text-align: right; margin-top: 10px; color: #4f677a; font-style: italic; }
.testimonialTitle {text-align:right; color: #4f677a; font-style: italic; }

/*Links Module*/
#linkItems {margin: 15px 5px 0 15px;}

/*News Module*/
#newsItems {margin-left: 15px; position:relative;}
#newsItem {position: relative;}
.newsTimestamp h4 {margin-top:15px; padding: 5px 0 0 30px;  height: 15px;color: #d0ed9c;}
.newsimgbox {float:right; width: 175px; text-align: center; font-size: 10px;}
.newsTitle {}
.newsLeadin {}
.newsContent {}
.newsLink {}
.newshr {}

/*Member Registration*/
.registrationForm label, .registrationForm input, .registrationForm img, .registrationForm span {display: block; float: left; margin-bottom: 5px;}
.registrationForm label {text-align: right;width: 150px;padding-right: 10px;}
.registrationForm span {padding-left: 10px;}
.registrationForm input#isSubmit {display: inline; float:none; width:auto; margin: 10px 0 0 160px}
.registrationForm br {clear: left;}

/*Inventory*/
/*My List*/
.savedListName {float:left; width:200px;}
.eventSavedList {float:left; width:200px;}

/*Photo Gallery*/
.photoGalleryThumbnails {position: relative; margin-top: 20px;}
.photoGalleryThumbBox {position:relative; float: left; width: 175px; padding-top: 7px; margin: 0; text-align: center;}
.photoGalleryNav {text-align: center; font-size: 13px; font-weight: bold;}
.photoGalleryIndv {text-align: center;}
.photoGalleryIndvLA{float:left; width: 40%; text-align: left;}
.photoGalleryIndVA{float:left; width: 20%; text-align: center;}
.photoGalleryIndvRA{float:left; width: 40%; text-align: right;}
.galleryAlbumName, .galleryAlbumName a {text-decoration: none ! important;}
.galleryAlbumLink {font-size: 10px;}
.galleryPhotoThumbTitle {display: block; margin: 6px 0 7px 0;}
.photoGalleryThumbBox a {text-decoration: none ! important;}
.photoGalleryView {text-align: center; margin: 10px 0 10px 0;}
