@charset "utf-8";
/* CSS Document */

*, html {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	line-height: 135%;
	color: #333333;
	background: #dcdcdc;
}

/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}

a {
	color: #014e90;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #0071d1;
}

#ft-title-slideshowHolder a {
	color: #ccb977;
	text-decoration: none;
	font-size: 70%;
	padding-left: 10px;
}

p {
	padding-bottom: 10px;
}



#ft-title-slideshowHolder a:hover {
	color: #ddd0a5;
	text-decoration: underline;
}

img {
	border: none;
	overflow: hidden;
}

#conash3D0
{
display:none;
}

#wrapthewrapper {
	background: #f5f5f5 url('../images/bg.gif') 0px 0px repeat;
}

#wrappershadows {
	background: url('../images/shadows.png') 0px 0px repeat-y;
	width: 1019px;
	margin: 0 auto;
}

#wrapper {
	background: #ffffff;
	width: 1009px;
	margin: 0 auto;
}

#header {
	background: #004d8f;
}

.clear {
	clear: both;
	height: 0px;
	width: 0px;
	overflow: hidden;
}

#hours {
	float: right;
	font-size: 11px;
	line-height: 140%;
	margin-top: 8px;
	padding-left: 20px;
	border-left: 1px solid #cccccc;
}

#contactinfo {
	float: right;
	font-size: 11px;
	line-height: 140%;
	margin-top: 8px;
	padding-right: 20px;
	padding-left: 20px;
	border-left: 1px solid #cccccc;
}

#callout {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	float: right;
	margin-top: 14px;
	margin-right: 20px;
	width: 185px;
	color: #7f100c;
}

#logo {
	position: absolute;
	z-index: 999;
	margin-left: 71px;
}


a#logo {
	border: none;
}

a#logo:hover {
	border: none;
}

#navigationwrap {
	width: 1009px;
	height: 52px;
	background: #004d8f url('../images/nav-bg.jpg') 0px 0px no-repeat;
}

#navigation {
	margin-left: 335px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
}

#navigation ul#nav a {
	color: #ffffff;
}

#navigation ul#nav a:hover {
	color: #ffffff;
	text-decoration: none;
}




/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	margin-top: 24px;
	list-style:none;
	font-weight:bold;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	margin-right:4px;
	position:relative;
}
#nav a{
	display:block;
	padding: 5px 10px 5px 10px;
	color:#fff;
	text-decoration:none;
}
#nav a:hover{
	color:#fff;
	background:#014e91;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#014e91; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#014e91;
	text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	font-size: 80%;
	padding: 5px 10px 5px 10px;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#1c6bb9;
}





.navigationimagewrap {
	background: #3382db;
}

.navigationimage {
	width: 1009px;
	height: 310px;
	margin: 0 auto;
	background: url('../images/navimages/home.jpg') 0px 0px no-repeat;
	color: #ffffff;
	text-shadow: 1px 1px 1px #333333;
}

.blacktrans {
	background: url('../images/pixelshim.png') 0px 0px repeat;
	width: 400px;
	height: 368px;
}



.navigationimage h1 {
	position: absolute;
	top: 211px;
	margin-left: 55px;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	line-height: normal;
}

.navigationimage h1 p {
	font-size: 15px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}







.bgimagecolor2 {
	background: #978f83;
}

.bgimage2 {
	background: url('../images/navimages/about.jpg') 0px 0px no-repeat;
}



.bgimagecolor3 {
	background: #000000;
}

.bgimage3 {
	background: url('../images/navimages/fyi.jpg') 0px 0px no-repeat;
}

.bgimagecolor4 {
	background: #d8a17f;
}

.bgimage4 {
	background: url('../images/navimages/services.jpg') 0px 0px no-repeat;
}


.bgimagecolor5 {
	background: #140a01;
}

.bgimage5 {
	background: url('../images/navimages/emergency.jpg') 0px 0px no-repeat;
}

.bgimagecolor52 {
	background: #adaca8;
}

.bgimage52 {
	background: url('../images/navimages/services2.jpg') 0px 0px no-repeat;
}


.bgimagecolor6 {
	background: #635526;
}

.bgimage6 {
	background: url('../images/navimages/adoption.jpg') 0px 0px no-repeat;
}

.bgimagecolor7 {
	background: #727886;
}

.bgimage7 {
	background: url('../images/navimages/contact.jpg') 0px 0px no-repeat;
}

.bgimagecolor8 {
	background: #d9dee4;
}

.bgimage8 {
	background: url('../images/navimages/tour.jpg') 0px 0px no-repeat;
}



#graybgwrap {
	background: #8f8f8f url('../images/graybg.jpg') 0px 0px repeat-x;
	height: 52px;
}

#graybgwrapshort {
	background: #8f8f8f url('../images/graybg.jpg') 0px 0px repeat-x;
	height: 9px;
}

#graybg {
	width: 1009px;
	padding: 10px;
	margin: 0 auto;
	color: #ffffff;
}

#graybg h1 {
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	line-height: normal;
}


#sidebarcontent {
	background: url('../images/sidebarbg.jpg') 0px 0px repeat-x;
	width: 200px;
	float: right;
	padding: 30px 20px 20px 20px;
	min-height: 400px;
}

#sidebarcontent img {
	margin-bottom: 5px;
}

.padright {
	margin-right: 10px;
}

#main .tourbox {
	float: left;
	margin-right: 20px;
}

.bottomline {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	margin-top: 20px;
}

.topline {
	padding-top: 20px;
	border-top: 1px solid #cccccc;
}

#fyitable td {
	border: 1px solid #efefef;
	padding: 5px;
}

#fyitable .boldrow {
	font-weight: bold;
	background: #efefef;
}

#main {
	padding: 30px 30px 30px 30px;
}


#main h1 {
	font-weight: normal;
	font-size: 35px;
	margin-bottom: 30px;
	border-bottom: 1px #efefef solid;
	padding-bottom: 7px;
	margin-top: 4px;
}

#main h3 {
	font-weight: normal;
	color: #0072bc;
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#main p {
	margin-bottom: 20px;
}

#main ul {
	padding-left: 40px;
	margin-bottom: 20px;
}

#main ul li {
	margin-bottom: 6px;
}

#main .twocolumns {
	float: left;
	margin-right: 15px;
	padding-right: 25px;
	border-right: 1px #efefef solid;
	width: 315px;
}

#main .nopadding {
	padding-right: 0px;
	border-right: none;
	margin-right: 0px;
}

#footerwrap {
	background: #dcdcdc;
}

#footer {
	width: 1009px;
	margin: 0 auto;
	padding-top: 15px;
	background: #dcdcdc;
	padding-bottom: 30px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #656565;
}

.footerfloat {
	float: left;
	margin-right: 30px;
}

#footer p {
	padding-top: 5px;
	margin-top: 0px;
}

#footer a {
	color: #656565;
	text-decoration: underline;
}

#footer a:hover {
	color: #656565;
	text-decoration: underline;
}


#fourboxesrow {
}

#fourboxesrow h3 {
	padding: 6px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	color: #014e90;
}

.fourboxes {
	float: left;
	width: 230px;
	padding-right: 9px;
}

.lastbox {
	padding-right: 0px;
}

.constrain2 {
	padding-left: 12px;
	padding-right: 12px;
}

.learnmore {
	margin-top: 5px;
}

#contentarea {
	width: 730px;
	float: right;
	border-left: 1px solid #cccccc;
	padding-left: 4px;
}

#contentarea h1 {
	font-size: 32px;
	color: #7f100c;
	font-weight: normal;
	padding-bottom: 20px;
}

#contentarea h3 {
	font-size: 18px;
	color: #7f100c;
	font-weight: normal;
	padding-bottom: 7px;
}

#contentarea ul {
	padding-left: 40px;
}

#sidebar {
	width: 150px;
	padding-right: 15px;
	padding-top: 25px;
	padding-bottom: 19px;
	float: left;
	margin-top: 56px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.morepadding {
	padding: 20px;
}


#sidebar h4 {
	color: #8e7931;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 14px;
}

#sidebar ul {
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	list-style: none;
	padding-left: 10px;
}

#sidebar li {
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 6px;
}








/* VALIDATION EMAIL FORM */

#contact_form					{ padding-bottom: 12px;  }
form fieldset					{ 
												margin:0px 0px 0px 0px; position:relative;
												border:0;display:block; padding: 0px 0px 0px; }
form fieldset legend	{ border-width:1px; border-style:solid; border-color:#cccccc; color:#66090b;
												font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px;
												margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; }
label									{ line-height: 180%; font-size:90%; display:block; float:left; width:10em; text-align:right; clear: both; margin: 5px 5px 0 0; font-weight:bold; }
label.error { 
	font-weight:normal; 
	color: #ff0000; 
	text-align:left;
	width:150px; 
	padding-left:25px; 
	margin-left: 125px; 
	margin-bottom: 3px;
	display: hidden; 
	background: transparent url('../images/validate/cancel.png') no-repeat scroll left;
	}
	
input.text-input			{ margin:4px;padding:2px 0;color:#333; border: 1px solid #cccccc; background: #ffffff; }
textarea.text-input			{ margin:4px;padding:2px 0;color:#333; border: 1px solid #cccccc; background: #ffffff; }

label#name_label      {  }
input#name            {  }
label#name_error      {  }

label#email_label     {  }
input#email           {  }
label#email_error      {  }

label#phone_label     {  }
input#phone           {  }
label#phone_error      {  }

label#item_label     {  }
input#item           {  }
label#item_error      {  }

label#fullmessage_label     {  }
input#fullmessage           {  }




input.button					{ font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; padding:6px 9px;
                        border:1px solid #cccccc; margin:10px 0px 0px 125px; color:#ffffff; 
												
												background:#014e90; -moz-border-radius:5px; }

input.button:hover		{ background:#0071d1 none repeat scroll 0% 0%; color: #ffffff; }
#message							{ margin:30px 0 0 75px; }
#message h2						{ font-size:150%; color:#2ae100; }
#message p						{ font-weight:bold; margin:6px 0px; }
#checkmark						{ float: left; padding-right: 10px; background: url('../images/validate/check.png') 0 0 no-repeat; width: 48px; height: 48px; overflow: hidden; }


td input {
	color: #837752;
	border: 1px dotted #cccccc;
}

.averages {
	border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; padding-bottom: 15px; padding-top: 15px;
}

.indent {
	padding-left: 50px;
	padding-bottom: 20px;
}

#constrain {
	width: 470px; 
	margin-left: -50px;
}

.adoption {
	border: 1px solid #eeeeee;
	padding: 10px;
	margin-bottom: 20px;
	width: 308px;
	float: left;
	margin-right: 20px;
}

.adoption img {
	border: 1px solid #eeeeee;
	padding: 3px;
	margin-bottom: 3px;
}












  .example {
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }

  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
  }

  #gallery {
    padding: 30px;
    background: #e1eef5;
  }
  #descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
  }
    #descriptions .ad-image-description {
      position: absolute;
    }
      #descriptions .ad-image-description .ad-description-title {
        display: block;
      }