﻿/*

Style Sheet for Borzoi.org
(c) 2006 Dave Mills

Set to fit the site within an 800px wide browser window

================================================*/ 
*			{ margin:0;	padding:0}
html 		{ height:100%;background-color:transparent}
body		{ font: 100%/1.125em Georgia,Times New Roman, Times, serif;
			  background: #ddd url("../images/site/page-background-983.gif") top center repeat-y }
div			{ border: none}	

p,li		{ font-size:0.8125em;margin:8px 0 2px 0; text-align:justify}
li			{ margin: 5px 0 0 25px;font-size: 0.8125em;text-align:left}
p.pnospace	{ margin-bottom:0;margin-top:0/*;width:200px*/}
p.continued	{ font-size: 0.75em;font-style: italic;}
p.copyright	{ font: 0.625em verdana,sans-serif; color:#888; border-top:1px solid #CCC;text-align:right;padding:5px 5px 0 0;margin-top:30px}
p.arttitle	{ font-size: 1em; color: black; font-weight: bold; text-align:left; margin-bottom:0;margin-top:12px}
.artsubtitle	{ font-size: 0.8125em; color: black; font-weight: normal; text-align:left; margin-bottom:0;margin-top:10px}
p.author	{ font-size: 0.75em; color: #38302D; text-transform: uppercase; text-align:left; margin-bottom:0;margin-top:0}
p.contact	{ background-color:#C0C0C0;font-style: italic;padding: 5px;clear:both}
p.caption	{ font:0.625em verdana,sans-serif;text-align:center;margin-bottom:0;margin-top:2px}
p.lcaption	{ font-size: 0.75em;text-align:center;float:left;margin-bottom:0;margin-top:0}
p.credit	{ font-size: 0.625em;color:#888; text-align:right;margin-bottom:0;margin-top:0;margin-right:10px}
p.clear		{ clear:both}


h1,h2,h3,h4,h5	{ font-family: Arial, 'Sans Serif'; line-height: 1.2;font-weight: bold; color: #000080}
h1			{ font-size: 1.125em; margin-bottom:0.5em;margin-top:0.5em}
h2			{ font-size: 0.875em; margin-top:1em/*;clear:both*/}
h3			{ font-size: 0.8125em; margin-top:0.7em;}
h4			{ font-size: 0.75em; color: #000000;margin-top:0.6em;}
h5			{ font-size: 0.75em; color: #000000;margin-top:0.6em}

/* Links 
================================================*/ 
a:visited, a:link { 
        border-bottom:1px dotted #469; 
        color:#00B; 
        text-decoration:none;
        line-height: 1.4em;	/* leaves room at bottom of div's for link underlines */
} 
a:visited {color:#006} 
a:hover, a:focus { 
        border-bottom:1px #f87d06;
        border-bottom-style:solid; 
        color:#f87d06;
}
a.imglink:visited, a.imglink:link {border:none} 

a.imglink:hover {background:transparent} 

a.copyright /*, a.copyright:visited, a.copyright:link */ {
        border-bottom:0px; 
        border:none; 
        color:#9a97de; 
        text-decoration:none;
} 
a.copyright:hover, a.copyright:focus { 
        color:#0eacee; 
}

/* Overall page layout
================================================*/

#wrapper {
		width: 983px;
		margin: 0 auto;
		background:#FFF;
}
#wrapper-index {
	}

#wrapper-art {
	}
	
#reviewwrap {
	background-color: transparent;
	margin: 2px;
	padding: 10px;
	}

img { 
	display:block; 
	border:none; 
}

.separator-1 {
	width:100%;height:16px;
	margin-bottom:10px;
	background:url(../images/site/separator1.gif) center no-repeat;
}

.separator-2 {
	width:100%;height:16px;
	margin-top:20px;margin-bottom:20px;
	background:url(../images/site/separator2.gif) center no-repeat;
}
/* Stuff to keep content from overflowing containing divs */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

/* Navigation, common for all pages
================================================*/ 

#menu { /* Parent Wrapper for inside boxes */
 	margin: 26px 5px 5px 5px;
	display: inline; /* IE Hack */
	width: 155px; /* was 130 */
	float: left;
	padding: 1px;
}

* html #menu {height:370px} /* IE Min-Height Hack */ 

#logo { 
	background: transparent url(../images/borzoilogo140a.jpg) no-repeat top center; 
	width:155px;
	height:175px;
    display:block;
	margin-bottom:10px;
	z-index: 3;	
	border:0px;
}
#nav { 
	float:left;
	top: 7px; 
	left: 0px; 
	width:155px;margin-left:7px;
} 
#nav ul { 
	margin:0 0 0.5em 0;
	padding:0;
} 
#nav li { 
	font: 0.75em /* /1.4em */ verdana,sans-serif;
	display:block;
	list-style:none;
	margin:0px;
	padding:0;
	line-height:0em;
} 
#nav li.subnav	{ font-size: 0.75em;}

#nav a { 

	display:block;
	color:#00B;
	text-decoration:none;
	padding: 0 8px 0 15px;	/* leave 15px room on left for hover arrow */
	margin:0;					/* clear the margin & border from normal link style */
	border-bottom:0; 
/*	line-height:1.4em;
*/	background-position: 0 0;
} 

#nav a:visited { 				/* leave a light footprint in front of navbar items that have been visited */
	background: url("../images/site/arrow-visited.gif") no-repeat;
}

/* Use this style to highlight the "page you're on" */
#pg-index a.nav-index:visited,
#pg-about a.nav-about:visited,
#pg-articles a.nav-articles:visited,
#pg-performance a.nav-performance:visited,
#pg-condition a.nav-condition:visited,
#pg-schedules a.nav-schedules:visited,
#pg-breeds a.nav-breeds:visited,
#pg-supplies a.nav-supplies:visited,
#pg-gallery a.nav-gallery:visited,
#pg-books a.nav-books:visited {
	background:  url("../images/site/arrow-hover.gif") no-repeat;
}

#nav a:focus {
	background:  url("../images/site/arrow-hover.gif") no-repeat;
	color:#0eacee;
} 

#nav a:hover {
	background:  url("../images/site/arrow-hover.gif") no-repeat;
	color:#0eacee;
} 

#nav a:active {
	background: url("../images/site/arrow-active.gif") no-repeat;
	color: #FF9900;
}

/* Styles for submenu navigation
================================ */

#nav li.subnav { 
	display:block;
	list-style:none;
	margin:0px;
	padding:0;
	padding-left: 1em;
	line-height:0em;
} 
#nav a.nav-perf-activities:visited,
#nav a.nav-perf-clubs:visited,
#nav a.nav-perf-registration:visited,
#nav a.nav-gal-gallery2:visited,
#nav a.nav-gal-cool:visited,
#nav a.nav-gal-montages:visited,
#nav a.nav-gal-cheetah:visited,
#nav a.nav-gal-stamps:visited { 				/* leave a light footprint in front of navbar items that have been visited */
	background: url("../images/site/arrow-sm-visited.gif") no-repeat;
	background-position: 0 0;
	display:block;
	color:#00B;
	text-decoration:none;
	padding: 0px 8px 0px 15px;	/* leave 15px room on left for hover arrow */
	margin:0;					/* clear the margin & border from normal link style */
	border-bottom:0;
	line-height:1.4em;
}
/* Use this style to highlight the "page you're on" */
#pg-perf-activities a.nav-perf-activities:visited,
#pg-perf-clubs a.nav-perf-clubs:visited,
#pg-perf-registration a.nav-perf-registration:visited,
#pg-gal-gallery2 a.nav-gal-gallery2:visited,
#pg-gal-cool a.nav-gal-cool:visited,
#pg-gal-montages a.nav-gal-montages:visited,
#pg-gal-cheetah a.nav-gal-cheetah:visited,
#pg-gal-stamps a.nav-gal-stamps:visited {
	background: url("../images/site/arrow-sm-hover.gif") no-repeat;
	background-position: 0 0;
	display:block;
	color:#00B;
	text-decoration:none;
	padding: 0px 8px 0px 15px;	/* leave 15px room on left for hover arrow */
	margin:0;					/* clear the margin & border from normal link style */
	border-bottom:0;
	line-height:1.4em;
}

#nav a.nav-perf-activities:focus,
#nav a.nav-perf-clubs:focus,
#nav a.nav-perf-registration:focus,
#nav a.nav-gal-gallery2:focus,
#nav a.nav-gal-cool:focus,
#nav a.nav-gal-montages:focus,
#nav a.nav-gal-cheetah:focus,
#nav a.nav-gal-stamps:focus {
	background:#06f;
	background:  url("../images/site/arrow-sm-hover.gif") no-repeat;
	background-position: 0 0;
	margin:0;
	color:#0eacee;
	text-decoration:none;
	padding: 0px 8px 0px 15px;	/* leave 15px room on left for hover arrow */
}

#nav a.nav-perf-activities:hover,
#nav a.nav-perf-clubs:hover,
#nav a.nav-perf-registration:hover,
#nav a.nav-gal-gallery2:hover,
#nav a.nav-gal-cool:hover,
#nav a.nav-gal-montages:hover,
#nav a.nav-gal-cheetah:hover,
#nav a.nav-gal-stamps:hover {
	background:#06f;
	background:  url("../images/site/arrow-sm-hover.gif") no-repeat;
	background-position: 0 0;
	margin:0;
	color:#0eacee;
	text-decoration:none;
	padding: 0px 8px 0px 15px;	/* leave 15px room on left for hover arrow */
}

#nav a.nav-perf-activities:active,
#nav a.nav-perf-clubs:active,
#nav a.nav-perf-registration:active,
#nav a.nav-gal-gallery2:active,
#nav a.nav-gal-cool:active,
#nav a.nav-gal-montages:active,
#nav a.nav-gal-cheetah:active,
#nav a.nav-gal-stamps:active {
	background:#06f;
	background:  url("../images/site/arrow-sm-active.gif") no-repeat;
	background-position: 0 0;
	margin:0;
	color:#FF9900;
	text-decoration:none;
	padding: 0px 8px 0px 15px;	/* leave 15px room on left for hover arrow */
}

/* Navigation on top-right for standard site stuff
==================================================*/
#sitenav {
	margin-bottom:4px;
	margin-right:0px;
}
#sitenav a { 
	font-family:verdana,sans-serif;
	border-bottom:0; 
}
#sitenav a:hover {
	color:#0eacee;
}
#sitenav p {
	margin:0;
	text-align:right;
	font-size: 65%;
}
/* Survey styles
================================================*/

#survey {
	border:1px #f00;
}

#survey .question {	margin:10px 0px 5px 0px;font-size: 90%; line-height: 1.2;font-weight: bold; }
#survey .option {margin:0 0 0 20px;font-size: 80%; line-height: 1.2;}


/* Page Style for pages with one main column with an image across the top of the page, and left nav bar 
================================================*/

#s1content  { /* Parent Wrapper for inside boxes */
 border: 0;
 margin: 5px 0px 5px 0px;
 display: inline; /* IE Hack */
 padding: 0px;
 width: 799px;
 float: left;
 min-height: 370px;
}
* html #s1content  {height:370px} /* IE Min-Height Hack */

#banner-art {
	background: url(../images/headers/dm_25780.jpg) no-repeat;
	top:0px;
	left:130px;
	width:799px;
	height:175px;
    display:block;
	}
#banner-borzoi {
	background: url(../images/headers/dm_91950.jpg) no-repeat;
	top:0px;
	left:130px;
	width:799px;
	height:175px;
    display:block; /*border:1px #000 solid;*/
	}
#banner-perf {
	background: url(../images/headers/dm_90710.jpg) no-repeat;
	top:0px;
	left:130px;
	width:799px;
	height:175px;
    display:block;
	}
#banner-supply {
	background: url(../images/headers/dm_13751.jpg) no-repeat;
	left:130px;
	width:799px;
	height:175px;
    display:block;
	}
#banner-activities {
	background: url(../images/headers/dm_88245.jpg) no-repeat;
	width:799px;
	height:175px;
	}
#banner-conditioning {
	background: url(../images/headers/mg_11802.jpg) no-repeat;
	width:799px;
	height:175px;
	}
#banner-clubs {
	background: url(../images/headers/dm_25957.jpg) no-repeat;
	width:799px;
	height:175px;
	}
#banner-registration {
	background: url(../images/headers/dm_91181.jpg) no-repeat;
	width:799px;
	height:175px;
	}
#banner-services {
	background: url(../images/headers/dm_00791.jpg) no-repeat;
	width:799px;
	height:175px;
	}
#banner-links {
	background: url(../images/headers/dm_03081.jpg) no-repeat;
	width:799px;
	height:175px;
	}
#banner-schedule {
	background: url(../images/headers/dm_14509.jpg) no-repeat;
	width:799px;
	height:175px;
	}
#banner-contact {
	background: url(../images/headers/dm_00809.jpg) no-repeat;
	width:799px;
	height:175px;
	}
#banner-thanks {
	background: url(../images/headers/mg_17073.jpg) no-repeat;
	width:799px;
	height:175px;
	}	
#banner-art1 {
	background: url(../images/headers/dm_90710.jpg) no-repeat;
	width:799px;
	height:175px;
	}
#banner-art2 {
	background: url(../images/headers/dm_14410.jpg) no-repeat;
	width:799px;
	height:175px;
	}
#banner-art3 {
	background: url(../images/headers/dm_14509.jpg) no-repeat;
	width:799px;
	height:175px;
	}
#banner-art4 {
	background: url(../images/headers/dm_13751.jpg) no-repeat;
	width:799px;
	height:175px;
	}
#banner-art5 {
	background: url(../images/headers/dm_25957.jpg) no-repeat;
	width:799px;
	height:175px;
	}
#banner-cheetah {
	background: url("../images/headers/cheader.jpg") no-repeat;
	width:799px;
	height:175px;
	}
#gallery-image {
	text-align:center;
	width:620px;
	height:450px;
	background:#383838;
	}
* html #gallery-image  {height:450px} /* IE Min-Height Hack */
#footer {
 	margin: 0 20px 5px 20px;
 	display: inline; /* IE Hack */
 	padding: 4px;
 	float: right;
 	width: 94.8%;
 	/* new stuff */
 	width:99.5%;margin:0;padding:0;float:left;
}
/* Page Style for pages with two main columns and a left nav bar (index.php page only)
================================================*/	

#centercolumn { /* Parent Wrapper for inside boxes */
 border: 0;
 margin: 5px 5px 0px 0px;
 display: inline; /* IE Hack */
 padding: 0px;
 width: 520px;
 float: left;
 min-height: 370px;
}
* html #centercolumn {height:370px} /* IE Min-Height Hack */ 

#rightcolumn {
 margin: 5px 5px 0px 15px;
 padding: 6px;
 display: inline; /* IE Hack */
 width: 245px;
 float: left;
 border: 0;
 min-height: 370px;
}
* html #rightcolumn {height:370px} /* IE Min-Height Hack */ 
#sidelight {
 font-family: verdana, Arial, sans-serif;
	background:#fd6;
	margin:10px 0 0 0;padding:5px;
 border:1px #AAA solid;	
}
#sidelight p { font-size:0.75em;line-height:1.1em}
#politics-corner {
 font-family: verdana, Arial, sans-serif;
 background:#ecfaf6;
 margin:10px 0 0 0;
 padding: 5px;
 border:1px #AAA solid;	
}
#politics-corner p { font-size:0.75em;line-height:1.1em}
#politics-corner li { font-size:0.70em;line-height:1.1em}
#politics-corner p.rss		{ font-size:0.70em;text-align:left;margin:0/*;line-height: 1.125em*/}
#politics-corner a:visited {border:none} 
#politics-corner a:link {border:none;color:#00A;line-height:1em} 
#politics-corner a:hover {color:#f87d06} 

#sitename {
	background:url(../images/site/title.jpg) no-repeat;
	width:235px;
	height:69px;
    display:block;
}	













