/* @group General Elements */


img, div { behavior: url(library/iepngfix.htc) }

body {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  background: #412a20 url(images/bk.jpg) repeat-x;
}

hr {
  margin: 6px 0;
  border-bottom: 1px solid gray;
  border-right-style: hidden;
  border-top-style: hidden;
  border-left-style: hidden;
}

a:link {
  color: maroon;
}

a:visited {
  color: maroon;
}

a:active {
  color: maroon;
}

a:hover {
  color: #cd0000;
}

h1 {
	
}

h2 {
	
}

h3 {
	
}

h4 {
	
}



/* @end */

/* @group Layout */

#container {
  margin-left: auto;
  margin-right: auto;
  width: 961px;
}



#content {
  min-height: 300px;
  height: 100%;
  background-color: white;
  clear: both;
  overflow: hidden;
  padding: 20px;
}

#footer {
  font-size: 9px;
  color: white;
  clear: both;
}

#footer a:link, #footer a:visited, #footer a:active{
  color: white;
}

#footer a:hover{
  color: orange;
}

#navHolder {
  background: url(images/navBk.gif) repeat-x;
  clear: both;
  height: 23px;
  padding-top: 5px;
}

/* @end */

/* @group Content Modules */

/* @group Animal List */

.animalList {
  border-width: 1px;
  border-style: solid;
}

#animalListBox {
  border: 1px solid gray;
  margin-bottom: 6px;
  overflow: hidden;
  width: 900px;
  padding: 8px;
}

#animalListBox h1 {
	margin: 0;
  padding: 0;
  font-size: 18px;
}

#animalListBox h2 {
	margin: 0;
}

#animalListBoxPhoto {
  margin: 6px 0 6px 6px;
  float: left;
}

#animalListBoxPhoto img {
  border: none;
}

#animalListBoxDetails {
  float: left;
  margin-left: 6px;
}

#animalListBoxName {
  clear: both;
}

#animalListBoxPedigree {
  clear: both;
}

#animalListBoxSemen {
  clear: both;
}

#animalListBoxAuction {
  clear: both;
}

#animalListBoxSale {
  clear: both;
}

#animalListBoxSold {
  
}

#animalListBoxLot {
  float: right;
  text-align: right;
  font-weight: bold;
  font-size: 18px;
  margin: 6px;
}

#animalListBoxOptions {
  float: right;
  clear: right;
}


#animalListBoxOptions img{
  border: none;
}

#animalListBoxButton {
  border: 1px solid gray;
  padding: 3px;
  margin: 6px;
  background-color: #feface;
}

#animalListBoxButton:hover{
  background-color: #fde696;
}



/* @end */

/* @group Animal View */

.ebvChart {
	
}

.ebvChart table {
	border-collapse: collapse;
  border: 1px solid maroon;
  width: 100%;
}

.ebvChart table thead {
	
}

.ebvChart table thead th {
  background-color: #87524a;
  padding: 4px;
}

.ebvChart table thead th td {
  padding: 4px;
  font-weight: bold;
}

.ebvChart table tbody tr {
  text-align: center;
}

.ebvChart table tbody tr td {
  padding: 4px;
  border-width: 1px;
  border-style: solid;
  border-bottom-color: maroon;
}

.animalView {
	
}

.animalView h1 {
	
}

.animalView h2 {
	
}

.pedigree {
	
}

.pedigree h1 {
	
}

.pedigree h2 {
	
}

.pedigree h3 {
	
}



/* @end */

/* @group Album */

#album {
  clear: both;
  margin-bottom: 6px;
  border: 1px solid gray;
  overflow: hidden;
}

#albumPhoto {
  float: left;
  margin: 6px 0 6px 6px;
}

#albumDetails {
  float: left;
  margin-left: 6px;
}

#albumTitle {
  font-weight: bold;
  font-size: 18px;
  clear: both;
}

#albumDesc {
  float: left;
  clear: both;
}


#albumOptions {
  float: right;
  clear: right;
}


#albumOptions img{
  border: none;
}

#albumButton {
  border: 1px solid gray;
  padding: 3px;
  margin: 6px;
  background-color: #feface;
}

#albumButton:hover{
  background-color: #fde696;
}


/* @end */

/* @group Photo List */

#photoList {
  text-align: center;
}

#photoList table {
  width: 100%;
  padding: 6px;
  margin-bottom: 6px;
}

#photoList img {
  border: 1px solid gray;
}



/* @end */

/* @group News */

.news {
	
}

#newsRecentArticles {
  float: right;
  clear: right;
  width: 25%;
}

#newsRecentArticles hr {

}

#newsRecentArticles img {
  border:  none;
}

.newsRecentArticlesTitle {
  font-weight: bold;
  font-size: 14px;
}


.newsRecentArticlesDate {
  font-style: italic;
  color: gray;
  font-size: 12px;
}

.newsRecentArticles a:link {
	
}

.newsRecentArticle a:visited {
	
}

.newsRecentArticle a:active {
	
}

.newsRecentArticle a:hover {
	
}

#newsArticle {
  width: 70%;
}

.newsArticleTitle {
  font-size: 18px;
  font-weight: bold;
}

.newsArticleDate {
  color: gray;
  font-style: italic;
}

.newsArticle h1 {
	
}

.newsArticle h2 {
	
}

.newsArticle h3 {
	
}

.newsArticle h4 {
	
}

.newArticles a:link {
	
}

.newsArticle a:visited {
	
}

.newsArticle a:active {
	
}

.newsArticle a:hover {
	
}

#newsForm {
  margin-bottom: 6px;
}

/* @end */



/* @end */

/* @group Menu */

/* @group Suckerfish */

#nav{
margin:0;
padding:0;
list-style-type:none;
line-height:20px;
height: 50px;
  background: url(images/navBk.gif) repeat-x;
}

#nav ul{
margin:0;
padding:0;
list-style-type:none;
line-height:20px;
}
#nav a{
	text-transform: uppercase;
	display:block;
	color:#fff;
	text-decoration:none;
	background-image: url(images/navDiv.gif);
	background-repeat: no-repeat;
	background-position: center right;
  font: normal normal 14px/20px Arial, tahoma, verdana, sans-serif;
  padding: 0px 9px 2px 7px;
}

#nav a:hover{
color:#121212;
}

#nav li{
	float:left;
	position:relative;
	line-height:20px;
}

#nav ul {
	position:absolute;
	display:none;
	width:auto;
	top:auto;
  	background: #c3943f url(images/navUlBk.gif) repeat-x 0 bottom;
}

#nav li ul a{
	width: 180px;
	height:auto;
	float:left;
	border-left: 1px solid #b18f45;
	border-right: 1px solid #b18f45;
  	font-size: 12px;
  	background-image: none;
}
#nav li ul a:hover{

}
#nav ul ul{
top:auto;

}	

#nav li ul ul {
left:133px;
margin:0px 0px 0px 10px;
}
#nav li ul ul a{
  font-size: 12px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
#nav li ul a.popout {
	background-image: url(../images/popout.gif);
	background-position:center right;
	background-repeat:no-repeat;
}

/* @end */



/* @end */

/* @group Forms */

input {
	padding: 3px;
  border: 1px solid gray;
}



/* @end */

/* @group Tables */



/* @end */

#logo{
	
	position: absolute;
		left: 50%;
		top: 7px;
		@top: 14px;
	
	margin-left: -480px;
	
	z-index: 100;
	
}

#header {
	
	position: absolute;
		left: 50%;
		top: 73px;
	
	margin-left: -480px;
	
	z-index: 10;
	
	clear: both;
	height: 260px;
	
}