/*----------- this style sheet is based on the work of collingarythomasgrasley (modetwentythree.com) collingrasley@gmail.com --- public domain template, because sharing is good ------- no link back required, but it would be real swell :) --------------------*/

/* -----------------  page styles -------------------------------------------------------*/

body { padding:0; margin:0; line-height: 17px;  text-align: center; background:#088A4B repeat-y center; color: #555; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px; font-family:Verdana, sans-serif }

#wrapper { margin: auto; width:900px;  padding:0; background:#fff url('bodybg.jpg')}


/* -----------------  general styles  -------------------------------------------------------*/

a { color:#349903; font-weight:bold; text-decoration:underline;background:none }
a:hover { color:#8ce561; background:none; text-decoration:underline; }

p { margin:0;padding-top:2px;}
h2 { text-align: left; font-weight:bold; font-size:14px; padding:0px 0 4px 0px; margin: 0 0 2px 0; color:#F08F02; background:none; border-bottom: 2px dotted #444; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0px none;}
h3 {font: 20px 'HelveticaNeue-Bold', 'Arial', Helvetica, Arial, sans-serif; margin:0;}
h4 {font: 30px 'HelveticaNeue-Bold', 'Arial', Helvetica, Arial, sans-serif; margin:0;}
h5 {font: 50px 'HelveticaNeue-Bold', 'Arial', Helvetica, Arial, sans-serif; margin:0;}
.pic{margin-top:8px;}
/* -----------------  top info  -------------------------------------------------------*/

#header { clear:both; width:900px; height:80px; background: url('../images/header.jpg') no-repeat; 
margin:0 }
#title {height:0px; width:0px; cursor:pointer;}
#title h3 {font-size:12px; padding:0px 0 0 0; margin:0; color:#444;}
#hright {float:right; width:0px; height:0px; margin:0px 0 0 0;}
#hrighttop {width:0; margin: 0 0 0 0; padding: 0 0px 0px 0; float:right; text-align: right;}
#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}
#menu { width: 550px; float:right; margin:2px 0 0 0; padding:0; text-align:right;}
#menu li { display:inline; }
#menu li a {  color:#444; text-decoration:none; padding:1px 10px 1px 10px;
height:19px; background:none;}
#menu li a:hover { background: none;color:#349903;} 
#linormal { display:list-item; list-style:square; margin-left: 20px;}

/* ----------------- Main content -------------------------------------------------------*/

#homepic {width:900px; height:200px; background: url('../images/homepic.gif') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0px}
#homepic a {color:#fff;}
#homepic:hover {background: url('../images/homepic.gif') no-repeat;}
#helpuspic {width:900px; height:200px; background: url('../images/helpuspic.gif') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0px}
#helpuspic a {color:#fff;}
#helpuspic:hover {background: url('../images/helpuspic.gif') no-repeat;}
#adoptionspic {width:900px; height:200px; background: url('../images/adoptionspic.gif') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0px}
#adoptionspic a {color:#fff;}
#adoptionspic:hover {background: url('../images/adoptionspic.gif') no-repeat;}
#successespic {width:900px; height:200px; background: url('../images/successespic.gif') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0px}
#successespic a {color:#fff;}
#successespic:hover {background: url('../images/successespic.gif') no-repeat;}
#feralcatsespic {width:900px; height:200px; background: url('../images/feralcatsespic.gif') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0px}
#feralcatsespic a {color:#fff;}
#feralcatsespic:hover {background: url('../images/feralcatsespic.gif') no-repeat;}
#whopic {width:900px; height:250px; background: url('../images/whopic.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:10px}
#whopic a {color:#fff;}
#whopic:hover {background: url('../images/whopic.jpg') no-repeat;}
#newspic {width:900px; height:250px; background: url('../images/newspic.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:10px}
#newspic a {color:#fff;}
#newspic:hover {background: url('../images/newspic.jpg') no-repeat;}
#whatpic {width:900px; height:250px; background: url('../images/whatpic.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:10px}
#whatpic a {color:#fff;}
#whatpic:hover {background: url('../images/whatpic.jpg') no-repeat;}
#caregiverpic {width:900px; height:250px; background: url('../images/caregiverpic.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:10px}
#caregiverpic a {color:#fff;}
#caregiverpic:hover {background: url('../images/caregiverpic.jpg') no-repeat;}
#faqpic {width:900px; height:250px; background: url('../images/faqpic.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:10px}
#faqpic a {color:#fff;}
#faqpic:hover {background: url('../images/faqpic.jpg') no-repeat;}
#contact {width:900px; height:250px; background: url('../images/contactpic.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:10px}
#donatepic {width:900px; height:250px; background: url('../images/donatepic.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:10px}
#donatepic a {color:#fff;}
#donatepic:hover {background: url('../images/donatepic.jpg') no-repeat;}
#gallerypic {width:900px; height:250px; background: url('../images/gallerypic.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:10px}
#galleryepic a {color:#fff;}
#gallerypic:hover {background: url('../images/gallerypic.jpg') no-repeat;}
#calendarypic {width:900px; height:250px; background: url('../images/calendarpic.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:10px}
#transportationpic {width:900px; height:250px; background: url('../images/transportationpic.jpg') no-repeat;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:10px}
.message{
	position:relative;
	width:380px;
	float:left;
	margin:0px 0px 0px 0px;
	color:#fff;
	left: 40px;
	top:0px;
}
.calendar{
	position:absolute;
	width:300px;
	float:left;
	margin:40px 0px 0px 110px;
	color:#fff;
	left: 602px;
	top: 241px;
}
.messagesub{ position:absolute;  width:380px; float:left; margin:0px 0px 0px 110px; color:#fff;}
#bottomcontenttop{width:900px;height:10px;background: url('b_contenttop.jpg') no-repeat;}
#bottomcontent{width:898px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentwho{width:898px; height:610px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontenthistory{width:898px; height:720px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentmission{width:898px; height:620px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentprogram{width:898px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontenthotline{width:898px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentcomments{width:898px; height:3800px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentdonate{width:898px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentbtm{width:900px;height:10px;background: url('b_contentbtm.jpg') no-repeat;}
#clearer {clear:both; display:block;}
.left { text-align: left;float: right;width: 210px;margin: 0 6px 5px 0; padding:10px;}
.middle { text-align: left;float: right;width: 300px;margin: 0 6px 5px 0; padding:10px;}
.right { text-align: left;float: right;width: 300px;margin: 0 6px 5px 0; padding:10px;}
.columnone { text-align: left;float: right;width: 180px;margin: 0 6px 5px 0; padding:10px;}
.columntwo { text-align: left;float: right;width: 202px;margin: 0 6px 5px 0; padding:10px;}
.columnthree { text-align: left;float: right;width: 202px;margin: 0 6px 5px 0; padding:10px;}
.columnfour { text-align: left;float: right;width: 202px;margin: 0 6px 5px 0; padding:10px;}
.subcont { text-align: left;float: right;width: 640px;margin: 0 6px 5px 0; padding:10px;}
.subnav { text-align: left; float: right;width: 200px;margin: 0 6px 5px 0; padding:10px;}
.fullcont { text-align: left;float: right;width: 870px;margin: 0 6px 5px 0; padding:10px;}
.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #631e19;background:none;}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}

.singlemickeycolumn { width:870px; padding: 10px; border: 3px solid #FFFFFF; text-align: left; float: left; background-image:url('http://wildcatfoundationla.org/mickey/yellow_mickey.jpg'); background-repeat:no-repeat;}
         .singlecolumnpixcenter  p { font: 14px arial, sans-serif; color:#000000;}
         .singlecolumnpixcenter  img { float: center; margin-left: 15px; margin-right: 15px;}

.singlecolumn { width:870px; padding: 10px; border: 3px solid #FFFFFF; text-align: center; float: left;}
         .singlecolumnpixcenter  p { font: 14px arial, sans-serif; color:#000000;}
         .singlecolumnpixcenter  img { float: center; margin-left: 15px; margin-right: 15px;}

.singlecolumnleft { width:870px; padding: 10px; border: 3px solid #FFFFFF; text-align: left; float: left;}
         .singlecolumnleft  p { font: 14px arial, sans-serif; color:#000000;}
         .singlecolumnleft  img { float: right; margin-left: 15px; margin-right: 15px;}



/* ----------------- Submenus -------------------------------------------------------*/

#submenu a {color: #F08F02; background: inherit;}
#submenu a:hover { color:#FFCC66; background:none; text-decoration:underline; }

/* ----------------- Bottom content -------------------------------------------------------*/

#footer { clear: both; text-align:center; line-height: 1.8em; color: #444; background:#fff url('bodybg.jpg'); margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px}
#footer a {color: #444; background: inherit;}

/* OVERRIDES */
#bottomcontentprogram li
{
	display: list-item !important; 
	list-style: square !important;
	margin-bottom: 10px !important;
	margin-left: 20px !important;
}