html {
background-color:#e4e0f9;
}
body{
text-align:left;
font-family: Verdana;
}
a{
color: #006600;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

.spacer{
clear:both; 
}
.wrap{
margin:0 auto;
width:974px;
padding-left: 10px;
padding-right: 10px;
background-image:url(/modules/default/images/wrap.gif);
background-repeat: repeat-y;
}

/* header */
.header{
background-color: #fff;
}
.header .banner{
background-image:url(/modules/default/images/alliswell.jpg);
background-repeat: no-repeat;
background-position: top;
margin:0 auto;
height: 165px;
}
.header .search_form{
float: right;
margin-top: 10px;
margin-right: 10px;
}

/*
.menu{
background-image:url(/modules/default/images/menu-bg.gif);
background-repeat: repeat-x;
height: 52px;
font-family: arial,helvetica,clean,sans-serif;
}
	.menu ul{
	padding-top: 18px;
	}
	.menu li{
	float:left;
	padding-left:30px;
	padding-right:20px;
	background-image:url(/modules/default/images/paw-bullet.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	}
	.menu li.first{
	background-image: none;
	}
	.menu li a{
	text-decoration: none;
	color: #fff;
	font-size: 120%
	}
*/

/* body */
.body{
background-color: #E4E0F9;
background-image:url(/modules/default/images/fade.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

/* footer */
.footer{
background-image:url(/modules/default/images/footer-bg.gif);
background-repeat: repeat-x;
color: #fff;
}
.footer .copyright{
float:left;
padding:10px;
font-size: 90%;
}
.footer .tradewinds{
float:right;
padding:10px;
font-size: 90%;
}
.footer .menu{
background-image: none;
}
.footer .mission{
background-color:#E4E0F9;
padding: 6px;
font-size: 90%;
color: #555555;
border-top: solid 1px #08510A;
}




/* home */
.home{
padding: 10px;
}
.home .left{
float: left;
width: 640px;
}
.home .right{
float: left;
width: 274px;
}
.home .mission{
width:690px;
margin: 0 auto;
}
.home h2{
font-size: 140%;
font-weight: bold;
color: #684d8c;
}
.home .dialog .hd{
padding-bottom: 10px;
}
.home .dialog .bd{
font-size: 110%;
line-height: 1.5;
color:#222;
}
.home .why{
width: 620px;
}
.home .why h2{
font-size: 170%;
}
.home .why .bd{
font-size: 120%;
}
.home .adoption{
width: 300px;
}
.home .adoption img{
float: left;
}
.home .adoption .description{
float: left;
padding-left: 15px;
}
.home .adoption .name{
font-weight: bold;
}
.home .news{
float: left;
width: 300px;
margin-left: 20px;
}
.home .news .title{
font-weight: bold;
}
.home .newsletter{
width: 300px;
}
.home .events{
width: 300px;
}
.home .events .title{
font-weight: bold;
}
.home .featured{
float: left;
width: 300px;
}
.home .featured li{
list-style-type: disc;
margin-left: 20px;
}
.home .featured .discount{
color: #ff0000;
}
.home .featured .product{
font-weight: bold;
}
.home .tip{
width: 300px;
}
.home .easy{
margin-left: 90px;
float: left;
padding: 10px;
}
.home .easy a{
margin-left: 20px;
font-size: 120%;
}
.home .online{
margin-left: 40px;
float: left;
padding: 10px;
}
.home .online a{
margin-left: 20px;
font-size: 120%;
}
.home .coming{
font-style: italic;
margin-left: 50px;
}



.subpage .left{
float:left;
width:200px;
margin-top: 10px;
margin-left: 10px;
}
.subpage .right{
float:left;
width:700px;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 20px;
}
.subpage .right h1{
font-weight: bold;
font-size: 160%;
padding-bottom: 10px;
}
.subpage .right ul{
padding: 10px 0;
}
.subpage .right li{
list-style-type: disc;
margin-left: 30px;
}
.subpage .print{
float: right;
width: 60px;
padding: 5px;
}
.subpage p{
padding: 5px 0;
}

.submenu{
font-size: 120%;
}
.submenu li{
padding-left: 5px;
padding-top: 5px;
}


/*
.submenu .left{
float:left;
width:180px;
margin: 10px;
}
.submenu .left h2{
font-weight: bold;
font-size: 110%;
}
.submenu .left li{
padding-left: 5px;
padding-top: 5px;
}
.submenu .right{
float:left;
width:700px;
margin-left: 20px;
margin-top: 5px;
margin-bottom: 5px;
padding: 25px;
}
.submenu .right h1{
font-weight: bold;
font-size: 130%;
padding-bottom: 10px;
}
*/

.education{
padding:20px;
background-color: #F6F5FD;
}
.education p{
padding: 5px 0;
}
.education{
line-height: 1.5;
}
.education strong{
font-weight: bold;
}

.resources .right .dialog{
float:left;
width:300px;
margin-left: 20px;
}
.resources .right .dialog h2{
font-weight: bold;
font-size: 110%;
}

.contact{
padding:15px 15px 30px;
}
.contact h1{
font-size: 140%;
font-weight: bold;
color: #684d8c;
padding-top: 5px;
}
.contact .left{
float:left;
width:410px;
}
.contact form{
padding: 20px;
}
.contact label{
font-weight: bold;
color: #07530A;
}
.contact td{
padding: 2px;
}
.contact .right{
float:left;
width:490px;
margin-left: 20px;
}
.contact h2{
font-size: 120%;
font-weight: bold;
color: #684d8c;
padding-bottom: 5px;
text-align: center;
}
.contact .location{
text-align: center;
float:left;
padding: 10px;
}
.contact .location h3{
font-size: 110%;
font-weight: bold;
padding-bottom: 5px;
}
.contact .location img{
width: 225px;
height: 150px;
}


.location{
padding:15px 15px 30px;
}
.location h1{
font-size: 140%;
font-weight: bold;
color: #684d8c;
padding-top: 5px;
padding-bottom: 15px;
}
.location .image{
float: left;
}
.location .address{
float: left;
padding-left: 20px;
font-size: 130%;
color: #444444;
}
.location .address h2{
font-weight: bold;
padding-top: 10px;
font-size: 110%;
}
.location .map{
float: left;
padding-left: 20px;
}


.print{
width: 700px;
margin: 0 auto;
line-height: 1.5;
font-size: 110%;
}
.print h1{
font-size: 180%;
font-weight: bold;
padding-top: 10px;
}
.print .left{
float: left;
}
.print .right{
float: right;
padding-top: 30px;
padding-right: 10px;
}
.print p{
padding: 10px 0;
font-size: 120%;
}
.print .bottom{
padding-top: 10px;
text-align: center;
font-size: 90%;
}


.about p{
line-height: 1.5;
font-size: 115%;
padding: 5px 0;
}
.about .staff{
text-align: center;
width:500px;
margin: 10px auto;
}



.products{
padding: 5px;
}
.products .notice{
font-weight: bold;
text-align: center;
font-size: 120%;
padding: 5px;
color: #07530A;
}
.products .left{
float:left;
width:450px;
margin: 5px;
}
.products .right{
float:left;
width:450px;
margin-left: 10px;
margin: 5px;
}
.products h2{
font-size: 140%;
font-weight: bold;
color: #684d8c;
padding-top: 5px;
}
.products h3{
font-size: 120%;
font-weight: bold;
color: #684d8c;
padding-top: 5px;
padding-bottom: 5px;
}
.products h4{
font-weight: bold;
color: #684d8c;
padding-top: 5px;
}
.products ul{
}
.products li{
padding-left: 10px;
line-height: 1.5;
}






.search{
padding:15px 15px 30px;
}
.search h1{
font-size: 140%;
font-weight: bold;
color: #684d8c;
padding-top: 5px;
padding-bottom: 15px;
}
.search .page h2{
font-size: 110%;
font-weight: bold;
color: #684d8c;
margin-top: 10px;
}
.search .page{
line-height: 1.5;
width: 600px;
margin-top: 5px;
margin-bottom: 5px;
}


.testimonials{
padding:15px 15px 30px;
}
.testimonials h1{
font-size: 140%;
font-weight: bold;
color: #684d8c;
padding-top: 5px;
padding-bottom: 15px;
}
.testimonials .left{
float: left;
width:660px;
}
.testimonials .before{
float: left;
text-align: center;
margin: 5px;
}
.testimonials .before h3{
font-size: 110%;
font-weight: bold;
color: #684d8c;
padding-bottom: 5px;
}
.testimonials .right{
float: right;
}
.testimonials .form{
width:240px;
}
.testimonials .form td{
padding: 2px;
}
.testimonials .form textarea{
margin: 2px;
width: 215px;
height: 200px;
}
.testimonials h2{
font-size: 120%;
font-weight: bold;
color: #684d8c;
padding-top: 5px;
padding-bottom: 15px;
}
.testimonials .dialog{
line-height: 1.5;
font-size: 115%;
}
.testimonials .more .image{
float: left;
}
.testimonials .more .story{
float: left;
margin-top: 10px;
margin-left: 20px;
width: 400px;
}
.testimonials .details{
width: 600px;
margin: 10px auto;
}
.testimonials input.image_input{
font-size: 70%;
}


.calendar{
padding:15px 15px 30px;
}
.calendar h1{
font-size: 140%;
font-weight: bold;
color: #684d8c;
padding-top: 5px;
padding-bottom: 15px;
}
.calendar .left{
float: left;
width:300px;
}
.calendar h2{
font-size: 110%;
font-weight: bold;
color: #684d8c;
padding-top: 15px;
}
.calendar h3{
font-weight: bold;
padding-top: 5px;
color: #222222;
}
.calendar .left p{
padding-left: 5px;
}
.calendar .right{
float: left;
width:360px;
margin-left: 10px;
}
.calendar .rightest{
float: left;
margin-left: 20px;
}
.calendar .form{
width:240px;
}
.calendar .form td{
padding: 2px;
}
.calendar .form textarea{
margin: 2px;
width: 215px;
height: 200px;
}

/*
.adoptions .adoptee{
background-image: url(/modules/default/images/roommate.png);
width: 230px;
height: 546px;
float: left;
}
.adoptions .adoptee img{
margin-top: 55px;
margin-left: 25px;
margin-bottom: 10px;
}
.adoptions .adoptee p{
width: 190px;
margin: 0 auto;
text-align: justify;
color: #333333;
}
*/
.adoptions .adoptee{
float: left;
}
.adoptions .adoptee img{
margin-top: 5px;
margin-bottom: 10px;
}
.adoptions .content{
width: 190px;
margin: 0 auto;
text-align: justify;
color: #333333;
}
.adoptions .top{
background-image: url(/modules/default/images/roommate-top.png);
background-position: center;
background-repeat: no-repeat;
width: 230px;
height: 48px;
}
.adoptions .middle{
background-image: url(/modules/default/images/roommate-middle.png);
background-position: center;
background-repeat: repeat-y;
width: 233px;
}
.adoptions .bottom{
background-image: url(/modules/default/images/roommate-bottom.png);
background-position: center;
background-repeat: no-repeat;
width: 230px;
height: 23px;
}
.adoptions .adopted p{
background-image: url(/modules/default/images/adopted.gif);
background-repeat: no-repeat;
}
.adoptions .dialog{
width: 330px;
float: left;
padding-left: 5px;
}
.adoptions .dialog .content{
height: 80px;
}


.category .dialog{
width: 330px;
float: left;
padding-left: 5px;
}


.thanks{
text-align: center;
font-size: 200%;
font-weight: bold;
color: #684d8c;
padding: 30px;
}




/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(/modules/default/images/dialog.png) no-repeat top right;
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h2,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:.5em 0px 0.5em 0px;
}

.dialog h2 {
 padding-bottom:0px;
}




img, div { behavior: url(iepngfix.htc) }




.paginator {
display:block;
margin:8px 0;
}
.paginator a{
text-decoration:none;
}
.paginator .selected {
padding:2px 6px;
}
.paginator .page {
border:1px solid #CBCBCB;
padding:2px 6px;
}
.paginator .prev, .paginator .next,.paginator  .all {
border:medium none;
}
.paginator .viewing {
font-size:90%;
font-weight:lighter;
padding-left:5px;
}
.paginator .sortcount {
font-size:80%;
padding-left:2px;
}
.paginator .noresults {
background-color:#EDEDED;
border:1px solid #CBCBCB;
font-size:110%;
font-weight:bold;
margin-top:10px;
padding:5px;
}
    
    
    
/* menu */
.yui-skin-sam .yuimenubar {
background-image:url(/modules/default/images/menu-bg.gif);
background-repeat:repeat-x;
border:none;
font-size:100%;
line-height:normal;
}
.yui-skin-sam .yuimenubaritemlabel {
border: none;
color:#fff;
margin:-1px 0;
padding:0;
}
.yui-skin-sam .yuimenubaritem-selected {
	background-image:url(/modules/default/images/paw-bullet.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
}

.menu{
height: 52px;
font-family: arial,helvetica,clean,sans-serif;
}
	.menu ul{
	padding-top: 18px;
	}
	.menu li.yuimenubaritem{
	margin-left:15px;
	padding-right:35px;
	background-image:url(/modules/default/images/paw-bullet.gif);
	background-position:center right;
	background-repeat:no-repeat;
	}
	.menu li.last{
	background-image: none;
	}
	.menu li a{
	text-decoration: none;
	color: #fff;
	font-size: 120%
	}
	.menu li a.yuimenubaritemlabel:hover{
	text-decoration: underline;
	}







.product_title{
font-size:123.1%;
color:#FF0000;
font-style: italic;
font-weight:bold;
}
.product_heading{
font-size:123.1%;
color:#9900FF;
font-style: italic;
font-weight:bold;
}
.product_subheading{
font-size:108%;
color:#000000;
font-style: italic;
font-weight:bold;
}
.image_left{
float: left;
}
.image_right{
float: right;
}





.cpr{
padding:15px;
margin:0 auto;
width:730px;
}
.cpr h1{
color: #9900FF;
font-weight: bold;
font-size:182%;
}
.cpr h2{
font-weight: bold;
}
.cpr p{
color: #008100;
line-height: 1.5;
font-size:123.1%;
padding: 20px 0;
}
.cpr .locations{
float: left;
width: 210px;
}
.cpr .location{
border: 1px solid #000;
padding: 10px;
margin: 5px 0;
background-color: #fff;
}
.cpr .image{
float: left;
margin-left:20px;
}