@charset "UTF-8";

/* CSS Document */



body {

	background: #FFFFFF url(../images/bg.jpg) repeat-x;

	font-family: Myriad Pro, Arial, Helvetica, sans-serif;

}



#container {

	width: 955px;

	margin: 90px auto 0px auto;

}



#leftColumn {

	float: left;

	width: 195px;

	margin: 0;

	padding: 0;

}



#rightColumn {

	float: left;

	width: 760px;

	margin: 0;

	padding: 0;

}



#logo {

	float: left;

	width: 195px;

	height: 275px;

	margin: 0;



	padding: 0;

}



#logo a:link {

        background: url(../images/Logo_Vertical.jpg) no-repeat center;

        float: left;

        border: none;

        text-decoration: none;

	width: 195px;

	height: 260px;

	margin: 0px 0px 15px 0px;

	padding: 0;

}



#logo a:visited {

        background: url(../images/Logo_Vertical.jpg) no-repeat center;

        float: left;

        border: none;

        text-decoration: none;

	width: 195px;

	height: 260px;

	margin: 0px 0px 15px 0px;

	padding: 0;

}



#logo a:hover {

        background: url(../images/Logo_Vertical.jpg) no-repeat center;

        float: left;

        border: none;

        text-decoration: none;

	width: 195px;

	height: 260px;

	margin: 0px 0px 15px 0px;

	padding: 0;

}



#logo a:active {

    background: url(../images/Logo_Vertical.jpg) no-repeat center;

    float: left;

    border: none;

    text-decoration: none;

	width: 195px;

	height: 260px;

	margin: 0px 0px 15px 0px;

	padding: 0;

}





#adoptAPet {
	float: left;
	height: 149px;
	width: 195px;
	cursor: pointer;
	margin: 10px 0px 15px 0px;
	padding: 0;
}

#adoptAPet span {
	display: none;
}

#adoptAPet a:link {	
	width: 146px;
	height: 149px;
	background: url(../images/adoptAPetNew.png) no-repeat bottom;
	display: block;
	margin: 0px auto 0px auto;
	padding: 0;
}

#adoptAPet a:visited {	
	width: 146px;
	height: 149px;
	background: url(../images/adoptAPetNew.png) no-repeat bottom;
	display: block;
	margin: 0px auto 0px auto;
	padding: 0;
}

#adoptAPet a:hover {	
	width: 146px;
	height: 149px;
	background-position: top;
	display: block;
	margin: 0px auto 0px auto;
	padding: 0;
}

#adoptAPet a:active {	
	width: 146px;
	height: 149px;
	background-position: bottom;
	display: block;
	margin: 0px auto 0px auto;
	padding: 0;
}




#topNav {

	width: 680px;

	text-align: right;

	margin-right: 10px;

}



#topNav ul {

	list-style-type: none;

	display: inline;

}



#topNav ul li {

	display: inline;

	padding: 0px 0px 0px 17px;

}



#topNav a:link {

	text-decoration: none;

	color: #565656;

}



#topNav a:visited {

	text-decoration: none;

	color: #333333;

}



#topNav a:hover {

	text-decoration: none;

	color: #000000;

}



#topNav a:active {

	text-decoration: none;

	color: #565656;

}



#slideshowContainer {

	float: left;

	position: relative;

	width: 640px;

	height: 235px;

	margin: 0px 15px 20px 40px;

	padding: 0px;

}



#slideshow {

	margin: 0;

	padding: 0;

}



#slideshowBorder {

	float: left;

	margin: 0px 0px 0px 20px;

	padding: 0;

	width: 640px;

	height: 236px;

	z-index: 3;

	position: absolute;

	background: url(../images/slideshowBorder.png) no-repeat;

}



#slideshowContainer object {

	margin: 0;

	padding: 0;

}



#slideshow1 {

	background: #FFFFFF;

	position: absolute;

   	width: 269px;

    height: 169px;

	z-index: 0;

	margin: 5px 0 0 25px;

}



#slideshow2 {

	background: #FFFFFF;

	position: absolute;

    width: 269px;

    height: 169px;

	z-index: 1;

	margin: 49px 0 0 216px;

}



#slideshow3 {

	background: #FFFFFF;

	position: absolute;

   	width: 269px;

	height: 169px;

	z-index: 2;

	margin: 5px 0 0 419px;

}



#mainContent {

	width: 750px;

	margin: 0px 0px 10px 10px;

}



.navContainer {

	float: left;

	width: 250px;

	margin: 0;

	padding: 0;

}



.top {

	width: 250px;

	height: 20px;

	background: url(../images/topNarrow.jpg) no-repeat;

	margin: 0px;

	padding: 0px;

}



.middle {

	width: 199px;

	background: url(../images/repeatNarrow.jpg) repeat-y;

	margin: 0px 0px -73px 0px;

	padding: 0px 16px 0px 35px;

}





.midContent {

	margin: 0px 0px 0px 0px;

	padding: 2px;

	position: relative;

	z-index: 5;

}



.midContent h2 {

         margin: 0px;

         padding: 0px;

}



.midContent ul {

         margin: 0px;

         padding: 0px 0px 0px 0px;

}



.midContent li {

         margin: 0px;

         padding: 0px;

}



.midContent ul li {

         margin: 0px;

         padding: 0px 0px 0px 10px;

}



.midContent ul.easytwitter {

	font-size:14px;

	margin: 0;

	/*height: 200px;
	
	overflow: hidden;*/

	padding: 0px 20px 0px 0px;

	list-style-type: none;

}



.midContent li.easytwitter {


	margin-left: 0;



	margin-right: 10%;



	margin-top: 0px;



	margin-bottom: 10px;



         padding: 0px;



	list-style-type:none; 

}



.bottom {

	width: 250px;

	height: 107px;

	background: url(../images/bottomNarrow.jpg) no-repeat;

	margin: 0px;

	padding: 0px;

}





.menu {

	list-style-type: none;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 5px 10px;

}



.menu h2 {



        margin: 0px;

        padding: 0;

}



.menuSpan {

        width: 200px;

        

	margin: 0px;

	padding: 0px;

}



.menuItem {

	padding: 0px 0px 0px 0px;

	margin: 0;

}



.menuItem li {

        margin: 0;

	padding: 0px 0px 0px 20px;

}



.midContent a:link {

	text-decoration: none;

	color: #565656;

}



.midContent a:visited {

	text-decoration: none;

	color: #333333;

}



.midContent a:hover {

	text-decoration: none;

	color: #000000;

}



.midContent a:active {

	text-decoration: none;

	color: #565656;

}



.bottom {

	width: 250px;

	height: 107px;

	background: url(../images/bottomNarrow.jpg) no-repeat;

	margin: 0px;

	padding: 0px;

}



.menu {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



.menuSpan {

        width: 200px;

        float: left;

	margin: 0px;

	padding: 0px;

}



.menu h2 {

        margin: 0;

        padding: 0;

}



.menuItem {

	margin: 0;

	padding: 0px 0px 0px 0px;

}



.menuItem li {

        margin; 0;

	padding: 0px 0px 0px 20px;

}



.padBottom {

	height: 0px;

}



.menuItem a:link {

	text-decoration: none;

	/*color: #565656;*/
	
	color: #333333;

}



.menuItem a:visited {

	text-decoration: none;

	color: #333333;

}



.menuItem a:hover {

	text-decoration: none;

	color: #000000;

}



.menuItem a:active {

	text-decoration: none;

	color: #333333;

}



.navHeader {

	font-size: 22px;

	font-weight: normal;

	color: #468441;

	margin: 0px 0px 5px 0px;

        padding: 0;

}



.navContainer ul {

	color: #565656;

	margin: 0px;

	list-style-type: none;

}



.eventsContainer {

	float: left;

	width: 204px;

	margin: 0;

	padding: 0;

}



.eventsTop {

	width: 204px;

	height: 17px;

	background: url(../images/eventsTop.jpg) no-repeat;

	margin: 0px;

	padding: 0px;

}



.eventsMiddle {

	width: 166px;

	background: url(../images/eventsRepeat.jpg) repeat-y;

	margin: 0px 0px -64px 0px;

	padding: 0px 16px 0px 22px;

}



.eventsBottom {

	width: 204px;

	height: 95px;

	background: url(../images/eventsBottom.jpg) no-repeat;

	margin: 0px;

	padding: 0px;



}



.eventsHeader {

	font-size: 22px;

	font-weight: normal;

	color: #468441;

	margin: 0px 0px 5px 10px;

}



.eventsContainer ul {

	color: #565656;

	margin: 0px;

	list-style-type: none;

}



#content {

	float: left;

	width: 742px;

	color: #333333;

	margin: 0;

	padding: 0px 15px 0px 3px;

}



#content a:link {

	text-decoration: none;

	color: #468441;

}



#content a:visited {

	text-decoration: none;

	color: #468441;

}



#content a:hover {

	text-decoration: none;

	color: #468441;

}



#content a:active {

	text-decoration: none;

	color: #468441;

}



#footer {

	float: left;

	width: 750px;

	height: 15px;

	margin: 0px auto 20px auto;

	font-size: 12px;

}



#footer p {

	width: 250px;

	margin: 0px auto 0px auto;

}



#footerButtons {

	float: left;

	width: 750px;

	margin: 0px 0px 0px 45px;

}



.footerButton {

	float: left;

	margin: 0px 3px;

}



.footerButton a {

	width: 180px;

	height: 50px;

	display: block;

	background: url(../images/button.jpg) no-repeat;

	color: #565656;

	text-decoration: none;

	padding: 12px 5px 0px 0px;

	margin: 0;

	text-align: center;

}



#preload {

	background: url(../images/adoptAPetHover.jpg) no-repeat;

	display: none;

}