/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Canadian Angus HOF
	Created: 2009-07-11
	Created by: RKD Web Studios info@rkd.ca
	
------------------------------------------------------------------- */

html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background: #321011 url(../images/bg_body.jpg) no-repeat center -88px;  
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #f6e9cc;
	line-height: 20px;
	}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 0;
	}

:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */

hr {
	color: #f6e9cc;
	background-color: #f6e9cc;
	border: none;
	widht: 100%;
	height: 1px;
	}


/* ---------------------
	TEXT STYLES
--------------------- */

#container { color: #000; }

a:link { color: #000; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #801517; text-decoration: underline; }
a:active { color: #801517; text-decoration: underline; }

p, td, div { 
	font-size: 14px;
	line-height: 20px;
	}

strong, b {
	font-weight: bold;
	}

em, i {
	font-style: italic;
	}

h1 { 
	font-size: 22px;
	}
	#content h1 {
		margin: 25px 0 10px;
		text-align: center;
		}
h2 {
	font-size: 16px;
	}
h3 {
	font-size: 14px;
	}
	
h4 {
	font-size: 14px;
	}
h5 {
	font-size: 13px;
	}
h6 {
	font-size: 12px;
	}

ul { }

ol { }

hr {}
	

/* styles used by WYSIWYG - style as necessary */
pre { }

address { }

.cattle td { text-transform: uppercase; }

#footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #f6e9cc;
	}
	#footer a:link { color: #f6e9cc; text-decoration: none; }
	#footer a:visited { color: #f6e9cc; text-decoration: none; }
	#footer a:hover { color: #a6988c; text-decoration: underline; }
	#footer a:active { color: #a6988c; text-decoration: underline; }

.big { font-size: 18px; }


p.contactlink {
	font-size: 16px;
	text-align: center;
	}
	p.contactlink a:link { color: #7F1517; text-decoration: none; }
	p.contactlink a:visited { color: #7F1517; text-decoration: none; }
	p.contactlink a:hover { color: #801517; text-decoration: underline; }
	p.contactlink a:active { color: #801517; text-decoration: underline; }
	

/* ---------------------
	LAYOUT
--------------------- */

#container {
	/*background: #a6988c url(../images/bg_content.jpg) no-repeat left top;*/
	background: #a6988c url(../images/bg_content-long.jpg) no-repeat left top;
	width: 960px; 
	/*height: 753px; */
	height: 953px;
	margin: 20px auto 0px;
	position: relative;
	}
	
	#containersmall {
	background: #a6988c url(../images/bg_content.jpg) no-repeat left top;
	width: 960px; 
	height: 753px; 
	margin: 20px auto 0px;
	position: relative;
	}
#logo {
	position: absolute;
	top: 25px;
	left: 34px;
	width: 283px;
	}
#logo-print { display: none; }
#menu {
	position: absolute;
	top: 226px;
	left: 34px;
	width: 283px;
	}
	#menu ul, #menu li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 224px;
		}
	#menu li {
		background: url(../images/bg_menu.gif) no-repeat left top;
		height: 48px;
		margin: 4px 0;
		padding: 5px 0; 
		}
		#menu li a {
			display: block;
			width: 100%;
			height: 100%;
			background-image: url(../images/sprite_menu.png);
			background-repeat: no-repeat;
			text-indent: -9999px;
			}
		li#menu_events a { background-position: 0 0; }
			li#menu_events a:hover { background-position: -224px 0; }
			
		li#menu_bulls a { background-position: 0 -48px; }
			li#menu_bulls a:hover { background-position: -224px -48px; }
			
		li#menu_females a { background-position: 0 -96px; }
			li#menu_females a:hover { background-position: -224px -96px; }
			
		li#menu_affiliates a { background-position: 0 -144px; }
			li#menu_affiliates a:hover { background-position: -224px -144px; }
			
		li#menu_catalogues a { background-position: 0 -192px; }
			li#menu_catalogues a:hover { background-position: -224px -192px; }
			
		li#menu_contact a { background-position: 0 -240px; }
			li#menu_contact a:hover { background-position: -224px -240px; }
			
#content {
	position: absolute;
	top:125px;
	/*top: 225px;*/
	right: 27px;
	background: url(../images/bg_cattle.jpg) no-repeat bottom right;
	width: 580px;
	height: 620px;
	padding-bottom: 185px;
	overflow: hidden;
	}
	
	#content2 {
	position: absolute;
	top: 125px;
	right: 27px;
	width: 580px;
	height: 520px;
	padding-bottom: 185px;
	}
	
#home {
	position: relative;
	}
	.bgimages {
		position: relative;
		z-index: 3;
		}
		.bgimages img { display: inline; }
	#home #logo {
		position: absolute;
		top: 24px;
		left: 243px;
		z-index: 7;
		}
	#welcome {
		position: absolute;
		top: 359px;
		left: 363px;
		z-index: 7;
		}
	#source {
		position: absolute;
		top: 642px;
		left: 24px;
		z-index: 7;
		}
	#link {
		position: absolute;
		top: 710px;
		right: 37px;
		z-index: 7;
		font-size: 20px;
		}
#footer {
	height: 189px;
	width: 450px;
	margin: 0 auto;
	}
	#footer p {
		margin-bottom: 0;
		}
	.copyright {
		text-align: center;
		}
	.designer {
		float: left;
		}
	.manager {
		float: right;
		}

/* ---------------------
	TABLES
--------------------- */

table.events {
	border-spacing: none;
	border-collapse: collapse;
	width: 100%;
	}
	table.events td { padding: 2px 2px;
	font-size:12px;}
	table.events td strong { text-transform:uppercase; color:#801517;}

table.cattle {
	border-spacing: none;
	border-collapse: collapse;
	}
	table.cattle td {
		width: 190px;
		text-align: center;
		padding-bottom: 20px;
		vertical-align: top;
		}
		table td img { border: 1px solid #79695C; }

table.contact1,
table.contact2 {
	margin-bottom: 10px;
	}
table.contact1 {
	border-spacing: none;
	border-collapse: collapse;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	}
	table.contact1 td {
		padding: 4px 2px;
		vertical-align: top;
		}
table.contact2 {
	border-spacing: none;
	border-collapse: collapse;
	width: 100%;
	}
	table.contact2 td {
		padding: 4px 2px;
		vertical-align: top;
		text-align: center;
		width: 25%;
		}

/* ---------------------
	POPUPS
--------------------- */
body#popup {
	background: #7f1517 url(none);
	color: #f6e9cc;
	padding: 7px;
	text-align:left;
	}
	#popup strong, #popup b {
		color: #f6e9cc;
		font-weight:bold;
		}
	#popup img {
		border: 1px solid #f6e9cc;
		}
	#popup h1 { text-align: center; }