html {
		margin:0;
		padding:0;
		color:#000;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
	}
body 
{
		background: url(images/habitat.jpg) repeat-x 0 -35px; 
        margin: 0;

	}

#header, #footer {
            clear: both;
            margin-bottom: 20px;
		}

#footer {
    margin-top: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	height: 31px;
	background-color: #FF9933;
	background-image: url(images/orange_background_eyes.png);
	background-repeat: no-repeat;
    background-position: center top;
    }

		.column {
			position: relative;
			float: left;
		}
        .column2 {
			position: relative;
            text-align: center;
			float: left;
		}
    
#bybNav { list-style-type: none; margin: 0; padding: 0;   }

div.home { float: left; width: 175px; height: 25px;  margin: 0; padding-bottom: 3px; background: url('images/btns/01_bybHome.gif') 0 -25px no-repeat; }
div.home a { display: block;  margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-decoration: none; background: url('images/btns/01_bybHome.gif');}
div.home a:hover { background: url('images/btns/01_bybHome.gif') 0 -25px no-repeat; }
div.meet { float: left; width: 175px; height: 25px;  margin: 0; padding-bottom: 3px;  background: url('images/btns/02_meetBuddies.gif') 0 -25px no-repeat; }
div.meet a { display: block;  margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-decoration: none; background: url('images/btns/02_meetBuddies.gif'); }
div.meet a:hover { background: url('images/btns/02_meetBuddies.gif') 0 -25px no-repeat; }
div.habitats { float: left; width: 175px; height: 25px;  margin: 0; padding-bottom: 3px;  background: url('images/btns/03_habitats.gif') 0 -25px no-repeat; }
div.habitats a { display: block;  margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-decoration: none; background: url('images/btns/03_habitats.gif'); }
div.habitats a:hover { background: url('images/btns/03_habitats.gif') 0 -25px no-repeat; }
div.trouble { float: left; width: 175px; height: 25px;  margin: 0; padding-bottom: 3px;  background: url('images/btns/04_buddyTrouble.gif') 0 -25px no-repeat; }
div.trouble a { display: block;  margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-decoration: none; background: url('images/btns/04_buddyTrouble.gif'); }
div.trouble a:hover { background: url('images/btns/04_buddyTrouble.gif') 0 -25px no-repeat; }
div.become { float: left; width: 175px; height: 25px;  margin: 0; padding-bottom: 3px;  background: url('images/btns/05_becomeBuddy.gif') 0 -25px no-repeat; }
div.become a { display: block;  margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-decoration: none; background: url('images/btns/05_becomeBuddy.gif'); }
div.become a:hover { background: url('images/btns/05_becomeBuddy.gif') 0 -25px no-repeat; }
div.certify { float: left; width: 175px; height: 25px;  margin: 0; padding-bottom: 3px;  background: url('images/btns/06_certifyBackyard.gif') 0 -25px no-repeat; }
div.certify a { display: block;  margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-decoration: none; background: url('images/btns/06_certifyBackyard.gif'); }
div.certify a:hover { background: url('images/btns/06_certifyBackyard.gif') 0 -25px no-repeat; }
div.subscribe { float: left; width: 175px; height: 25px;  margin: 0; padding-bottom: 3px;  background: url('images/btns/07_subscribe.gif') 0 -25px no-repeat; }
div.subscribe a { display: block;  margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-decoration: none; background: url('images/btns/07_subscribe.gif'); }
div.subscribe a:hover { background: url('images/btns/07_subscribe.gif') 0 -25px no-repeat; }
div.forum { float: left; width: 175px; height: 25px;  margin: 0; padding-bottom: 3px; background: url('images/btns/08_forum.gif') 0 -25px no-repeat; }
div.forum a { display: block;  margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-decoration: none; background: url('images/btns/08_forum.gif'); }
div.forum a:hover { background: url('images/btns/08_forum.gif') 0 -25px no-repeat; }
div.gallery { float: left; width: 175px; height: 25px;  margin: 0; padding-bottom: 3px; background: url('images/btns/09_gallery.gif') 0 -25px no-repeat; }
div.gallery a { display: block;  margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-decoration: none; background: url('images/btns/09_gallery.gif'); }
div.gallery a:hover { background: url('images/btns/09_gallery.gif') 0 -25px no-repeat; }
div.signUp { float: left; width: 220px; height: 32px;  margin: 0; padding: 0;  background: url('images/btns/signUpNow.gif') 0 -32px no-repeat; }
div.signUp a { display: block;  margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-decoration: none; background: url('images/btns/signUpNow.gif'); }
div.signUp a:hover { background: url('images/btns/signUpNow.gif') 0 -32px no-repeat; }
div.certifyB { float: left; width: 220px; height: 32px;  margin: 0; padding: 0;  background: url('images/btns/certify.gif') 0 -32px no-repeat; }
div.certifyB a { display: block;  margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-decoration: none; background: url('images/btns/certify.gif'); }
div.certifyB a:hover { background: url('images/btns/certify.gif') 0 -32px no-repeat; }
    
   
div.home span, div.meet span, div.become span, div.gallery span, div.forum span, div.certify span, div.habitats span, div.trouble span, div.subscribe span, div.signUp span, div.certifyB span {
	display: block;
	margin:0; padding: 0;
	visibility: hidden;
	}
    

.divider { background: url(images/grey.gif) repeat-x; height: 1px; width: 100%; padding-bottom: 10px;}

#footers {
	margin-top: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	height: 31px;
	background-color: #FF9933;
	background-image: url(images/orange_background_eyes.png);
	background-repeat: no-repeat;
	background-position: center top;
} 

a { color: #009933; text-decoration: underline; }
a:hover  { text-decoration: none; color: #006633; }

p { padding: 0; margin: 0; padding-top: 2px; padding-bottom: 5px; }
img { border: none; }

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

h1, h1 a { color: #FF9900; font-family:Arial, Helvetica, sans-serif; font-size:22px; margin: 0; padding-top: 10px; padding-bottom: 4px; }
h1 a:hover { text-decoration: underline; }
h2, h2 a { color: #FF9900; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin: 0; padding-bottom: 4px; padding-top: 8px;}
h2 a:hover { text-decoration: none; color: #FF9900;}

.adopt { font-size: 14px;  }
.adopt a, .adopt a:hover { font-size: 14px; text-decoration:none; }
.bybH1 { font-size: 36px; color: #000066; }
.bybH2 {font-size: 16px; color: #FF9900; font-weight: normal; padding-top: 4px;}
.bybH3 {font-size: 18px; color: #FF9900; padding-top: 4px;}

.title { color: #FFF; font-weight:normal;}
.white { color: #FFF;}
.white a { color: #FFF; text-decoration:underline;}
.white a:hover { color: #FFF; text-decoration:none; }
.red, .red a { color: #FF0000; }
.red a:hover { text-decoration:underline; }
.orangeBig { color: #FF9900; font-size: 14px; }

.blackBox { color:#336600; border:#000 1px solid; width: 194px; padding:10px; margin: 0px; font-size: 11px; }
.menuHeading {
	font-size: 16px;
	font-weight: bold;
	color: #F90;
	padding-bottom: 8px;
}
.right { float: right; padding: 0; margin: 0; padding-left: 10px; padding-bottom: 10px;   }
.center { margin: 0; padding: 10px;   }
.left { float: left; padding: 0; margin: 0; padding-right: 10px; padding-bottom: 10px; padding-top: 10px; }

.smallBlue { font-size: 10px; color: #0000FF; }
.smallText { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.smallTextW, .smallTextW a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCFFCC; }
.smallTextW a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFF; }

.subNav { font-size: 11px; margin: 0; padding-top: 2px; }

table.byb {
	border-width: 2px;
	border-spacing: 0;
	border-style: solid;
	border-color: #FF9900;
	border-collapse: collapse;
}
table.byb th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #FF9900;
    background-color: orange;
}
table.byb td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #FF9900;
}


a.redLink:link {color:#FF0000;
font-weight:bold;
}
a.redLink:hover {color:#FF0000;
font-weight:bold;
text-decoration:underline;
}
a.redLink:visited {color:#FF0000;
font-weight:bold;
}
a.redLinkHeading:link {
text-align:left;
font-size:14px;
color:#FF0000;
font-weight:bold;
}
a.redLinkHeading:hover {
text-align:center;
font-size:14px;
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}
a.redLinkHeading:visited {
text-align:center;
font-size:14px;
color:#FF0000;
font-weight:bold;
}





/* None-bold submit button */
fieldset {
	/*background:#eee url(images/grey_background.png) top left repeat;*/
	border: solid 1px #DDE8CA;
	color:#666;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
    margin-top: 20px;
	width: 570px;
}

legend {
	color:#FF9900;
	border: 1px solid #FF9900;
	font-weight:bold;
	background-color:#FFF;
	padding:2px 6px;
	margin-bottom:8px;
}
label {
	font-weight:normal;
	line-height:normal;
	text-align:left;
	position:relative;
	display:block;
	float:left;
}
label.lableCheckbox {
	font-weight:normal;
	line-height:normal;
	text-align:left;
	position:relative;
	display:block;
	float:right;
	width: 540px;
}
label.labelWide {
	font-weight:normal;
	line-height:normal;
	text-align:right;
	margin-right:10px;
	position:relative;
	display:block;
	float:left;
	width:355px;
}
label.labelWideSmall {
	font-size:10px;
	font-weight:normal;
	line-height:normal;
	text-align:right;
	margin-right:10px;
	margin-top:0px;
	position:relative;
	display:block;
	float:left;
	width:355px;
}
label.labelWide5 {
	font-weight:normal;
	line-height:normal;
	text-align:left;
	margin-right:10px;
	position:relative;
	display:block;
	float:left;
	width:340px;
}
label.labelWideSmall5 {
	font-size:10px;
	font-weight:normal;
	line-height:normal;
	text-align:left;
	margin-right:5px;
	margin-top:0px;
	position:relative;
	display:block;
	float:left;
	width:355px;
}
label.fieldLabel {
	display:inline;
	float:none;
}
.aQuestion {
	color:#000;
}

/* Form elements */
input,textarea, select {
	color:#333;
	font: normal 11px Verdana, Tahoma, sans-serif;
}

/* The text input fields background colour */
/*input.post, textarea.post, select {
	background-color : #ffffff;
} ORIGINAL */ 
input.FormFields, textarea.FormFields, select {
	background-color:#FFF;/*#DDE8CA*/
	border: solid 1px #90BF46;
}
input.FormFields:hover, textarea.FormFields:hover, select:hover {
	background-color:#FFF;/*#DDE8CA */
	border: solid 1px #007AB4;
}
input.FormFields:focus, textarea.FormFields:focus, select:focus {
	background-color:#FFF; /*#B5DBED*/
	border: solid 1px #007AB4;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color: #FF9900;
	border: solid 1px #FFF;
	color: #000;
	font-size: 11px; font-family: Verdana, Tahoma, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color: #FF9900;
	border: solid 1px #FFF;
	color: #000;
	font-weight: bold;
}
input.mainoption:hover {
	background-color: #FFB645;
	border: solid 1px #FFF;
	color: #000;
	font-weight: bold;
}
input.mainoption:active {
	background-color: #FF9900;
	border: solid 1px #FFF;
	color: #000;
	font-weight: bold;
}

/* None-bold submit button */
input.liteoption {
	background-color: #FF9900;
	border: solid 1px #FFF;
	color: #000;
	font-weight: normal;
}
input.liteoption:hover {
	background-color: #FFB645;
	border: solid 1px #FFF;
	color: #000;
	font-weight: normal;
}
input.liteoption:active {
	background-color: #FF9900;
	border: solid 1px #FFF;
	color: #000;
	font-weight: normal;
}

.noMargin, noMargin a {
margin: 0;
padding: 0;
ttext-decoration: none;
}