/* ==================================================================

 *  http://www.feralcatproject.org

 *  owner: Planeteria Web Design

 *  author: Shawn Emory (semory@planeteria.com}

 *  created: 1/16/2007

 * ================================================================== */
 
/* ==================================================================
	Layout Template Classes
		The following classes are inserted into the 'body_content' div
	
 	• template1 - Unique for the home page
	• template2 - full width body column)
	• template3 - 2 columns (left photo, wide right text)

		
 * ================================================================== */
 
* {padding:0; margin:0; border:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	margin: 0 0 20px 0;
	color: #000;
	background: url(images/bg_body.gif) center top repeat-y #b2ddf0;
	text-align:center;
}
/* TinyMCE specific rules */
body.mceContentBody
{
   background: #FFF;
   text-align:left;
}

p { 
	margin:0 0 1.1em 0;
		line-height:1.75em;
}
	p.emphasis {
		padding:25px;
		background-color:f3eece;
		font-style:italic;
		color: #e26e21;
		border: 1px solid #eae3bo;
	
		}

input {
	border: 1px solid #eda34c;
}

img.blueborder {
	border: 3px solid #82abcb;
	}
	
img.tangerineborder {
	border: 3px solid #eda34c;
	}
	
img.greenborder {
	border: 3px solid #89c142;
	}


span.title {
	color: #e26e21;
	font-style: italic;
	font-size:.8em;
}
/* ==================================================================
 * Headings
 * ================================================================== */

h1, h2, h3, h4, h5, h6
{ font-family:Georgia, "Times New Roman", Times, serif; color:#417487; }
h1
{ display:none;}
h2
{ font-size:175%; margin-bottom:.9em; letter-spacing:.03em; line-height:120%; /*color: #2a5e72; font-weight: bold;*/} /*Page Titles and Home page headline*/
h3
{ font-size:120%; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin:0 0 .3em 0;}

h3.green
{ font-size:120%; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin:0 0 .3em 0; color:#89c142;}

h3.tangerine
{ font-size:120%; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin:0 0 .3em 0; color:#eda34c;}

h4
{ font-size:120%; font-family:Arial, Helvetica, sans-serif; margin:0 0 .2em 0; line-height:1.3em; color:#e26e21;}

h4 img
{ display:inline; margin-bottom:-2px; padding-right:10px;}

h5
{ font-size:90%}
h6
{ font-size:110%}

/* ==================================================================
 * Lists
 * ================================================================== */

dd {
	padding: 0 0 1.1em 0;
}

ul, dl {
	margin:1em 0;
	padding:0;
	list-style:none;
}

ul li {
	background:url("images/bullet_list.gif") no-repeat 0 .3em;
	margin:0;
	padding:0 0 .5em 1.3em;
	line-height: 1.2em;
}

ul ul {
	margin-bottom: 0;
	padding-bottom: 0;
}

#nobullet {
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}

#nobullet  li {
	background-image:none;
	margin:0;
	padding:0 0 7px 0;
	font-size:.9em;
	letter-spacing:.025em;
	line-height: 1.2em;
}


/* ==================================================================
 * Links
 * ================================================================== */

a:link {
	color: #2A5E72;
	text-decoration:none;
	border-bottom:1px dotted #eda34c;
	
}


a:visited {
	color: #2A5E72;
	text-decoration:none;
	border-bottom:1px dotted #eda34c;
}

a:hover {
	color: #2A5E72;
	text-decoration: none;
	border-bottom:none;
}

a:active {
	color: #2A5E72;
	text-decoration: none;
	border-bottom:1px dotted #eda34c;
}

/* ==================================================================
 * Misc
 * ================================================================== */

.img_right {
	float: right;
	margin: 0 0 20px 20px;
}

.img_left {
	float: left;
	margin: 0 15px 20px 0;
}

.clear {
	clear: both;
}

.quote {
	padding: 25px 0 0 8px;
	background: url(images/bg_openquote.gif) left top no-repeat;
	color: #0d116c;
	font-weight: bold;
	font-size: .9em;
	line-height: 1.8em;
}
	.quote div {display:inline; position:relative;}
	.quote img {position:absolute; left: 10px; top: 6px;}
	
.rule {
	background:url(images/bg_hr.gif) left top repeat-x;
	height: 27px;
	clear: both;
}
	
.green_border_left {
	float: left;
	margin: 0 15px 20px 0;
	border: 3px solid #89c142;
}

.blue_border_left {
	float: left;
	margin: 0 15px 20px 0;
	border: 3px solid #82ABCB;
}

.tangerine_border_left {
	float: left;
	margin: 0 15px 20px 0;
	border: 3px solid #eda34c;
}

.green_border_right {
	float: right;
	margin: 0 0 20px 15px;
	border: 3px solid #89c142;
}

.blue_border_right {
	float: right;
	margin: 0 0 20px 15px;
	border: 3px solid #82ABCB;
}

.tangerine_border_right {
	float: right;
	margin: 0 0 20px 15px;
	border: 3px solid #eda34c;
}

hr {
	clear: both;
	border-bottom:1px dotted #2a5e72;
	height:1px;
	margin:5px 0 10px 0;
	}
	
.indent {
	padding: 0 0 0 30px;
	}
	
img.inline {
	display:inline;
	margin-bottom:-4px;
	margin-left:5px;
	}
	
strong {
	color: #e26e21;
	}
/* ---------------------[ Pullquote ] */


#pullquote {
	width:180px;
	margin-left:25px;
	padding-left:25px;
	border-left:1px dotted #55889b;
	float:right;
	margin-bottom:10px;
	font-size:1.2em;
	font-style:italic;
	line-height:1.4em;
	font-weight:bold;
	color: #417487;
	}

	.symbolQuoteOpen {
		display:block;
		color: #e26e21;
		background-color:transparent;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 48px;
		font-style:normal;
		margin-left:-6px;
		padding-top:15px;
	}
		
	
	.symbolQuoteClose {
		display:block;
		float:left;
		color:#e26e21;
		background-color:transparent;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 48px;		
		font-style:normal;
		line-height:1em;
		text-align:right;
		width:100%;
	}
	
	.quote_credit {
		margin-top: -10px;
		float: right;
		text-align: right;
				
	
	}


/* ==================================================================
 * Layout
 * ================================================================== */

#container {
	font-size: 1em;
	line-height: 1.3em;
	width:950px;
	margin: 0 auto;
	text-align:left;
}

#container2 {
	float: left;
	width: 950px;
	margin: 0 0 0 1px;
	padding: 14px 0 0 0;
	background: url(images/bg_container.jpg) left top repeat-x #f4efcf;
}

#container3 {
	float: right;
	width: 942px;
	position: relative;
	background: url(images/bg_container3.gif) left top repeat-y;
}

/*--------------Column Left--------------*/

#column_left {
	float: left;
	width: 241px;
}

	#logo {
		background:url(images/logo.gif) left top no-repeat;
		width: 242px;
		height: 206px;
	}
	
	#content_left {
		padding: 20px;
	}
	
	#donation {
		border: 1px solid #eda34c;
		background: #fff;
		padding: 10px;
		margin: 0 0 20px 0;
		position:realative;
	}
		#donation h2 {
			font-size:120%;
			letter-spacing:normal;
			}
	
		#img_donate {
			width:180px;
			}
	
		#img_donate img{
			padding: 0; 
			margin: 0 0 15px 0;
			width: 180px;
			border: 5px solid #82abcb;
			float: left;
			}
		
					
		#img_donate p {
			clear:both;
			}
		
		#donation ul li {
			font-size:.9em;
			}
			

/*--------------Column Right--------------*/

#column_right {
	float: left;
	position: relative;
	width: 700px;
	padding: 0;
	margin: 0;
	min-height: 440px;
}
	*html #column_right {height: 440px;}
	
		
	#banner {
		clear: both;
		margin: 0;
		position: relative;
		height: 405px;
	}
		#sub #banner {
			height: 177px;
		}
		#sub #banner h2 { display:none;}
		
		/*Sub Section Main Images*/
		
		
		#aboutus #banner { background:url(images/img_banner_aboutus.jpg) left top no-repeat;}
		#aboutthecats #banner { background:url(images/img_banner_aboutthecats.jpg) left top no-repeat;}
		#help #banner { background:url(images/img_banner_makedifference.jpg) left top no-repeat;}
		#howhelpcats #banner { background:url(images/img_banner_howhelpcats.jpg) left top no-repeat;}
		#howuse #banner { background:url(images/img_banner_useclinics.jpg) left top no-repeat;}
		#ocm #banner { background:url(images/img_banner_ourclinicmodel.jpg) left top no-repeat;}
		#calendar #banner { background:url(images/img_banner_calendar.jpg) left top no-repeat;}
		#resource_library #banner { background:url(images/img_banner_resourcelibrary.jpg) left top no-repeat;}
		#faq #banner { background:url(images/img_banner_faq.jpg) left top no-repeat;}
		#contactus #banner { background:url(images/img_banner_contactus.jpg) left top no-repeat;}
		#intranet #banner { background:url(images/img_banner_intranet.jpg) left top no-repeat;}
		#reservation #banner { background:url(images/img_banner_reservations.jpg) left top no-repeat;}
	
	#finditfast {
		position: absolute;
		right: 20px;
		bottom: 15px;
		z-index: 20;
	}
	
	#body_content {
		clear: both;
		float: left;
		padding: 0 25px 0px;
		width: 650px;
		postion:relative;
	}
	
		/* Template 1 */
		
		.template1 #body_content_left {
			float: left;
			width: 360px;
			padding: 20px 30px 25px 0;
			border-right: 1px solid #eda34c;
		}
			.template1 #body_content_left #img_story img
				{
				 padding: 0;
				 border:none;
				 margin: 0px 15px 15px 0;
				 float: left;
				}

		
		.template1 #body_content_right {
			float: left;
			padding: 20px 0 25px 30px;
			width: 220px;
		}
			
		/* Template 2 */
		
		.template2 #body_content_left {
			float: left;
			width: 620px;
			padding: 15px 30px 0 0;
			border-top: 1px solid #eda34c;
			clear:both;
			/*margin-top:32px;*/
		}

		.template2 #body_content_left table {
			width:620px;
		}
		
		.template2 #body_content_left table td {
			width:33%;
			vertical-align:top;
			text-align:center;
			padding:15px;
		}
		
		td.border {
			border-right:1px solid #eda34c;
			}
		
		.template2 #body_content_right {
			float: left;
			display: none;
			width: 1px;
			padding: 15px 0 0 0;
			border-top: 1px solid #eda34c;
			margin-top:32px;
		}
		
		
		/* Template 3 */
		
		.template3 #body_content_left {
			float: left;
			width: 160px;
			padding: 15px 0 0 0;
			border-top: 1px solid #eda34c;
			clear:both;
		}
			
		
		.template3 #body_content_right {
			float: left;
			padding: 15px 0 0 30px;
			border-top: 1px solid #eda34c;
			width: 460px;
		}
		
		/* Template 4 */
		
		.template4 #body_content_left {
			float: left;
			width: 620px;
			padding: 15px 0 0 0px;
			border-top: 1px solid #eda34c;
		}
			
		.template4 #body_content_left p,
		.template4 #body_content_left ul,
		.template4 #body_content_left h3, 
		.template4 #body_content_left h4 
			{margin-left: 160px;}	
		
		
/*		.template4 #body_content_right {
			float: left;
			display: none;
			width: 1px;
			border-top: 1px solid #eda34c;
		}
		*/
			/* Template 5 */
		
		.template5 #body_content_left {
			float: left;
			width: 360px;
			padding: 20px 0 0 0;
			border-top: 1px solid #eda34c;
			margin-top:32px;
		}

		
		.template5 #body_content_right {
			float: left;
			padding: 20px 0 0 30px;
			width: 225px;
			border-top: 1px solid #eda34c;
			margin-top:32px;
		}
		
				/* Template 6 */
		
		.template6 #body_content_left {
			float: left;
			width: 460px;
			padding: 15px 0 0 0;
			border-top: 1px solid #eda34c;
		}
	
		
		.template6 #body_content_right {
			float: left;
			padding: 15px 0 0 30px;
			width: 160px;
			border-top: 1px solid #eda34c;
		}
		
		/* Template 7 */
		
		.template7 #body_content_left {
			float: left;
			width: 160px;
			padding: 15px 0 0 0;
			border-top: 1px solid #eda34c;
			margin-top:32px;
		}
	
		.template7 #body_content_right {
			float: left;
			padding: 15px 0 0 15px;
			border-top: 1px solid #eda34c;
			width: 445px;
			margin-top:32px;
		}
		
		/* Template 8 */
		
		.template8 #body_content_left {
			float: left;
			width: 620px;
			padding: 15px 0 0 0px;
			border-top: 1px solid #eda34c;
			margin-top:32px;
		}
		
		
			
		/*.template4 #body_content_left p,
		.template4 #body_content_left ul,
		.template4 #body_content_left h3, 
		.template4 #body_content_left h4 
			{margin-left: 160px;}	*/
			
			
		
		/* Template 9 */
		
		.template9 #body_content_left {
			float: left;
			width: 250px;
			padding: 15px 0 0 0;
			border-top: 1px solid #eda34c;
			margin-top:32px;
		}
	
		.template9 #body_content_right {
			float: left;
			padding: 15px 0 0 15px;
			border-top: 1px solid #eda34c;
			width: 370px;
			margin-top:32px;
		}
		
		/* Template 10 */
		
		.template10 #body_content_left {
			float: left;
			width: 300px;
			padding: 15px 0 0 0;
			border-top: 1px solid #eda34c;
			margin-top:32px;
		}
		
		.template10 #body_content_right {
			float: left;
			padding: 15px 0 0 15px;
			border-top: 1px solid #eda34c;
			width: 320px;
			margin-top:32px;
		}
	
	
/*--------------Footer--------------*/	
#footer {
	background: #82abcb;
	padding: 15px 10px 10px 10px;
	clear: both;
	width: 930px;
	position: relative;
	min-height: 20px;
	margin: 0 0 0 -8px;
	font-size: .9em;
	color: #fff;
	border-bottom: 1px solid #99b9d3;
}

#contactus #footer {margin: 0;}
	*html #footer { height: 20px;}
	#footer a {color: #fff;}
	
	
/* Calendar Styles such as they are */
/* ---------------------[ Calendar Specifics ] */
.calendar TD 
{
    background-color:#ffffff;
    padding:0 3px;
    width: 80px;
}
.calendar TD.otherMonth { BACKGROUND-COLOR: #D7E6ED }
    

.calendar /* Calendar */
{
}
.caltitle /* Calendar Title */
{
	height: 23px;
	background-color: #82abcb;
	font-family: arial verdana, Sans-Serif;
	font-size: x-small;
	color: #fff; /*color:#ECE6B4;*/
	font-weight: bold;
	border-bottom: 1px solid #fff;
}
.caldayHeader /* Calendar Header */
{
	height: 23px;
	background-color: #82abcb;
	font-family: arial, verdana, Sans-Serif;
	font-size: x-small;
	color: #fff;
	font-weight: bold;
	border: 0px;
}
.calday /* Calendar Day */
{
	height: 40px;
	padding: 3px;
	color: #000000;
}
.eventday /* Calendar Day */
{
	background-color:#fbbf79;
	padding: 3px;
}

.todayday {
	background-color: #eda34c;
}
.calotherday /* Calendar Other day */
{
	height: 40px;
	background-color: #d7e6ed;
	color: #4F4B26;
	padding: 3px;
}



/* --------------- calender styles ends here --------------- */


/*---------------------------------- Forms*/

#formTableWrapper
{
  border-top:1px solid #000;
  border-left:1px solid #000;
  border-right:2px solid #000;
  border-bottom:2px solid #000;
  width:617px;
}
.formTable
{
 width:100%;
}
.formTable TD
{
  background-color:#fff;
  border-top:1px solid #000;
  border-left:1px solid #000;
  line-height:1.7em;
  padding:1px 3px;
}
.formTable TD .TextBox8
{
  border:1px solid black;
  padding-left:1px;
  padding-right:1px;
  width:55px;
}
.formTable TD .TextBox16
{
  border:1px solid black;
  padding-left:1px;
  padding-right:1px;
  width:75px;
}
.formTable TD .TextBox32
{
  border:1px solid black;
  padding-left:1px;
  padding-right:1px;
  width:150px;
}
.formTable TD .TextBox64
{
  border:1px solid black;
  padding-left:1px;
  padding-right:1px;
  width:300px;
}
.formTable TD .TextArea
{
  border:1px solid black;
  padding-left:1px;
  padding-right:1px;
  width:98%;
}
.TextBox{border:1px solid black;padding-left:1px;}
.w75px{width:75px;}
.w100px{width:100px;}
.w125px{width:125px;}
.w150px{width:150px;}
.w200px{width:200px;}
.w300px{width:300px;}
.BorderNone input{border:none;}
/* ------------------------------------ Data List - */
.datalist{border:1px solid #55889B;}
.datalist TH{background-color:#55889B;color:#fff;padding:3px;}
.datalist TD{padding:3px;}
.datalist TR.row1{background-color:#E8E8E8;}
/* ------------------------------------ Validation Summary - */
vsForm{color:Red;}