/*
- - - - - - - - - -
Rhodesian Ridgeback master style sheet v1
www.clever4.net / info@clever4.net
Last update: 3rd April 2008 / 10:32 GMT
Last updated by: Martin Hodgson
- - - - - - - - - -
*/


/* =Standard XHTML
- - - - - - - - - - - - - - - - - - - - */
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Tahoma, "Trebuchet MS", Verdana;
	text-align: center;
	background: #F2F2F2;
}

h1 {
	color: #6E3A25;
	font-size: 110%;
	padding: 0 0 10px 0;
}

h2 {
	color: #6E3A25;
	font-size: 100%;
	padding: 10px 0 5px 0;
	clear: left;
}

h3 {
	color: #1B3E94;
	font-size: 80%;
	padding: 0 0 5px 0;
}

h3 a {
	color: #1B3E94;
}

div#news h3 {
	padding: 0 0 3px 0;
}

p {
	font-size: 78%;
	padding: 0 0 10px 0;
	color: #5A5A5A;
	line-height: 1.3em;
}

ul {
	font-size: 78%;
	padding: 0 0 10px 25px;
	color: #5A5A5A;
}

ol{
	font-size: 78%;
	padding: 0 0 10px 25px;
	color: #5A5A5A;
}

ol li{
	margin-bottom: 5px;
}

a {
	color: #234aa7;
	text-decoration: none;
}

a img {
	border: 0;
}


/* =Contact Form
- - - - - - - - - - - - - - - - - - - - */
fieldset {
	border: 1px solid #D7DDEC;
	background: #F2F4F9;
	padding: 10px;
}

fieldset p {
	padding: 0 0 20px 0;
}

label {
	width: 160px;
	display: block;
	float: left;
	font-size: 78%;
	color: #5A5A5A;
}

label strong {
	color: red;
}

fieldset input, fieldset select {
	margin: 0 0 5px 0;
	width: 182px;
}

input.submit {
	width: auto;
	margin: 5px 0 0 160px;
}

div.errormessage {
	border: 1px solid #FFD9D9;
	background: #FFF2F2;
	margin: 0 0 10px 0;
	padding: 10px;
}

h2#errorheading {
	color: red;
	padding: 0 0 10px 0;
	font-size: 85%;
}

ol#errorlist {
	color: red;
	font-weight: bold;
	padding: 0 0 0 20px;
}


/* =Misc
- - - - - - - - - - - - - - - - - - - - */
p.alt {
	color: #6B3A24;
}

img.mainpic {
	float: right;
	margin: 1px 0 15px 15px;
}

img.mainpicalt {
	float: left;
	margin: 1px 15px 15px 0;
}

body#gallerypage div#main ul.gallerypics, body#galleryarchivepage div#main ul.gallerypics {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0!important;
	float: left;
}

body#gallerypage div#main ul.gallerypics li, body#galleryarchivepage div#main ul.gallerypics li {
	float: left;
	margin: 10px 10px 0 0;
}

div#main ul.gallerypics li.firstpic {
	clear: left;
}

p.archive {
	clear: both;
}

div.caption p {
	width: 170px;
}


/* =Site Map
- - - - - - - - - - - - - - - - - - - - */
ul.map {
	list-style: none;
	padding: 0;
	margin: 0 20px 0 0;
	width: 260px;
	float: left;
}

ul.map li {
	padding: 0;
	margin: 0 0 15px 0;
	background: #234AA7;
}

ul.map li h2 {
	padding: 4px 5px;
	font-weight: normal;
}

ul.map li a {
	color: white;
}

ul.map li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.map li ul li {
	font-size: 125%;
	background: white;
	padding: 4px 0 0 0;
	margin: 0;
}

ul.map li ul li a {
	color: #234aa7;
}


/* =Judges List
- - - - - - - - - - - - - - - - - - - - */
ul#judgemenu li {
	margin-bottom: 4px;
}

table.judgelist {
	font-size: 0.9em;border: 1px solid #edf3fe;
}

table.judgelist th {
	padding: 2px;
	background-color: #234AA7;
	color: #fff;
}

table.judgelist th.jname {
	width: 140px;
}

table.judgelist th.jtel {
	width: 100px;
}

table.judgelist td {
	padding: 2px;
	vertical-align: top;
	font-size: 90%;
}

a.btt {
	display: block;
	margin: 10px 0 15px 0;
	font-size: 0.8em;
}


/* =Sub
- - - - - - - - - - - - - - - - - - - - */
div#sub img {
	margin: 15px 0 10px 19px;
}

div.subfeature {
	background: url("/images/subfeature_foot.jpg") bottom left no-repeat;
	width: 157px;
	margin: 0 0 10px 10px;
	float: left;
}

html>body div.subfeature {
	margin: 0 0 10px 20px;
}

div.subfeature h2 {
	font-size: 90%;
	background: url("/images/subfeature_top.jpg") top left no-repeat;
	font-weight: normal;
	padding: 6px 6px 4px 6px;
}

body#contactpage div#subfeaturecontact {
	display: none;
}

div#subfeaturecontact h2 {
	font-size: 78%;
	line-height: 1em;
	background: url("/images/subfeature_contact_top.jpg") top left no-repeat;
}

div#subfeaturecontact h2 a {
	padding: 28px 0 8px 10px;
	display: block;
	color: white!important;
}

div.subfeature h2 a {
	color: #1B3E94!important;
}

div.subfeature p {
	padding: 0 6px 6px 6px;
}

div.subfeature img {
	margin: 0 6px 6px 0!important;
	float: right;
}


/* =Main
- - - - - - - - - - - - - - - - - - - - */
div#mainfeatures {
	clear: right;
}

body#showspage div.mainfeature, body#judgingpage div.mainfeature, body#newsarchivepage div.mainfeature, body#newspage div.mainfeature, body#diarypage div.mainfeature {
	border-bottom: 1px solid #DCDDDE;
	margin: 0 0 20px 0;
}

body#diarypage div.lastfeature,body#newspage div.lastfeature, body#newspage div.lastfeature, body#showspage div.lastfeature, body#judgingpage div.lastfeature{
	border-bottom: none !important;
}

body#showspage div.mainfeature h2, body#judgingpage div.mainfeature h2, body#newsarchivepage div#main h2, body#newspage div#main h2, body#diarypage div#main h2 {
	text-transform: none;
	clear: both;
}

body#showspage div.mainfeature h2 a, body#judgingpage div.mainfeature h2 a, body#newsarchivepage div#main h2 a, body#newspage div#main h2 a, body#diarypage div#main h2 a {
	color: #1B3E94;
}

body#indexpage div.mainfeature h2 a {
	color: #6B3A24;
}

body#showspage div.mainfeature h2 span,
body#judgingpage div.mainfeature h2 span,
body#newsarchivepage div#main h2 span,
body#newspage div#main h2 span,
body#diarypage div#main h2 span,
body#newsitempage div#main h2 span,
body#indexpage div#newspanel h3 span {
	color: #999;
	border-bottom: 1px solid #E5E5E5;
	font-size: 75%;
	font-weight: normal;
	line-height: 2.3em;
}

body#indexpage div.mainfeature {
	width: 292px;
	margin: 0 3px 6px 0;
	padding: 10px 10px 5.5px 10px;
	background: #EDF4FC;
	border: 1px solid #DCDDDE;
	float: left;
}

body#puppiespage div.mainfeature {
	padding: 10px 10px 0 10px;
	background: #EDF4FC;
	border: 1px solid #DCDDDE;
	float: left;
	margin: 10px 0 0 0;
}

div.mainfeature img, body#newsarchivepage div#main img {
	float: left;
	margin: 2px 10px 5px 0;
}

div.mainfeature h2, div#newspanel h2 {
	font-size: 90%;
	color: #6B3A24;
	padding: 0 0 6px 0;
	text-transform: uppercase;
}

body#newsitempage div#main h2 {
	padding: 10px 0 10px 0;
}

div#newspanel {
	background: #EDF4FC;
	border: 1px solid #DCDDDE;
	width: 230px;
	float: right;
	padding: 10px 10px 0 10px;
	margin: 0 0 8px 0;
}

div#newspanel p.archivelink {
	padding: 12px 0 8px 0;
}


/* =Footer
- - - - - - - - - - - - - - - - - - - - */
div#footer {
	padding: 15px 0;
	margin: 0 auto;
	color: #5A5A5A;
	width: 800px;
}

div#footer ul {
	float: left;
	list-style: none;
	font-size: 70%;
}

div#footer ul li {
	float: left;
	margin: 0 6px 0 0;
}

div#footer ul li a {
	margin: 0 6px 0 0;
}

div#footer p {
	float: right;
	font-size: 70%;
}

div#footer img {
	vertical-align: middle;
	margin: 0 0 0 5px;
}


/* =Layout
- - - - - - - - - - - - - - - - - - - - */
div#container {
	width: 798px;
	border: 1px solid #C3C7C6;
	margin: 15px auto 0 auto;
	padding: 0 0 12px 0;
	background: white url("/images/header.jpg") top left no-repeat;
	text-align: left;
	display: table;
}

div#sub {
	width: 203px;
	float: left;
}

body#adminpage div#sub {
	width: 173px;
	float: left;
}

body#adminpage div#main {
	width: 605px;
}

div#main {
	width: 571px;
	float: left;
	padding: 115px 20px 0 0;
}

body#unavailablepage div#main {
	padding: 115px 20px 50px 0;
}


/* =Navigation
- - - - - - - - - - - - - - - - - - - - */
div#main ul#navigation {
	list-style: none;
	font-size: 82%;
	float: left;
	padding: 0;
	margin: 0 0 20px 0!important;
}

body.aboutsection div#main ul#navigation,
body.gallerysection div#main ul#navigation,
body.judgingsection div#main ul#navigation,
body.breedsection div#main ul#navigation,
body.showssection div#main ul#navigation,
body.newssection div#main ul#navigation,
body.judgingnewssection div#main ul#navigation,
body.shownewssection div#main ul#navigation {
	margin: 0!important;
}

div#main ul#navigation li {
	float: left;
	margin: 0 2px 0 0;
}

div#main ul#navigation li#links {
	margin: 0!important;
}

div#main ul#navigation li a {
	display: block;
	text-decoration: none;
	background: #234AA7;
	color: white;
	padding: 4px 6px;
}

div#main ul#navigation li a:hover {
	background: #BBC7E3;
}

body#indexpage div#main ul#navigation li#home a,
body.aboutsection div#main ul#navigation li#about a,
body.showssection div#main ul#navigation li#shows a,
body.judgingsection div#main ul#navigation li#judging a,
body.breedsection div#main ul#navigation li#breed a,
body#rescuepage div#main ul#navigation li#rescue a,
body#puppiespage div#main ul#navigation li#puppies a,
body.gallerysection div#main ul#navigation li#gallery a,
body.newssection div#main ul#navigation li#news a,
body.judgingnewssection div#main ul#navigation li#judging a,
body.shownewssection div#main ul#navigation li#judging a,
body#linkspage div#main ul#navigation li#links a {
	background: #879DCF;
}

/* =Sub Navigation
- - - - - - - - - - - - - - - - - - - - */
ul#subnavigation {
	background: #879DCF;
	width: 572px!important;
	list-style: none;
	float: left;
	margin: 0 0 20px 0!important;
	padding: 0;
}

body.judgingsection ul#subnavigation,body.judgingnewssection ul#subnavigation {
	width: 252px!important;
	padding: 0 0 0 320px;
}

body.breedsection ul#subnavigation {
	width: 522px!important;
	padding: 0 0 0 50px;
}

body.gallerysection ul#subnavigation {
	width: 122px!important;
	padding: 0 0 0 450px;
}

body.showssection ul#subnavigation, body.shownewssection ul#subnavigation {
	width: 372px!important;
	padding: 0 0 0 200px;
}

body.newssection ul#subnavigation {
	width: 397px!important;
	padding: 0 0 0 175px;
}

ul#subnavigation li {
	float: left;
	padding: 4px 7px;
}

ul#subnavigation li a {
	color: white;
}

body#galleryarchivepage ul#subnavigation li#galleryarchive a,
body#criteriapage ul#subnavigation li#criteria a,
body#questionnairepage ul#subnavigation li#questionnaire a,
body#committeepage ul#subnavigation li#committee a,
body#codepage ul#subnavigation li#code a,
body#membershippage ul#subnavigation li#membership a,
body#guidelinespage ul#subnavigation li#guidelines a,
body#constitutionpage ul#subnavigation li#constitution a,
body#standardpage ul#subnavigation li#standard a,
body#healthpage ul#subnavigation li#health a,
body#historypage ul#subnavigation li#history a,
body#judgespage ul#subnavigation li#judges a,
body#newspage ul#subnavigation li#generalnews a,
body#diarypage ul#subnavigation li#diary a,
body#championshowpage ul#subnavigation li#championship a,
body#openshowpage ul#subnavigation li#open a,
body#supermatchpage ul#subnavigation li#supermatch a  {
	color: #39457F;
}

ul#subnavigation li a:hover {
	color: #39457F;
}


/* =Lightbox Styling
- - - - - - - - - - - - - - - - - - - - */
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0; float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
}

#imageData {
	padding:0 10px; color: #666;
}
	
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}			

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #0D1B33;
}


/* =Administration
- - - - - - - - - - - - - - - - - - - - */
table.adminlist {
	width: 560px;
	font-size: 82%;
	margin: 0 0 30px 0;
	color: #5A5A5A;
}

table.adminlist th {
	padding: 0 0 10px 0;
	font-weight: normal;
	font-style: italic;
	color: #1B3E94;
}

table.adminlist td {
	padding: 5px;
	border-bottom: 2px solid white;
	background: #EEF2FB;
}

table.adminlist td.selector {
	padding: 0 0 0 10px!important;
	width: 50px;
}

table.adminlist td.edit, table.adminlist td.delete {
	width: 40px;
}

table.adminlist td.edit a {
	margin: 0 9px 0 0;
}

table#imageupload {
	font-size: 90%;
	background: #E4EAF8;
	color: #5A5A5A;
	margin: 30px 0 8px 0;
}

table#imageupload h2 {
	font-size: 90%!important;
	margin: 10px 0 5px 0;
}

table#imageupload td {
	padding: 4px 4px 4px 10px;
}

body#adminpage div#footer ul {
	display: none;
}

body#adminpage h2 {
	color: #1B3E94;
	font-size: 95%;
	padding: 0 0 8px 0;
}

input.upload {
	margin: 0 0 5px 0;
}

table#publisheradmin {
	font-size: 80%;
	color: #5A5A5A;
	margin: 10px 0 8px 0;
}

table#publisheradmin td {
	vertical-align: top;
}

table#publisheradmin td input, table#publisheradmin td select, table#publisheradmin td textarea {
	margin: 0 0 5px 0;
}