/*********************************************************************************************
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 {margin-left: auto; margin-right: auto; position: relative; width: 900px; height: auto; visibility: visible; display: block; text-align: left}
div#header {width: 900px; height: 194px; background: transparent url(/images/pete/header.jpg) top left no-repeat;}
#fallsSign a {position: absolute;height: 100px;width: 150px;left: 690px; top: 60px;text-decoration: none;}
#fallsSign a i { visibility: hidden; }

div#headerIciclesBG {position: absolute; top:194px; left:85px; width:730px; height: 40px; background: transparent url(/images/pete/icicle.gif) -20px 0px repeat-x; z-index: 3;}
#icicleLeft {position: absolute; top:194px; left:0px; margin:0; width: 85px; z-index: 1;}
#icicleRight {position: absolute; top:194px; left:815px; margin:0; width: 85px; z-index: 1;}
#caveLeft {width:900px; background: #114064 url(/images/pete/cave_lt.gif) top left repeat-y;}
#caveRight {position:relative; width:900px; background: transparent url(/images/pete/cave_rt.gif) top right repeat-y; text-align: center;}
div#globalnav{position:absolute;top:0; left:124px;height: 58px;width: 651px;padding: 0;border: 0;z-index: 2;margin-left: auto; margin-right: auto;}
div#box {width:900px; padding: 0; margin: 0;  text-align: left}
/*div#prop {float: right; width: 1px; height: 400px; margin:0; padding:0; }*/
div#contentN {position: relative; width:750px; padding: 100px 75px 13px 75px; margin: 0; color: #ffffff; }

.footer {background: #ffffff; width: 900px; text-align: center; margin:0;} 
.footer p, .footer p a {font-size: 11px ! important; color: #4b4b4b ! important; margin: 0; padding: 5px 0 5px 0;}

#footerLeft {width: 120px; float:left;background: #114064;}
#footerMiddle{width: 660px; float: left; background: #ffffff url(/images/pete/footer.gif) top left no-repeat; padding-top:20px;}
#footerRight{width:120px; float: left;background: #114064;}


/*nav bar*/

div#globalnav ul#menu{height: 95px;width: 651px;background: transparent url(/images/pete/pete_nav.gif) top left no-repeat;margin: 0;padding: 0;position: relative;}

div#globalnav ul#menu li {margin: 0;padding: 0;list-style: none;position: absolute;top: 0;}

ul#menu li, ul#menu a {height: 95px;display: block;border: none;}

div#globalnav ul#menu li a.mainNav {text-indent: -9999px;text-decoration: none;}
	
#homemenu	{left: 0; width: 93px;}
#storymenu	{left: 93px; width: 159px;}
#activitiesmenu	{left: 252px; width: 154px;}
#gallerymenu 	{left: 406px; width: 109px;}
#stuffmenu	{left: 515px; width: 136px;}
/*#songsmenu	{left: 651px; width: 99px;}*/


#homemenu a:hover, #homemenu:hover a, #homemenu.over a {background: transparent url(/images/pete/pete_nav.gif) 0 -95px no-repeat;}
#storymenu a:hover, #storymenu:hover a, #storymenu.over a {background: transparent url(/images/pete/pete_nav.gif) -93px -95px no-repeat;}
#activitiesmenu a:hover, #activitiesmenu:hover a, #activitiesmenu.over a {background: transparent url(/images/pete/pete_nav.gif) -252px -95px no-repeat;}
#gallerymenu a:hover, #gallerymenu:hover a, #gallerymenu.over a {background: transparent url(/images/pete/pete_nav.gif) -406px -95px no-repeat;}
#stuffmenu a:hover, #stuffmenu:hover a, #stuffmenu.over a {background: transparent url(/images/pete/pete_nav.gif) -515px -95px no-repeat;}
/*#songsmenu a:hover, #songsmenu:hover a, #songsmenu.over a {background: transparent url(/images/pete/pete_nav.gif) -651px -95px no-repeat;}*/


body#home #homemenu {background: transparent url(/images/pete/pete_nav.gif) 0 -95px no-repeat;}
body#story #storymenu {background: transparent url(/images/pete/pete_nav.gif) -93px -95px no-repeat;}
body#activities #activitiesmenu {background: transparent url(/images/pete/pete_nav.gif) -252px -95px no-repeat;}
body#gallery #gallerymenu {background: transparent url(/images/pete/pete_nav.gif) -406px -95px no-repeat;}
body#stuff #stuffmenu {background: transparent url(/images/pete/pete_nav.gif) -515px -95px no-repeat;}
/*body#songs #songsmenu {background: transparent url(/images/pete/pete_nav.gif) -651px -95px no-repeat;}*/


/*Testmonial 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;}
div#newsItems h4 {margin-top:15px; padding: 5px 0 0 30px;  height: 15px;color: #5b59ba; background: transparent url(/media/paw_print.gif) top left no-repeat}
.newsimgbox {float:right; width: 175px; text-align: center; font-size: 10px;}
.newscontent {margin-bottom: 25px;}

/*Gallery Module*/
.peteGalleryThumbnails {position: relative; margin-top: 20px;}
.peteGalleryThumbBox {position:relative; float: left; width: 235px; min-height: 192px; padding-top: 7px; margin: 0; text-align: center;}
* html .peteGalleryThumbBox {height: 192px;}
.peteGalleryThumbL, .peteGalleryThumbP {border: 5px solid #ffffff;}
.peteGalleryThumbL {margin: 21px 0;}
.peteGalleryThumbBox p {width: 185px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom:5px;}

.peteGalleryFlakeBox {position:relative; width:235px; height: 7px;}
.peteGalleryFlakeL {position: absolute; top:33px; left: 188px; behavior:url('/pngbehavior.htc');}
.peteGalleryFlakeP {position: absolute; top:-2px; left: 158px; behavior:url('/pngbehavior.htc');}

.peteGalleryIndv{text-align:center; margin-top: 30px;}
.peteGalleryIndv img {border: 10px solid #ffffff;}
.peteGalleryIndvLA {float:left; width: 174px; text-align:left; padding-left: 100px; margin:15px 0 0 0;font-size: 18px;}
.peteGalleryIndvLA a, .peteGalleryIndvLA a:link, .peteGalleryIndvLA a:visited, .peteGalleryIndvLA a:hover, .peteGalleryIndVA p a, .peteGalleryIndVA p a:link, .peteGalleryIndVA p a:visited, .peteGalleryIndVA p a:hover, .peteGalleryIndvRA a, .peteGalleryIndvRA a:link, .peteGalleryIndvRA a:visited, .peteGalleryIndvRA a:hover {text-decoration: none;}
.peteGalleryIndvLA img, .peteGalleryIndvRA img {vertical-align:middle; border:none}
.peteGalleryIndVA {float:left; width: 172px;margin-top: 13px;}
.peteGalleryIndVA img {float:left; width:47px; border:none;}
.peteGalleryIndVA p {float:left; width: 78px;font-size: 18px; margin:0 0 0 0; line-height: 28px; text-decoration: none;}
.peteGalleryIndVA p span {font-size: 14px;}
.peteGalleryIndvRA {float:right; width:174px; text-align:right;padding-right: 100px; margin:15px 0 0 0;font-size: 18px;}