/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
 float: right;
 margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
 float: left;
 margin-right: 8px;
}
.fltrtClear {
float: right;
margin-left: 8px;
clear: right;
}
.clearflt { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
 clear:both;
 height:0;
 font-size: 1px;
 line-height: 0px;
}
.red {
	color: #DE162C;
}

[class*="content"]{
padding: 5px;
 margin-bottom:10px;
 float:left;
 display:inline-block;
 z-index:4;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 box-shadow:0 3px 4px rgba(0,0,0,.5);
 -moz-box-shadow:0 3px 4px rgba(0,0,0,.5);
 -webkit-box-shadow:0 3px 4px rgba(0,0,0,.5);
 border-right:1px\9 solid #eee;
 position:relative;
 background:#fff;
 }
 
/* use with span16 */
.content16 {
 width:930px;
}
/* use with span15 */
.content15 {
 width:870px;
}
/* use with span10 */
.content10-left {
 width:580px;
 }
.content-fourth {
 width:930px;
 background-image:url('fourth.png');
 background-repeat:repeat;
 background-position:center top;
}
.content-bridge {
 width:930px;
 background-image:url('bridge.png');
 background-repeat:no-repeat;
 background-position:center top;
}
.content-adopted {
 width:930px;
 background-image:url('adopted.png');
 background-repeat:no-repeat;
 background-position:center top;
}
.content-available {
 width:930px;
 background-image:url('available.png');
 background-repeat:no-repeat;
 background-position:center top;
}
.content-ir {
 width:930px;
 background-image:url('ir.png');
 background-repeat:no-repeat;
 background-position:center top;
}
.content-tc {
 width:930px;
 background-image:url('tc.png');
 background-repeat:no-repeat;
 background-position:center top;
}

.bannerbar {
 height: 105px;
 width: 940px;
 position: fixed;
 top: 0;
 z-index: 10000;
}
.bannerbar-inner, .bannerbar .fill {
 background-color: #d0cfcf;
 background-repeat: repeat-x;
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.fosterquote{
 margin-left: 20px;
 margin-right: 20px;
 padding: 10px 20px 10px 20px;
 overflow:hidden;
 background-color:#cfcfcf;
 margin-bottom: 9px;
 margin-top: 9px;
}

.fosterquote p{
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 9px;
}

/* use with span16 */
.content16 {
 width:930px;
}
/* use with span15 */
.content15 {
 width:870px;
}
/* use with span10 */
.content10-left {
 width:580px;
}
.content10-right {
 width:570px;
}
.content11-right {
 width:630px;
}
.content11-left {
 width:640px;
}
.content12-right {
 width:690px;
}
.content13-right {
 width:750px;
}
.content13-left {
 width:760px;
}
.content4-left {
 width:220px;
}
/* use with span5 */
.content5-left {
 width:280px;
}
/* use with span5 */
.content5-right {
 width:270px;
}
/* use with span6 */
.content6-left {
 width:340px;
}
/* use with span6 */
.content6-right {
 width:330px;
}
/* use with span7 */
.content7-right {
 width:390px;
}
/* use with span7 */
.content7-left {
 width:400px;
}
/* use with span9 */
.content9-right {
 width:510px;
}
/* use with span8 */
.content8-left {
 width:460px;
}
.content8-right {
 width:450px;
}
.content3-left {
 width:160px;
}
.content3-right {
 width:150px;
}

.lightgray{
 background:#CCCCCC;
}
.label.pink {
  background-color: #fd79b4;
}
input[type=image] {
  width: auto;
  height: auto;
}
.topbar .container {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  zoom: 1;
  background-color:#444;
}
.red {
	color: #DE162C;
}
.turquoise {
	color: #34DDDD;
}
.scarf{
	color: #084B8A;
}

[class*="insidespan"] {
  display: inline;
  float: left;
  margin-left: 20px;
}
.insidespan8 {
  width: 450px;
}

/* for unconverted dog pages */
.dogname {
	font-size: 180%;
	font-weight: bold;
	color: #000099;
	line-height: 120%;
}