body {
	background:#c39243;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#72501D;
}

img {
	border:none;
}
div {
	padding:0;
	margin:0;
}
.clear{
	clear:both;
}
.right{
	float:right;
}
.left{
	float:left;
}
.aleft {
	text-align:left;
}
.aright{
	text-align:right;
}
p {
	color:#000000;
	line-height:125%;
}
table,tr,td{
	border-style:solid;
        border-collapse:collapse;
}

p.errors {
	display:block;
	background:url(../images/error.png) no-repeat;
	padding-left: 40px;
	color:#ff0000;
	min-height:50px;
}
p.new {
	background:url(../images/new_badge.jpg) no-repeat;
	padding-left:43px;
	min-height:33px;
}
p.important{
	font-size:14px;
	color:#72501D;
}
a, a:visited {
	color:#72501D;
}

#container, #container_admin{
	width:864px;
	background: url(../images/body_bg.jpg) repeat-y ;
	
	margin:5px auto;
}

#header {
	height:164px;
	width:864px;
}
#flash_header{
	float:left;
	width:654px;
	height:164px;
	background: url(../images/header_body.jpg) no-repeat;
}
#menu {
	height:44px;
	width:834px;
	background:url(../images/menu_bg.jpg) repeat-x;
	margin:0 6px;
}

#content, #content_admin {
	float:left;
	width:475px;
	margin:5px 15px;
}

#footer {
	width:864px;
	margin:0 auto;
	padding:10px 0;
	background: url(../images/footer_bg.jpg) no-repeat #c39243;
	font-size:12px;
	text-align:center;
}

#breeder_col, #owner_col {
	width:142px;
	float:left;
	margin:5px 15px;
	padding:10px 0;
}
h3.title{
	background:url(../images/paw.png) no-repeat;
	border-bottom:1px solid #CDC09C;
	padding-left:24px;
	height:24px;
	font-size:20px;
	margin-bottom:10px;
	
	display:block;
}

h3.index{
	border:none;
	margin-bottom:3px;
}
h5.slogan{
	margin:2px;
	font-size:16px;
	font-style:italic;
	padding-left:24px;
}
a.where, span.whereCurrent{
	margin-left:3px;
	color:#8D692D;
	text-decoration:none;
	font-size:11px;
	display:block;
	border:1px solid #8D692D;
	
	line-height:11px;
	padding: 2px;
	float:left;
}
span.whereCurrent{
	color:#FFFFCE;
	background:#8D692D;
	
}
/************************* Header styles **********************/

#header img {
	float:left;
}
/**************************************** Login Menu **********************************/
#menu ul.login{
	float:right;
}
/********************************************* Menu Styles *********************************/
#menu ul {
  margin: 0;
  padding: 0;
  
  line-height: 30px;

}

#menu li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0 10px;
}

#menu li a {
  font-size: 14px;
  color: #FFE5C3;
  text-decoration: none;
}

#menu a:hover {
  color: #F2E7D6;
  border-bottom:1px solid #FFE5C3;
}



/************************************* Second Tier Menu ****************************************/

#menu ul li ul { /* second-level lists */
		position: absolute;	
		background:#CDC09C;
		margin:0;
		display:none; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		line-height:20px;
		height:auto;
		padding:2px;
		
		
		
}
	
#menu ul li ul li {
		margin:0;
		padding:0;
		margin:3px;
		height:20px;
		width:210px;
		float:none;
}
	
#menu ul li ul li a {
		display:block;
		width:206px;
		padding:0 2px;
		color:#7D6C3F;
		height:20px;
		font-size:12px;
		text-align:left;
		background: #FFFFCC;
}
	
#menu ul li ul li a:hover {
	text-decoration:underline;
	background: #7D6C3F;
	color:	#FFFFCC;
}
	
#menu ul li:hover ul, #menu ul li.sfhover ul { /* lists nested under hovered list items */
		display:block;
		
}

/******************************** Index ******************************/

/*
a.btn{
	display:block;
    -moz-border-radius: 5px;
    
    border: 1px solid #346F97;
	padding:3px;
	background: #806F41;
	color:#FFFFCE;
	font-weight:bold;
	text-decoration:none;
	margin:5px 0;
	font-size:12px;
}
a.btn:hover{
	 background:#FFFFCE ;
	 color:#806F41;
}
*/
a.btn{
	background: url(../images/featured_btn.jpg) no-repeat;
	padding:5px;
	line-height:32px;
	color:#ffffff;
	font-weight:bold;
	margin:5px 0;
	font-size:12px;
	height:33px;
	width:132px;
	display:block;
	text-align:center;
	text-decoration:none;
	
}
a.two_line{
	line-height:100%;
}
a.btn:hover{
	font-size:14px;
	text-decoration:underline;
}
.jcarousel-item a, .jcarousel-item a:visited{
	color:#FFFFCE;
}
/* --------------------------------------- Admin Styles ----------------------------*/

#container_admin {
	background: url(../images/body_bg_admin.jpg) repeat-y ;
}
#content_admin{
	
	width:600px;
}
#left_col {
	float:left;
	width:160px;
	margin:10px;
	background:#806F41;
	padding:10px;
	color:#663300;
}
#right_col {
	float:left;
	width:475px;
	margin:5px;
	color:#663300;
}
h4.menuTitle, h5.menuTitle {
	display:block;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#663300;
	
}
 h5.menuTitle {
 	font-size:12px;
}
#adminMenu {
	margin-left:5px;
	font-size:14px;
	list-style:square;
	padding:5px;
	font-weight:bold;
	
}
#adminMenu li ul {
	padding:5px;
	margin:0;
	font-size:10px;
	list-style-image: url(../images/paw_list.jpg);
}
#adminMenu li ul li{
	margin:5px;
}
#adminMenu a, .userMenu a {
	color:#E5D19C;
}
#adminMenu li ul li a:hover, .userMenu a:hover {
	text-decoration:underline;
}
.userMenu{
	margin-left:5px;
	font-size:12px;
	padding:5px;
	list-style:disc;
	list-style-image: url(../images/paw_list.jpg);
}

.userMenu li {
	margin:5px;
}
.userMenu a{
	text-decoration:none;
}
/************************************************ Tables **********************************/
table.tablesorter {
	margin:10px auto;
	width:100%;
	}
table.tablesorter th {
	background:#806F41;
	color:#FFFFCC;
	border:1px solid #FFFFCC;
	padding-right:10px;
}
table.tablesorter {
	border:1px solid #806F41;
}


tr.color {
	background-color:#C0C0C0;
}

tr.stripe {
	background-color:#C0C0C0;
}

table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #999;
}
table.tablesorter tbody td{ border:none;
}
/* --------------------------- Add / Change Forms ------------------------------ */
form.change {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font: 12px arial,sans-serif;
  margin: 0;
  padding: 0;
  line-height: 16px;
}
form.change img{  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	border: 0;
	}
form.change :focus, form.dbsearch :focus {
		outline:1px #fbc200 solid;
		}
		
form.change fieldset {
  border-top:#CCCCCC 1px solid;
  border-bottom:#CCCCCC 1px solid;
  border-left:#CCCCCC 1px solid;
  border-right:#CCCCCC 1px solid;
  padding:10px;        /* padding in fieldset support spotty in IE */
  margin:10px;
}
form.change label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 125px; 
	padding: 0; 
	margin: 5px 15px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	color:#333333; font-size: 12px;
	line-height:20px;
}
form.change label.long{
	width:300px;
}
form.change fieldset legend {
	font-size: 12px; word-spacing: 1px; letter-spacing: 1px;
	font-weight: bold;
	color: #666666;
}

form.change br {
	clear:left;
}
form.change small {
	color: #FF0000; font-size: 10px;
	font-weight: normal;
}
form.change fieldset input, form.change fieldset textarea, form.change fieldset select {
	border:  #999999 1px solid;
	margin-top:5px;
	background: #FFFFFF !important;
	}

form.change textarea{
	width:275px;
	height:75px;
}
form.change span.form_note {
	font-size:.8em;
	font-style:italic;
}
form.dbsearch label {
	font-weight:bold;
	font-size:1.4em;
	margin:auto 5px;
}
/************************************* info block **********************************/
div.info_block{
	float:left;
	width:275px;
	margin:5px;
}
div .info_block a{
	font-size:11px;
	text-decoration:none;
}
div.info_block h3 {
	border-bottom:3px solid #806F41;
	padding:3px 0;
	margin:5px 0;
}
span.p_info{
	margin-left:20px;
}
div.info_block a{
	text-decoration:underline;
}
div.info_block div.info_block{
	margin-left:15px;
}
/***************************** terms and conditions *****************************/
ol li, ul.terms li{
	color:#000000;
}
/***************************************** Modal CSS ***************************/
div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../images/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background: url(../images/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
	right: 0;
}
a.nyroModalNext:hover {
	background: url(../images/next.gif) right 20% no-repeat;
}