/******************************************************************************
*******************************************************************************
*******************************************************************************
	
TOP LEVEL WEBSITE STYLES
	
******************************************************************************
*******************************************************************************
*******************************************************************************/
	*{
	
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	line-height: 22px;
	}
				

				
	body{
		text-align: center;
		background-color: #A9B0CD;
		font-family: Arial, sans-serif;
		font-size: 10pt;
                margin:auto;
	}
	
	
	table{
		border-spacing: 0;
		font-size: 10pt;
		font-family: Arial, sans-serif;
	}
	
	#container{
	  margin:auto;
	  width: 1000px;
	  text-align: left;
	}
	
/******************************************************************************
*******************************************************************************
*******************************************************************************
	
DOMAIN SPECIFIC STYLES
	
******************************************************************************
*******************************************************************************
*******************************************************************************/
	
#header {
    text-decoration:none;
    border:0;
    width: 1200px;
    text-align:center;
    margin:auto;
}
#header img {
     text-decoration:none;
     border:0;

}

        .headerLogoTop{
		height: 18px;
		width: 1200px; /* Should be the same as #header */
		background-color:black;
		float: left;
	}
	

	
	
/*	.headerLogoBottom{
		clear: both;
		height: 130px;
		width: 799px;
		background-image: url('images/design/logoBottom.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		float: left;	
		border-right: 1px solid #000;
		text-align: center;
	}
*/

        .headerbottom {
            background: url('images/design/headerbottom.jpg') repeat-x;
            height:14px;
        }

        .headerLogoright {
            float:left;
            padding:0;
            margin:0;
            background-color:#001854;
            text-align:left;
            width:50%;
            padding:0;
            height:170px;
        }


        .headerLogoleft {
            border:0;
            float:left;
            background-color:white;
            text-decoration:none;
            padding-top:40px;
            margin:0;
            float:left;
            text-align:right;
            width:50%;
            height:170px;
            padding:0;
        }



	 a.logo:link,  a.logo:active,  a.logo:visited,  a.logo:hover{
		display: block;
		width: 210px;
		height: 130px;
		text-decoration: none;
		float: left;
	}

/*
	.sideSpacer{
		width: 30px;
		float: left;
		clear: both;
		height: 2px;
		
	}
*/

	.topNavLinks{
		border-top: 1px solid #001854;
		height: 30px;
		width: 100%;
/*		border-right: 1px solid #000;
*//*		float: right;
*/                clear:both;
		background-color: #001854;
                text-align:center;

	}

        #nav {
            text-align:center;
            width:100%;
             color:white;
             margin-left:10%;
             margin-right:10%;
        }
	
	
	.boxSpacer{
		background-color: #A9B0CD;
		height: 19px;
		width: 120px;
		float: left;
/*		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-top: 1px solid #000;
*/	}

        .colspacer {
            float:left;
            width:53px;
        }


        #rightcol {
            float:left;
            width:329px;
        }

        #leftcol {
            float:left;
		width: 620px;
        }

	.clearBox, .box{
            padding-top:22px;
/*		width: 507px;
*//*		height: 237px;
*//*		float: left;
*//*                background: url('images/design/boxcenter.jpg') repeat-y;
*/	}
        .boxbig {
            width:950px;
        }

        .boxbighead {
             background-image: url('images/design/boxbigtop.jpg');
              background-repeat: no-repeat;
              height:40px;
              color:white;
              font-size:16px;

        }

	.boxbigheader{

		height: 34px;
		color: #fff;
		text-align: left;
                font-weight:bold;
		padding:  5px 0 0 20px;
	}

	.bodybig{
		font-size: 10pt;
                background: url('images/design/boxbigcenter.jpg') repeat-y;
                color:white;
                text-align:left;
                padding:40px;
	}


        .boxbigfooter {
            background: url('images/design/boxbigbottom.jpg') no-repeat;
            height: 29px;
        }

        .boxsmlhead {
             background-image: url('images/design/boxsmlheader.jpg');
              background-repeat: no repeat;
        }


	.box .bodysml{
		font-size: 10pt;
                background: url('images/design/boxsmlcenter.jpg') repeat-y;
                color:white;
                text-align:left;
                padding:30px;
                padding-bottom:0px;
	}
	
	.boxTall{
		height: 325px;
	}

        .boxsmlfooter {
            background: url('images/design/boxsmlbottom.jpg') no-repeat;
            height: 29px;
        }

        .headicon {
            float:left;
            padding:0 0 10px 10px;
            border:0;
        }

        .boxhead {
             background-image: url('images/design/boxheader.jpg');
              background-repeat: no repeat;
        }

	.clearBox .header, .box .header{

		height: 34px;
		color: #fff;
		text-align: left;
		font-size: 10pt;
                font-weight:bold;
		padding-top: 5px;
	}
        
        .welcomeimage img{
            margin: 10px;
            float:right;
            border-width:8px;
            border-color:#001854  #8E94AC #8E94AC #001854;
        }


        .peopleImageHome img{
                margin: 10px;
                text-decoration:none;
                border-width:8px;
                border-color:#001854  #8E94AC #8E94AC #001854;
        }


        .clearBox .boxfooter, .box .boxfooter {
            background: url('images/design/boxbottom.jpg') no-repeat;
            height: 29px;
        }
/*
	.friendlyFace{
		background-color: #fff;
	}
*/
	.clearBox{
/*		border-left: 1px solid #000;
*/	}
	
/*	.box{
		background-image: url('images/design/boxBackground.jpg');
		background-repeat: repeat-y;
	}
*/
	.boxRight{
/*		border-right: 1px solid #000;
*/	}
	
	
	.boxContentSpacer{
		width: 768px;
		height: 5px;
		background-color: #999;
/*		border-left: 1px solid #000;
		border-right: 1px solid #000;
*/		float: left;
	}
	
	.mainContent{
		width: 768px;
		background-color: #fff;
/*		border-left: 1px solid #000;
		border-right: 1px solid #000;
*/		float: left;
		background-image: url('images/design/contentBackground.jpg');
		background-repeat: repeat-y;	
		padding-top: 23px;
	}
	
	.box .body{
		font-size: 10pt;
                background: url('images/design/boxcenter.jpg') repeat-y;
                color:white;
                text-align:left;
                padding:30px;
	}
/*
	.navigation{
		float: left;
		width: 160px;
		background-color: transparent;
	}
*/
	div.consoleInformation{
		padding: 20px;
	}
	
	.information{
		float: left;
		padding-right: 10px;
	}
	
	.information .content{
		padding-left: 25px;
		line-height: 25px;
		font-size: 10pt;
	}	
	.content p{
		font-size: 10pt;
		padding-bottom: 20px;
	}
/*
	.navTop{
		height: 22px;
		width: 147px;
		background-image: url('images/design/navTop.jpg');
		background-repeat: no-repeat;
	}

	.ffView{
		display: inline;
	}
	
	.ffHide{
		display: none;
	}
*/
	.navContent{
		width: 141px;
		background-color: #fff;
		padding-top: 20px;
		padding-bottom: 20px;
		line-height: 50px;
		padding-left: 6px;
	}
	
	.navBottom{
		height: 22px;
		width: 147px;
		background-image: url('images/design/navBottom.jpg');
		background-repeat: no-repeat;
		padding-bottom: 25px;
	}
	
	.navContent a:link, .navContent a:active, .navContent a:visited, .navContent a:hover{
		color: #000;
		font-size: 10pt;
		display: block;
		padding-bottom: 10px;
		padding-left: 25px;
		text-decoration: none;
	}
	
	.navContent a:hover{
		text-decoration: underline;
		background-image: url('images/design/paw2.gif');
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	
	
	
	.curie{
/*		width: 570px;
		float: right;
		background-image: url('images/design/curie.jpg');
		background-repeat: no-repeat;
		background-position: bottom right;
		margin-right: -39px;
		padding-right: 75px;
		padding-bottom: 120px;
		min-height: 380px;
		
*/	}
	

        .footerblue {
            height: 146px;
            width: 1000px;
            margin:0 auto;


        }

       .footerleft {
           width:50%;
            float:left;
            padding-top:46px;
            text-align:center;
        }

       .footerleftinner {
            float:right;
            text-align:center;
        }

        .footerright {
           width:50%;
            float: right;
            text-align:left;
            height: 146px;
        }

	.footer{

		width: 1200px; /* same size as #header */
                margin:0 auto;
                background-image: url('images/design/footerbkgrnd.jpg');

		color: #fff;
		height: 146px;
		text-align: center;
		font-size: 10pt;
	}
	
	a.topNav:link,
	a.topNav:active,
	a.topNav:visited,
	a.topNav:hover{
		padding-top: 4px;
		padding-left: 10px;
		padding-right: 10px;
		display: block;
		color: #fff;
		font-size: 12px;
		float: left;
		text-decoration: none;
		background-color: #001854;
		height: 28px;
                border-right:3px solid black;
                border-left:1px solid #5765A2;
	}
	
	a.topNav:hover{
		background-color: #5765A2;
		background-image: none;
		color: #fff;
	}
	
	
	.petPortals{
		padding-top: 5px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.hours{
		padding-top: 5px;
	}
	
	.header a:link, .header a:active, .header a:visited, .header a:hover{
		color: #fff;
		text-decoration: none;
	}
	
	.header a:hover{
		text-decoration: underline;
	}
	
	
	div.photographer{
		clear: both;
		float: left;
		width: 250px;
		padding-top: 25px;
	}
	
	div.photographer h1{
		color: #001854;
		font-size: 16pt;
	}	
	
	div.photographer div{
		padding-left: 20px;
		padding-top: 10px;
	}
	
	img.photographer{
		float: left;
		padding: 10px;
		border: 0px;
	}
	
	 a.photography:link,  a.photography:active,  a.photography:visited,  a.photography:hover{
		display: block;
		width: 210px;
		height: 130px;
		text-decoration: none;
		clear: both;
		font-size: 12pt;
	}
	a.photography:hover{
		color: #001854;
		text-decoration: underline;
	}
	
	div.linksHigh{
		clear: both;
		float: left;
		width: 310px;
		padding-top: 25px;
	}
	
	div.linksHigh h1{
		font-size: 14pt; 
		color: #001854;
		padding-bottom: 8px;
		width: 440px;
		font-weight: normal;
	}	
	
	div.linksHigh div{
		padding-left: 20px;
		padding-top: 10px;
	}
	
	img.linksHigh{
		float: left;
		padding: 10px;
		border: 0px;
	}
/******************************************************************************
*******************************************************************************
*******************************************************************************
	
GENERAL WEBSITE STYLES	
	
******************************************************************************
*******************************************************************************
*******************************************************************************/
	
	a.login:link, a.login:active, a.login:visited{
		color: #fff;
		text-decoration: none;
		font-size: 10pt;
	}
	
	a.login:hover{
		text-decoration: underline;
		font-size: 10pt;
	}
	
	.center{text-align: center}
	
	div.generalHead, div.consoleHeading, div.newsGeneralHead, div.eventsGeneralHead{
		font-size: 14pt; 
		color: #001854;
		background-position: bottom left;
		background-repeat: repeat-x;
		padding-bottom: 8px;
		width: 440px;
	}
	
	.smallHeader{	
		font-size: 12pt; 
		color: #001854;
	}
	
	a.headerLink:link, a.headerLink:active, a.headerLink:visited, a.headerLink:hover{
		font-size: 14pt; 
		color: #001854;
		text-decoration: none;
	}
	
	a.headerLink:hover{
		text-decoration: underline;
		color: #001854;
	}
	
	table td{vertical-align: top}	
	
	table.consoleForm{width: 800px;}
	table.consoleForm td{padding: 3px; text-align: left;}
	table.consoleForm td.label{text-align: right;}
        table.consoleForm td.checkbx{vertical-align:middle;}
	.submitField{text-align: center; margin: auto}
	
	table.list{width: 100%; border: 1px solid #001854}
	table.list td{padding: 3px; text-align: left}
	table.list td.listHeading, table.list tr.trHeading{
		background-color: #001854;
		color: #fff;
	}
	
/*	img{border: 1px solid #666}
*/
	div.menuHead{
		padding-top: 5px;
		font-weight: bold;
		font-size: 10pt;
		color: #001854;
		width: 220px;
	}
	div.menuContent{
		padding-left: 15px;
		width: 220px;
	}
	
	.failed, .error{
		display: block;
		background-color: #FF6666;
		color: #fff;
		padding: 3px;
		text-align: left;
	}
	
	.success{
		display: block;
		background-color: green;
		text-align: left;
		color: #fff;
		padding: 3px;
	}
	
	div.subNavWrapper{
		padding: 3px;
		padding-left: 20px;
		padding-bottom: 20px;
	}


	
	a.linksSubNav:link, a.linksSubNav:active, a.linksSubNav:visited{
		text-decoration: none;
		color: #001854; /*#FF6600;*/
	}
	
	a.linksSubNav:hover{
		color: blue;
		text-decoration: underline;
	}
	
	a.subNav:link, a.subNav:active, a.subNav:visited{
		text-decoration: none;
		color: white; /*#FF6600;*/

	}
	
	a.subNav:hover{
		color: #001854;
		text-decoration: none;
	}
	
        a.readmore {
                font-style: italic;
                font-size:.85em;
        }

	a.editLink{
		display: block;
		width: 20px;
		height: 20px;
		background-image: url('images/design/icons.gif');
		background-repeat: no-repeat;
		float: left;
	}

	a.deleteLink{
		display: block;
		width: 20px;
		height: 20px;
		background-image: url('images/design/icons.gif');
		background-repeat: no-repeat;
		background-position: -20px 0px;
		float: left;
	}
	a.newLink{
		display: block;
		width: 20px;
		height: 20px;
		background-image: url('images/design/icons.gif');
		background-repeat: no-repeat;
		background-position: -40px 0px;
		float: left;
	}
	a.editLink:hover{
		background-image: url('images/design/iconsHigh.gif');
		background-repeat: no-repeat;
	}
	a.deleteLink:hover{
		background-image: url('images/design/iconsHigh.gif');
		background-repeat: no-repeat;
		background-position: -20px 0px;	
	}
	a.newLink{
		display: block;
		width: 18px;
		height: 20px;
		background-image: url('images/design/icons.gif');
		background-repeat: no-repeat;
		background-position: -40px 0px;
		float: left;
	}
	
	a.newLink:hover{
		background-image: url('images/design/iconsHigh.gif');
		background-repeat: no-repeat;
		background-position: -40px 0px;	
	}
		
	.even{
		background-color: #fff;
	}
	.odd{
		background-color: #ccc;
	}
	.striped{
		background-color: #CCCC99;
	}
	
	
	
	div.galleryPhoto{
		float: left;
		width: 180px;
		text-align: center;
		padding-bottom: 25px;
	}
	
	div.galleryPhotoText{
		text-align: left;
		font-size: 8pt; 
		font-style: italic;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.clear{clear: both}
	
	
	.albumPagePhoto{
		padding-top: 20px;
		width: 170px;
		padding-left: 10px;
		padding-bottom: 10px;
		float: left;
		clear: both;
	}
	
	.albumPageInfo{
		padding-top: 20px;
		float: left;
		padding-bottom: 25px;
	}
	.albumPageHead, .headline{
		font-size: 10pt;
		color: white;
		font-weight: bold;
	}
	
	.albumWrapper{
		clear: both
	}
	
	.headline{clear: both;}
	
	.newsImageGallery{
		float: left;
		width: 180px;
		padding-bottom: 20px;
	}
	
	.posted{
		font-size: 8pt; 
		color: white;
		font-style: italic;
	}
	
	.article{
		padding-left: 15px;
		padding-bottom: 5px;
/*		float: left;
*/	}
	
	.newsImageFirst{
		width: 115px;
		float: left;
		padding-bottom: 10px;
	}
	
	.albumPageInfo a:link, .albumPageInfo a:active, .albumPageInfo a:visited, .albumPageInfo a:hover{
		color: #000;
		text-decoration: none;
	}
	
	.albumPageHead a:link, .albumPageHead a:active, .albumPageHead a:visited, .albumPageHead a:hover{
		color: #001854;
		font-weight: bold;
		text-decoration: none;
	}
	
	.albumPageHead a:hover{
		text-decoration: underline;
	}

	.testimonial{
		padding: 20px;
		font-style: italic;
		padding-bottom: 10px;
	}
	
	.testAuthor{
		padding-left: 150px;
	}
	
	.randomTestimonial{
		padding: 5px;
		padding-left: 15px;
		font-style: italic;
	}
	
	.randomTestimonialAuthor{
		padding-left: 5px;
	}
	
	ul{
		padding-left: 50px;
		padding-top: 5px;
	}
	

	.noBorder{border: 0px}
	
	
	div.newsImageGallery span.photoCaption{
		font-size: 8pt;
		font-style: italic;
	}
	
	
	.peopleCatName{
		font-weight: bold;
		color: #A9B0CD;
                font-size:18px;

	}
	
	.peopleWrap{

		padding: 5px 50px 20px 50px;
	}
	
	.peopleImage{
		float: left;
		width: 160px;
		padding-bottom: 10px;
		clear: both;
		padding-top: 20px;
	}
	
	.peopleName{
		font-weight: bold;
		padding-top: 20px;
	}
	
	.peoplePosition{
		font-style: italic;
	}
	
	
	table.contactForm td.label{
		width: 150px;
	}
	
	
	td.submitField{
		margin: 0 auto;
		text-align: center;
	}
	
	#ffDisplay, #testDisplay{
		overflow: hidden;
		width: 256px;
		height: 142px;
	}

        .serviceHead {
            font-weight:bold;
            font-size:18px;
            color:#001854;
            background-color:#A9B0CD;
        }

        .emailicon {
            border:0;
        }