@charset "utf-8";







/*Initial/Reset CSS------------------------------------------------*/



/*-----------------------------------------------------------------*/



* {margin: 0; padding: 0;} /*The great equalizer for the usual IE padding issues.*/







h1 {font-size: 26px; color: #30a7a3; font-family: Helvetica, Geneva, Arial, sans-serif; font-weight: normal; padding: 27px 0 12px 0;}



h2, .title {font-size: 18px; line-height: 25px; color: #000000; font-weight: normal;}



/*h3 {font-size: 13px; color: #30a7a3;}*/



h3 {font-size: 11px; color: #000000;}



.date {	font-size:  10pt;}



img {border: none}



a {color: #61b656;}





body  {


	font: 9pt Geneva, Arial, Helvetica, sans-serif;



	background: #000000;



	text-align: center; 



	color: #000000;



}







/*Main page CSS----------------------------------------------------*/



/*-----------------------------------------------------------------*/



.ballardanimal #container { 



	width: 945px; 



	background: #eeffff;



	margin: 0 auto;



	text-align: left;



} 







.ballardanimal #header { 



	background-color: #000000;



	background-image:url(images/header.jpg);



	background-repeat:no-repeat;



	height: 108px;



	width: 720px;



	margin: 0 0 0 225px; 

	text-align: right;



} 







.ballardanimal #sidebar1 {



	float: left;



	width: 225px;



	height: 638px;



	background: #f4fcf7 url(images/sidebackground.jpg) no-repeat;  /*eeffff */
	



}



.ballardanimal #sidebar1 p {font-size: 12px; line-height: 16px; color: #30a7a3; text-align:center; padding: 15px 0 0 0;}



.ballardanimal #innersidebar {height: 534px; width: 225px;}/*just in case, best to force the page to load correctly.*/



.ballardanimal #subinnersidebar {height: 569px; width: 225px;}/*just in case, best to force the page to load correctly.*/



.ballardanimal #subinnersidebar p {font-size:10px; line-height:12px;}







.ballardanimal #refill  {



	float: left;



	width: 240px; 



	height: 29px;



	background: #f4fcf7 url(images/refillbackground.jpg) no-repeat; /*#eeffff */



	margin: 3px 0 0 0;



	padding: 7px 0px 0px 15px;



	position:relative;



	left: -30px;



	text-align:left;

	white-space: nowrap; 

}



#login {
	float: left;
	width: 64px; 
	height: 30px;
	margin: 80px 0px 0px 660px;
	position:relative;
}




.ballardanimal #refill a {text-decoration: none; 



	font-size: 13px; 



	color: #ffffff; 



}







.ballardanimal #rightbar img {margin: 30px 0 0px 0;}



.ballardanimal #rightbar {



	float: right; 



	width: 290px; 



	height: 487px;



	background: #f4fcf7 url(images/rightbar.jpg) no-repeat; 



	overflow: visible;



}







.ballardanimal #menubar {



	width: 720px;



	height: 43px;



	background: #f4fcf7 url(images/menubar.jpg) no-repeat;



	margin: 0 0 0 225px;



	padding: 0px 0 0 0px;



}







.ballardanimal #mainContent p {font-size: 12px; line-height: 25px; color: #000000;}



.ballardanimal #mainContent { 



	margin: 0 290px 0 225px; 



	padding: 30px 50px 0 50px;



	width: 330px;



	height: 457px;



	background: #f4fcf7 url(images/mainbackground.jpg) no-repeat;



} 







.ballardanimal #largeContent h2 a {font-size: 14px; color: #41ab33;}



.ballardanimal #largeContent p {font-size: 12px; line-height: 16px; color: #000000;}



.ballardanimal #largeContent { 



	margin: 0 0 0 225px; 



	padding: 0px 170px 0 50px;



	width: 500px;



	height: 487px;



	background: #f4fcf7 url(images/mainbackground2.jpg) no-repeat;



} 



.pics { border: 1px solid #61b656; }



/*This div is to make sure the custom scrollbar always starts and stops in the same place.*/



.ballardanimal #contentBuffer {



height: 200px;



overflow: hidden;



margin: 0;



padding: 0;



}



.ballardanimal #smallcontentBuffer {



height: 65px;



overflow: hidden;



margin: 0;



padding: 0;



}



.ballardanimal #tinycontentBuffer {



height: 58px;



overflow: hidden;



margin: 0;



padding: 0;



}





.ballardanimal #emailinput {



	color: #888888;



	font-size: 10px;



	padding: 1px;



}







.ballardanimal #closer { 



	width: 945px;



	height: 78px;



	background: #000000 url(images/beforefooter.jpg) no-repeat;



} 







.ballardanimal #footer p {padding: 10px 0;}



.ballardanimal #footer a {color: #72c267;} 



.ballardanimal #footer { 



	padding: 15px 10px 0 10px;



	background:#000000; 



	color: #72c267;



	text-align: center;



	font-size: 11px;



} 







.clearfloat { 



	clear:both;



    height:0;



    font-size: 1px;



    line-height: 0px;



}








/*-----------------------------------------------*/



dt, dl, dd, ul, li {

list-style-type: none;

}



#menu {

position : relative;



}



#menu dt a

{	

	display: block;

	margin: 0 0px 0 0;

	padding: 8px 10px;

	width: 106px;

	background-repeat:no-repeat;

	color: #FFF;

	text-align: center;

	text-decoration: none;

	font: bold 12px arial;

}



#menu dl {

float: left;

}

#menu li {

display: inline;

}





#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {

visibility: hidden;

position: absolute;

left: 0;

margin: 5px 0 0 0;

width: 610px;

padding: 5px 10px;

white-space: nowrap;

text-align: center;

text-decoration: none;

background: #e0f4e8;

color: #0a8785;

font: 11px arial;

}



#smenu1 a {color: #0a8785; text-decoration: none;}

#smenu1 a:hover {font-weight:bold;}

#smenu2 a {color: #0a8785; text-decoration: none;}

#smenu2 a:hover {font-weight:bold;}

#smenu3 a {color: #0a8785; text-decoration: none;}

#smenu3 a:hover {font-weight:bold;}

#smenu4 a {color: #0a8785; text-decoration: none;}

#smenu4 a:hover {font-weight:bold;}

#smenu5 a {color: #0a8785; text-decoration: none;}

#smenu5 a:hover {font-weight:bold;}

.newsletter {

	position: absolute; top: 180px; left: 50%; padding-left: 30px;

}