@import url(reset.css);

html, body {
	height: 100%;
	}
body {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, "Bitstream Vera Sans", sans-serif;
	background-color: #EBE1C4;
	color: #7B5418;
	font-size: x-small; /* FOR IE5/Win */
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size:  small;
	min-width: 730px;
	background: #EBE1C4 url(http://theoneyoulovecattery.com/images/bg_body2.gif) top left repeat-x;	
}
html>body {
	font-size: small; /* FOR OPERA */
}

h1, h2, h3, h4, h5, h6 {
	color: #4F151C;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#maincontent h3 {
	font-size: 150%;
}
p {
	margin: 1em 0;
}
a {
	color:#2F5C40;
	text-decoration: none;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	color: #559770;
	text-decoration: none;
}
a:active {
	color: #2F5C40;
	text-decoration: none;
}
#container {
	position: relative;	
	min-height: 100%;
	height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	}
html>body #container {
    height: auto;
	}	
#maincontent { /*THIS DIV HOUSES ALL CONTENT */
	width: 100%;
	float: right;
	margin-left: -206px;
	padding-bottom: 45px;
}
#container #maincontent .catdiv {
	width: auto;
	margin: 1em 0 0 140px;
	padding: 0 1em 0 0;

}
/* HEADER STYLES */
div#header {
	padding-left: 206px;
	height: 98px;
}
#header h1 {
	background: url(../images/title.gif) no-repeat bottom left;
	width: 455px;
	height: 98px;
	margin: 0 auto 0 auto;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
#header h2 {
	background: url(../images/subtitle.gif) no-repeat top left;
	width: 413px;
	height: 12px;
	margin: -15px auto 0 auto;
	padding-right: 38px;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 0px;
	display: block;
}

#information h3 {
background: url(../images/ttl_info.gif) no-repeat top left;
	width: 212px;
	height: 42px;
	margin: 0 auto 0 auto;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 0px;
	display: block;
}
#pastkittens #maincontent h2 {
	background: url(../images/ttl_pastkittens.gif) no-repeat top left;
	width: 126px;
	height: 40px;
	margin: 0 auto 0 auto;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 0px;
	display: block;
}
#contact #maincontent h3 {
	background: url(../images/ttl_contact.gif) no-repeat top left;
	width: 113px;
	height: 24px;
	margin: 2em auto 1em auto;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 0px;
	display: block;
}
/* NAVIGATION */
div#nav {
	width: 130px;
	float: left;
	margin: 55px 0 0 0;
	padding: 0 0 60px 0;
	background: #2F5C40 url(../images/nav_bottom.gif) no-repeat bottom left;	
	font-size: 90%;
}
div#nav li {
	margin: 0 10px 0.4em 10px;
}
div#nav li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	width: 100px
}
div#nav li a:hover {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	width: 105px;
}
li#nav_about a {
	height: 22px;
	background: url(../images/nav_aboutus.gif) no-repeat top right;	
}
li#nav_about a:hover {
	height: 22px;
	background: url(../images/nav_aboutus_on.gif) no-repeat top right;	
}
li#nav_champions a {
	height: 27px;
	background: url(../images/nav_champions.gif) no-repeat top right;	
}
li#nav_champions a:hover {
	height: 27px;
	background: url(../images/nav_champions_on.gif) no-repeat top right;	
}
li#nav_contact a {
	background: url(../images/nav_contact.gif) no-repeat top right;	
	height: 19px;
}
li#nav_contact a:hover {
	height: 19px;
	background: url(../images/nav_contact_on.gif) no-repeat top right;
}
body#contact li#nav_contact a {
	width: 105px; !important
	background: url(../images/nav_contact_on.gif) no-repeat top right;
}
li#nav_females a {
	height: 22px;
	background: url(../images/nav_females.gif) no-repeat top right;	
}
li#nav_females a:hover {
	height: 22px;
	background: url(../images/nav_females_on.gif) no-repeat top right;	
}
body#females li#nav_females a {
	width: 110px; !important
	background: url(../images/nav_contact_on.gif) no-repeat top right;
}
li#nav_males a {
	height: 22px;
	background: url(../images/nav_males.gif) no-repeat top right;	
}
li#nav_males a:hover {
	height: 22px;
	background: url(../images/nav_males_on.gif) no-repeat top right;	
}
body#males li#nav_males a {
	width: 110px; !important
	background: url(../images/nav_males_on.gif) no-repeat top right;
}
li#nav_available a {
	height: 36px;
	background: url(../images/nav_available.gif) no-repeat top right;	
}
li#nav_available a:hover {
	height: 36px;
	background: url(../images/nav_available_on.gif) no-repeat top right;	
}
li#nav_info a {
	height: 39px;
	background: url(../images/nav_info.gif) no-repeat top right;	
}
li#nav_info a:hover {
	height: 39px;
	background: url(../images/nav_info_on.gif) no-repeat top right;	
}
li#nav_past a {
	height: 24px;
	background: url(../images/nav_pastkittens.gif) no-repeat top right;
}
li#nav_past a:hover {
	height: 24px;
	background: url(../images/nav_pastkittens_on.gif) no-repeat top right;
}
body#pastkittens li#nav_past a {
	width: 110px; !important
	background: url(../images/nav_pastkittens_on.gif) no-repeat top right;
}
/* FORM DEFAULTS */
table#formtable {
	width: 75%;
	margin: 1em auto;
}
#formtable th {
	text-align: right;
}
#formtable th, #formtable td {
	padding: 0.3em 0.2em;
	vertical-align: top;

}
 form input, form textarea, .textinput {
	border: 1px solid #71443E;
	background: #F4EED8;
	}
/* SUBMIT BUTTON STYLES */
 form .submit input {
	border-color: #819C8B !important;
	font-weight: bold;
	color: #F4EED8 !important;
	background: #819C8B url(../images/button-grad.png) repeat-x scroll left top;
}
 form .submit input:hover {
	border-color: #2F5C40 !important;
	color: #EAF2FA !important;
}
 form .submit input:active {
	background: #2F5C40 url(../images/button-grad-active.png) repeat-x scroll left top !important;
}
/* ERROR MESSAGE STYLES */
#message {
	margin: 0 0 16px 8px;
	border-width: 1px;
	border-style: solid;
	padding: 12px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #ffebe8;
	border-color: #c00;
	color: #c00;
}
#message p {
	margin: 0;
}
/*CONTACT FORM */
#commentform {
	margin: 0 20px;
}
#contact #sender_name, #contact #sender_email, #contact #spamq {
	width: 200px;
}
#contact label {
	font-weight: bold;
}
#commentform #comments {
	width: 500px;
	height: 250px;
}
	
/* SPAM QUESTION */
#spamquestion small.whyask a span {color:#EBE1C4; padding:1px 4px 1px 4px; position:relative; display:none}
#spamquestion small.whyask a:hover, #spamquestion small.whyask a:focus, #spamquestion small.whyask a:active{text-decoration:none; color:#000}
#spamquestion small.whyask a:hover *, #spamquestion small.whyask a:focus *, #spamquestion small.whyask a:active *, #spamquestion small.whyask a:hover{text-decoration:none; color:#000; display:inline}
#spamquestion small.whyask a:hover span, #spamquestion small.whyask a:focus span, #spamquestion small.whyask a:active span{position:absolute; background-color:#ACBEB3; color:#2F5C40; font-weight:bold; font-style:normal; border: 1px solid #2F5C40;}

/* INFO LIST */
ul#info {
	margin: 1em auto;
}
ul#info li {
	background: transparent url(../images/bt_onbeige.gif) no-repeat top left;
	line-height: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin: 0 20px 0.3em 20px;
	padding-left: 20px;
	
}
/* FOOTER STYLES */
#footer {
	position: absolute;
	bottom: 0;
	clear: both;
	height: 35px;
	width: 100%;
	background: #4F151C;
	margin: 2em 0 0 0;
	padding: 0;
	color: #EBE1C4;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size:  x-small;
}
#footer p {
	margin: 0;
	padding: 0 0 0 0;
	height: 35px;	
	text-align: center;
	line-height: 35px;
	vertical-align: middle;	/* without this, IE puts the text in strange positions relative to the inline image */
}
#footer img {
	display: inline;
	vertical-align: middle;	
	margin: -5px 1em 0 1em;
	padding: 0;
}
#footer span.sitemeter img {
	margin: 0;
	padding: 0;

}
/* the ever important clear hack for floats */
div.clear, span.clear {
	display: block;
	clear: both;
	line-height: 0em;
}