html, body { height: 100%; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;
	margin:0 auto;
	min-height:100%;
	background:url(../images/back2.jpg) repeat-y center;
	background-color: #331411;
	font-size:12px;
	font-weight:400;
	color:#2F0000;
}
#bottom { min-height: 100%; height: 100px !important; margin:0 auto; background: url(../images/footer.gif) center no-repeat; }
* html #bottom {height: 100%;}
#bottom p { font-size:9px; text-align:left; padding-top:80px; color: #432523; position: relative; width:300px; }
#bottom a { font-size:9px; text-align:left; padding-top:80px; color: #432523; position: relative; }
#bottom .login { font-size:9px; text-align: right; padding-top:80px; color: #432523; float:right; width:100px; }
#wrap {
	width:800px;
	margin:0 auto;
	background-color:#dbccc7; border:solid #fff 10px ;
	min-height:100%;
}
* html #wrap {height: 100%;}
a{ color:#CC3300; text-decoration: none; }

a:link{ color:#CC3300; text-decoration: none; }

a:visited{ color:#CC3300; text-decoration: none; }

a:hover{ color: #000099; text-decoration: underline; }
#menuback { width:150px; float:left; background:url(../images/menuside.jpg) top left no-repeat; margin-top: 47px; padding-top: 0px;
	margin-right: 10px; position: relative; z-index:100; }

#menu { margin:0; position:relative; float: left; padding-top: 5px; z-index: 101; height: 276px; }

#header { position: relative; background: url(../images/header1.jpg) no-repeat top; height: 224px; width: 100%; }
#headertitle { 	padding-top:180px; padding-left:520px; position:relative; }
#header2 { 	position: relative; background: url(../images/top2.jpg) no-repeat top; height: 224px; width: 100%; }
#header3 { position: relative; background: url(../images/header2.jpg) no-repeat top; height: 224px; width: 100%; }

#content{ width: 100%; position:relative; min-height:100%; background-color: #DBCCC7; float: left; background-image: url(../images/menutop.jpg); background-repeat: no-repeat; background-position:top left; margin-right: 10px; }
#content2{
	width: 100%; position:relative; min-height:100%;
	background-color: #DBCCC7;
	float: left;
	background-image: url(../images/menutop2.jpg);
	background-repeat: no-repeat;
	background-position:top left;
}
#content3{
	width: 100%; position:relative; min-height:100%;
	background-color: #DBCCC7;
	float: left;
	background-image: url(../images/menutop1.jpg);
	background-repeat: no-repeat;
	background-position:top left;
}
.leftcol { width:38%; padding-top:10px; float:left; margin-right:10px;} 
.leftcol ul li { text-align:justify;}
#rightcol {
	width:24%;
	float:right;
	padding:0 10px 0 5px;
}
/**#rightcol img {
	width:175px;
	height:auto;
}**/
#story { width:53%; float:left; text-align: justify; margin-top: 40px; }
#storywide { width:77%; float:left; text-align: justify; margin-top: 5px; }
#storywide img {width:180px; height:auto; float:right; margin:5px; border:solid #FFF 5px;}
#storywide table {border-bottom:solid #663333 1px; border-right:solid #663333 1px;}
#storywide td {border-top:solid #663333 1px; border-left:solid #663333 1px;}
#storywide2 { width:77%; float:left; margin-top: 40px; width:600px;}
#storywide2 img {width:250px; height:auto; float:right; margin:5px; border:solid #FFF 5px;}
#storywide2 table {border-bottom:solid #663333 1px; border-right:solid #663333 1px; text-align:left;}
#storywide2 td {border-top:solid #663333 1px; border-left:solid #663333 1px; text-align:left;}
#storywide2 td p {text-align:left;}
#storywide2 .pebs img {width:250px; height:auto; border:solid #FFF 5px; float:none; margin:0 180px;}
#storywide3 { width:77%; float:left; margin-top: 40px; }
#storywide3 img {width:300px; height:auto; margin:5px 20px 10px 50px; border:solid #FFF 5px;}
#storywide3 table {border-bottom:solid #663333 1px; border-right:solid #663333 1px;}
#storywide3 td {border-top:solid #663333 1px; border-left:solid #663333 1px;}

/************* #siteInfo styles ***************/
.clear{ margin: 0; padding: 0 0 0 0; display: block; clear: both; }

#site { padding:80px 100px 0 20px; float:left; position: relative; }

#barimg{ float:right; margin-right: 20px;}
#advert{ font-weight:bold; line-height:1.5em; float: left; width:100%;}
#advert2{ padding: 0 10px 10px 10px; float: right; border: dashed #663300 1px; width: 80%; margin-bottom: 20px; }
.style1 {font-size:11px; color: #2F0000; text-align:justify;}
.style2 {
	font-size:12px;
	color: #2F0000;
	text-align:left;
	font-weight:bold;
}
.style3 {font-size:10px; color: #2F0000; text-align:justify;}
.style4 {font-size:11px; color: #2F0000; text-align: center;}
.style5 {
	font-size:13px;
	color: #000099;
	text-align:left;
	font-weight:bold;
}

h1 { font-size:16px;
	color: #000099;
	text-align:left;
	font-weight: bolder;
	margin: 5px;
}
h2 { font-size:14px;
	color:#000099;
	font-weight:bold;
	margin:5px;
	border-bottom:solid #2f0000 1px;
}
h3 { font-size:14px;
	color: #000099;
	text-align:left;
	font-weight: bolder;
	margin: 5px;
}
h4 {
	font-size:12px; color: #000099; font-weight:bold; background:url(../images/breedername.jpg); text-align:center; margin: 0; padding:3px 0;}

p {padding:0 5px 0 5px; text-align:justify;}

.rightbar2 {
	height:auto;
	font-size:80%;
	margin-right: 12px;
	padding-bottom: 10px;
}
img.floatLeft {
	float: left;
	margin: 10px 4px 4px 4px;}
	
img.floatRight {
	float: right;
	margin: 10px 4px 4px 4px;
}	
.imagecenter { text-align: center; margin: 15px; } 	
#colours {
	width:98%;
	border:solid #660000 1px;
	float:right; margin-bottom:20px; z-index:90;
}
#colours img {float:right; border:solid #660000 5px; width:150px; height:auto;}	
	 
.top {
	float: left;
	margin-top:40px;
	width: 77%;
}
/* form */


form#two {
	background-color:#F4F4F4;
	width:98%;
	padding:5px;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form#one {
	background-color:#F4F4F4;
	width:96%;
	padding:5px;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form#two fieldset {
	width:60%;
	display:block;
	border:1px dotted #C6A482;
	padding:5px;
	margin-bottom:0.5em;
	margin-left: 13px;
	line-height:1.2em;
}

form#two fieldset#opt {
/*background:#F4F4F4;*/
}

.browse label {float:right; padding:5px;}

.formrow{
	padding:5px 0 5px 0;
}
select{
	border:solid #d1e0ee 1px;
	background:#EBE6E2;
	width:180px;
}
form#two input {
border:1px solid #003399; 
padding:0 2px; 
margin-bottom:0.3em;
}

form#two select {
margin-left:0.5em;
}

form#two textarea {
	width:60%;
	height:auto;
	border:1px solid #003399;
	padding:0.5em;
	overflow:auto;
}

form#two option, form#one option {
background:#E9E2DC; 
color:#2F0000;
}

form#two optgroup {
background: #E9E2DC; 
color:#2F0000; 
}

form#two optgroup option {
	color:#2F0000;
	font-size:10px;
	background-color: #E9E2DC;
}


form#two p {
	margin: 2px 0;
	color: #2F0000;
}
form#two .button3 {
	border-bottom:1px solid #333;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #333;
	color:#fff;
	cursor:pointer;
	width:70px;
	margin-left:10px;
	margin-right:10px;
	float:right;
	background-color: #663300;
}
form#two .button3:hover{
	border:1px solid #4A0018;
	color:#000;
	background-color: #E9E2DC;
}

/*side nav*/

.sidenav2 {
	margin : 40px 5px;
	padding : 0;
	list-style-type : none;
	position: relative;
	float: left;
	font-weight: bold;

} 
.sidenav2 ul li {
display: inline; /* this gets rid of the gaps */
}
.sidenav2 a {
	border-bottom : 1px solid #aaa;
	margin-bottom : 0px;
	padding : 2px 5px;
	display : block; width:100px;
	text-decoration : none;
	color:#2F0000;
	text-align: left;
	
} 
.sidenav2 a#current, .sidenav2 a:hover {
	text-decoration : none;
	background-color:#E9E2DC;
	color : #FF3300;
} 
.sidenav2 ul { 
list-style : none;
margin : 0;
padding : 0;
} 

/*image effects*/
.alpha-shadow {
	float: right;
	background: url(../images/trans.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
.alpha-shadow img {
 display:block; position:relative;
  background-color: #FFFFFF;
  border: 1px solid #a9a9a9; width:175px; height:auto;
  margin: -6px 6px 6px -6px;
  padding:4px; 
}
#storywide .shadow {
	float: right;
	background: url(../images/trans.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

#storywide .shadow img {
  background-color: #FFFFFF;
  border: 1px solid #a9a9a9; width:180px; height:auto;
  margin: -6px 6px 6px -6px; float:right;
  padding:4px; 
}

/*listing menu */
#next { margin: auto; margin-bottom: 10px; border-top: 2px solid #FF6600; z-index: 1; margin-top: 8px; }
#next ul { list-style-type: none; text-align: center; margin-top: -8px; padding: 1px; position: relative; z-index: 2; }
#next li {	display: inline; text-align: center; margin: 0 3px; width:180px; }
#next li a { padding: 5px 15px; color: #fff; font-weight:bold; background:#003399; border: 1px solid #FF6600; text-decoration: none; }
#next li a:hover { color: #3366CC; background-color:#FFFFFF; border: 1px solid #FF6600; }

.classified { width:96%;  background-color:#EBE6E2; border:solid 1px #663333; position: relative; float:left; margin-bottom: 20px; margin-right:15px;}
.listings{ width:100% ; min-height:150px;  }
.listings img { float:right; border: solid #FFFFFF 5px; margin: 5px; position: relative; width:150px; height: auto; }
.listings p {font-size:11px; text-align:left; margin:5px;}
.cats { width:96%; background-color:#EBE6E2; border:solid 1px #663333; position: relative; margin: auto;  margin-bottom: 20px; }
#storywide2 .cats img { float:right; border: solid #FFFFFF 5px; margin: 8px; position: relative; width:200px;height:auto; }
.listingtab { width:65%; font-size:11px; border:solid #663333 1px; padding:15px 5px; margin-top:20px; float:left;}
.scoreback { background: url(../images/breedername.jpg) repeat left; color:#FFFFFF; font-weight:bold;}