/*

		 DarkBrightBlue: #2467a6
		 MediumBrightBlue: #1782e6
		 LightBrightBlue: #17a4e6
		 DarkDarkBlue: #273b45
		 LightDarkBlue: #4b616b
		 
*/

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 10pt; font-family: Arial, sans-serif; color: #272727; 
									  background: #FFFFFF; background-image: url(images/topback.jpg); background-repeat: repeat-x;}
ul									{ list-style: square inside ; }
ol									{ list-style: decimal inside; }
a									{ color: #380908; outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
.menu a								{ color: #380908; outline: none; text-decoration: none; }
img									{ border: none;}
table								{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ border: 1px solid #272727; background: white; padding: 3px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727;}
.button:hover						{ background: #410202; color: white; }
input								{ padding: 3px;}




/*
	STRUCTURE
*/

.page-wrap							{ width: 950px; margin: 0px auto;}
#searchform							{ float:right; margin: 5px 15px 10px 0px;}
.main-page-content					{ width: 950px; height: 255px;}
.blue-bar-image						{ float: left; height: 259px; width: 578px; margin: 5px 5px 0px 10px;}
.blue-bar-text						{ float: right; height: 210px; width: 330px; margin: 40px 10px 0px 5px;}
.blue-bar-text span					{ font-size: 1.6em; color: #273b45; font-weight: bold;}
.blue-bar-text p					{ font-size: 1.3em; color: white; line-height: 115%; text-align: justify;}
.optin-buttons						{ width: 200px; height: 230px; float: right; margin: 5px 5px 0px 0px;}
.quotePer							{ font-size: 1.4em; color: #273b45; font-weight: bold; margin: 10px 0px 0px 0px;}
.quoteTtl							{ font-size: 1.2em; color: white; font-style: italic;}
.quoteLnk a							{ font-size: 1.0em; color: #273b45;}
.quoteLnk a:hover					{ color: white;}
.main-page-sub						{ width: 950px; height: 100%; margin: 10px 0px 10px 0px;}
.differencePic						{ width: 320px; height: 200px; float:right; margin: 10px 8px 0px 0px;}
.differenceText						{ width: 595px; height: 200px; float: left; margin: 15px 0px 5px 15px;}
.differenceText h2					{ font-size: 1.6em; color: #1782e6; font-weight: bold;}
.differenceText span				{ font-size: 1.0em; color: #273b45; font-weight: lighter;}
.differenceText p					{ font-size: 1.2em; color: #000000; text-align: justify;}

/*
	ASK THE EXPERTS			
*/

.questImage							{ height: 240px; width: 380px; float: left; margin: 5px 10px 0px 10px; }
.questTitle							{ width: 550px; height: 30px; float: left; margin: 20px 0px 0px 0px; color: #273b45;}
.questContent						{ width: 550px; height: 240px; float: left; font-size: 1.2em; color: white; overflow: auto; margin: 20px 0px 0px 0px;}
.questContent h2					{ font-size: 1.4em; color: #273b45; }
.questions							{ width: 555px; height: 100%; float: left; margin: 10px 30px 10px 18px;}
.qbox								{ width: 555px; height: 153px; float: left; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px 0px 10px 0px;}
.qImage								{ width: 215px; height: 142px; float: left;}
.qContent							{ width: 330px; height: 150px; float: left; margin: 0px 0px 0px 10px; }
.qContent h2						{ font-size: 1.3em; line-height: 100%; margin: 0px 0px 4px 0px;}
.qContent p							{ font-size: 1.0em; line-height: 125%; text-align: justify;}
.questionForm						{ width: 300px; height: 100%; float: left; margin: 10px 0px 0px 0px;}
.questionForm h3					{ font-size: 1.4em; margin: 0px 0px 5px 0px; color: #2467a6;}


/*
	AQUATIC THERAPY POOLS
*/

.aTherapyImage						{ width: 378px; height: 254px; float: left; margin: 5px 20px 0px 15px;}
.aTherapyText						{ width: 520px; height: 254px; float: left; margin: 20px 0px 0px 0px;}
.aTherapyText h2					{ font-size: 1.6em; color: #273b45;}
.aTherapyText p						{ font-size: 1.1em; color: white; font-weight: bold; text-align: justify;}
.pools								{ width: 930px; height: 100%; float: left; margin: 5px 0px 15px 18px;}
.pBox								{ width: 920px; height: 210px; float: left; margin: 5px 0px 5px 0px; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px;}
.pImage								{ width: 320px; height: 197px; float: left;}
.pContent							{ width: 575px; height: 197px; float: left; margin: 5px 0px 0px 20px;}
.pContent p							{ font-size: 1.2em; line-height: 120%; color: black; text-align: justify;}
.pContent h2						{ font-size: 1.6em; color: #1782e6; }

/*
	KNOWLEDGE BASE
*/

.kImage								{ height: 249px; width: 374px; float: left; margin: 5px 5px 0px 10px;}
.kContent							{ height: 150px; width: 500px; float: left; text-align: justify; font-size: 1.1em; color: white; font-weight: bold; margin: 25px 0px 0px 20px;}
.kContent h2						{ font-size: 1.6em; color: #273b45;}
.main-page-sub .kContent			{ color: black;}
.main-page-sub .kContent h2			{ color: #1782e6;}
.main-page-sub .kImage				{ margin: 5px 0px 0px 15px;}
.kLink								{ width: 300px; height: 50px; float: left; margin: 0px 0px 0px 20px;}
.kLink a							{ color: white;}
.kLink a:hover						{ color: #273b45;}
.main-page-sub .kLink				{ margin: 30px 0px 0px 20px;}
.main-page-sub .kLink a				{ color: #1782e6;}
.main-page-sub .kLink a:hover		{ color: #273b45;}

.storeCont							{ text-align: center;}

/*
	TOP BAR
*/
.top-bar							{ width: 100%; height: 150px; margin: 0px 0px 0px 0px;}
.top-bar-left						{ width: 609px; height: 140px; float: left; background-image: url(images/newHeader.png); margin: 15px 0px 0px 0px;}
.top-bar-right						{ width: 335px; height: 110px; float: right; margin: 32px 0px 0px 0px; text-align: right;}
.dark-blue-but						{ width: 164px; height: 65px; float: right; background-image: url(images/button2.png); text-align: center;}
.light-blue-but						{ width: 164px; height: 65px; float: right; background-image: url(images/button.png); text-align: center;}
.dark-blue-but a					{ font-size: 1.3em; font-weight: bold; color: white;}
.dark-blue-but a:hover				{ color: #17a4e6;}
.light-blue-but a					{ font-size: 1.3em; font-weight: bold; color: white; line-height: 100%;}
.light-blue-but a:hover				{ color: #273b45;}
.inLink								{ margin: 13px 2px 0px 0px;}
.inLink2							{ margin: 10px 5px 0px 0px;}
.top-links							{ width: 335px; text-align: right; float: right; margin: 0px 10px 0px 0px;}
.top-links a						{ text-transform: uppercase; color: #273b45; font-size: 1.2em; font-weight: bold;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0px 5px 0px 5px}
.top-links a:hover					{ background-color: #273b45; color: white;}


/*
	MENU
*/
#menu-bar							{ height: 30px; width: 100%;}
ul#main-nav							{ width: 100%;  margin: 25px 0px 0px 35px;}
ul#main-nav	li, ul#extra-nav li		{ display: inline; }
ul#main-nav li a, ul#extra-nav li a	{ text-transform: uppercase; color: white; font-size: 1.5em; font-weight: bold; padding: 0px 20px 0px 20px;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
ul#main-nav li a:hover,
ul#extra-nav li a:hover,
body#portfolio ul#extra-nav li.portfolio a,
body#default ul#main-nav li.Adoption a,
body#default ul#main-nav li.contact a,
body#default ul#main-nav li.Donate a,
body#default ul#main-nav li.ContactUs a,
body#about ul#main-nav li.PetoftheMonth a,
body#contact ul#main-nav li.News a,
body#resume ul#extra-nav li.resume a{ background: white; color: #1782e6; }




/*
	FOOTER
*/

#footer								{ background-image: url(images/footerback.jpg); background-repeat: repeat-x; width: 100%; height: 339px;}
.center-foot						{ width: 950px; margin: 0px auto; height: 339px;}
.left-box							{ width: 307px; height: 223px; float: left; background-image: url(images/NewsBox.jpg); background-repeat: no-repeat; margin: 10px 0px 0px 2px;}
.center-box							{ width: 307px; height: 223px; float: left; background-image: url(images/NewsBox.jpg); background-repeat: no-repeat; margin: 10px 0px 0px 15px;}
.right-box							{ width: 307px; height: 223px; float: left; background-image: url(images/NewsBoxr.jpg); background-repeat: no-repeat; margin: 10px 0px 0px 12px;}
.box-text							{ width: 250px; height: 200px; float: left; margin: 20px 0px 0px 25px;}
.box-text h3						{ font-size: 1.4em; color: white; margin: 0px 0px 5px 0px;}
.box-text h4						{ margin: 0px 0px 5px 0px;}
.box-text h4 a						{ font-size: 1.1em; color: #17a4e6; line-height: 100%;}
.box-text h4 a:hover				{ color: white;}
.box-text p							{ color: white; text-align: justify; margin: 0px 0px 5px 0px;}
.box-text a							{ color: #17a4e6;}
.box-text a:hover					{ color: white;}





.contactText						{ width: 260px; height: 200px; float: left; margin: 30px 10px 0px 15px; text-align: justify; color: white; font-weight: bold;}
.contactText h2						{ color: #273b45;}
.contactForm						{ width: 650px; height: 200px; float: left; margin: 10px 0px 0px 15px; color: white;}
.leftForm							{ width: 300px; height: 200px; float: left; }
.rightForm							{ width: 300px; height: 200px; float: left; margin: 0px 0px 0px 10px;}


.aboutImage							{ height: 234px; width: 390px; float: left; margin: 15px 20px 0px 10px;}
.aboutText							{ height: 230px; width: 520px; float: left; margin: 35px 0px 0px 0px;}
.aboutText h2						{ font-size: 1.6em; color: #273b45;}
.aboutText p						{ font-size: 1.1em; color: white; font-weight: bold; text-align: justify;}

.knowImage							{ height: 240px; width: 930px; float: left; margin: 5px 0px 0px 15px;}
.knowContent						{ height: 100%; width: 925px; float: left; margin: 5px 0px 10px 10px; text-align: justify;}
.knowContent h2						{ font-size: 1.6em; color: #17a4e6; margin: 0px 0px 5px 0px; }
.knowContent p						{ font-size: 1.1em; color: black; margin: 5px 0px 5px 0px;}
.knowContent span					{ font-size: 1.2em; color: #17a4e6;}

.secondaryText						{ margin: 10px 0px 10px 15px; width: 925px; float: left; font-size: 1.2em; line-height: 125%; color: black; text-align: justify;}