html { height: 100%; min-height: 100%;  background: #f2f8ff;}
body { padding: 0; margin: 0; height: 100%; min-height: 100%; }
#container {
	width: 800px; position: relative; min-height: 100%; height: auto;
	background: url(../images/body-bg2.gif) 0 0 repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto; overflow: visible;
}

img { border: none; }

#header { float: left; width: 100%; }
	
	#logo { float: left; width: 129px; }
	
	* html #BusInfo { float: left; }
	#BusName {
		height: 50px; color: #954E4B;
		font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 28px;
		padding: 0 0 0 0; margin: 0 0 0 0; }
		#BusName img { margin: 0 0 0 0; }
		
	#BusAddress {
		text-align: left; background: #000000; color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; height: 25px;
		padding: 5px 0 0 10px; margin: 1px 0 0 0; }
		
	#vet1 { position: absolute; top:81px; right: 0px; float: right; height: 20px; z-index: 10;
		background: #64A27A url(../images/curve-2-3.gif) no-repeat bottom left; color: #FFFFFF;
		margin-left: 0px; font-size:12px; font-weight: bold; padding: 2px 40px 2px 40px; }
		
		#vet2 { position: absolute; top: 101px; right: 0px; float: right; height: 20px; z-index: 10;
		background: #64A27A url(../images/curve-2-3.gif) no-repeat bottom left; color: #FFFFFF;
		margin-left: 0px; font-size:12px; font-weight: bold; padding: 2px 40px 2px 30px; }
		
		
		
#MainBody { min-height: 100%; }
		
#curve { position: absolute; top: 81px; left: 129px; z-index: 10; }			
		
#leftnav {
	clear: both; width: 100px; float: left; }
	
	#leftnav ul { list-style: none; margin: 0 0 0 10px; padding: 15px 0 0 0; }
	#leftnav ul li { 
		list-style: none; margin: 0 0 0 0; padding: 3px 0 3px 0;
		font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px;
		border: 1px black solid; border-width: 0px 0 1px 0;  }
			#leftnav ul li:last { border-width: 1px 0 1px 0; }
		
		#leftnav ul li a { text-decoration: none; color: #000000; }
		#leftnav ul li a:hover { text-decoration: none; color: #336699; }
		
		
#content {/* position: absolute; top: 100px; left: 150px;*/
	width: 600px; float: left; padding: 0 0 0 0; margin: 20px 0 0 50px; }
	
	
	#altcontent { width: 600px; float: left; padding: 0 0 0 0; margin: 20px 0 0 50px; }
	
#footer { clear: both; background: #ffffff; height: 0px; border: 1px solid #000000; border-width: 0px 0 0 0;}

.alert { border: 1px dashed #993333; width: 70%; font-size: 80%; margin-bottom: 20px; padding: 3px; }
	.alert h3 { margin: 0; padding: 2px; color: #993333; }
	.alert #activeAlert { font-weight: bold; color: #009900; float: right; margin: 2px; }
	.alert #inactiveAlert { font-weight: bold; color: #999999; float: right; margin: 2px; }
.alertText { margin: 0; padding: 5px; }


.pageDisplay { border: 1px dashed #339933; width: 70%; font-size: 80%; margin-bottom: 20px; padding: 3px; }
.pagePic { float: right; padding: 0 0 10px 10px; }

.disclaimer { font-size: 0.8em; font-style: italic; }
.bottalign { vertical-align: bottom; }
.clear { clear: both; }

#KittenList {
	position: relative;	
	border: #cccccc dashed 1px;
	margin: 0 0 20px 0; z-index: 10;}
	#KittenList h5 { border-bottom: #c5c5c5 dashed 2px; margin: 0; padding: 2px 0 2px 5px; background: #ececec; }
		#KittenList h5 a { font-size: 1.3em; color: #333333; font-weight: bold; text-decoration: none; }
			#KittenList h5 a:hover { color: #999999; }
		#KittenList h5 .male { color: #5c8898; }
		#KittenList h5 .female { color: #985c7c; }
	#KittenList p { padding: 5px 5px; margin: 0; }
	#KittenList img { float: left; padding: 5px 10px 5px 5px; border: none; }
	
.pending, .adopted {	
	position: absolute;
	height: 200px;
	width: 300px;
	top: 30px;
	left: 0px;
	z-index: 100; }
	.pending img, .adopted img {
		padding: 0 0 50px 20px;
		}

	
.topBox {
	width: 60%;
	background: #f1f1f1;
	border: 1px dashed #cccccc;
	margin: 0 0 1em 0.5em; padding: 0;
	font-size: 0.90em; }
	
	.topBox h5 {
		background-color: #cccccc;
		font-size: 1.1em; text-align: center; color: #333;
		padding: 2px; margin: 0 0 0.2em 0; }
	.topBox p { padding: 2px 5px; margin: 0; }
	
	
#imageTable { border: 1px dashed #ccc; }
	#imageTable th { background: #333; color: #fff; }
	#imageTable td { padding: 5px; border-bottom: 1px dashed #ccc; }