
/*  CBCB99 */

body {
    background:#524338;
    font-family: helvetica;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-decoration: none }


/*----------------------*/
#container {
    border: solid 1px #005E9C; 
    background-color: #fff;
    padding: 3px 1px 3px 1px; 
    width: 770px; }        

* html #container {
    border: solid 1px #005E9C; 
    background-color: #fff;
    padding: 3px; 
    width: 770px; }        
/*----------------------*/

/* TOP NAV */

.topnav {
    background: url(/images/hartmans_longhorns_02.jpg);
    height: 26px; 
    color: white;
}
    
.topnav ul {
    text-align: right; 
    margin: 0 100px 0 0;
    padding: 0;
    
}

.topnav ul li {
    display: inline;
    height: 26px;
    padding: 8px 0 0 0;
}

* html .topnav ul li {
    padding: 2px 0 0 0;
}

.topnav ul li a {
    color: #FFF;
    padding: 0 19px 0 19px;
    text-decoration: none;
    font:bold 12px helvetica;
}

* html .topnav ul li a {
    padding: 0 19px 0 19px;
}

.topnav ul li a:hover {
    color: #F8FA2B; }


/* MENU */

#menu { 
    width: 200px; 
    background: url(/images/menu_bkg.jpg) repeat-y;

}

#menu .button {
	padding: 0;
}

#menu .button ul {
	width:167px;
	list-style-type: none;
	margin: 8px 0 0 7px;
	padding: 0;
	}

#menu .button ul li {
    background: url(/images/button.jpg);
    margin: 0 0 3px 0;
    text-align: left;
    list-style-type:none;
    padding-top: 5px;
    height: 23px;
}

* html #menu .button ul li {

    margin: 0;
    height: 28px;
}
    
        
#menu .button ul li a {
    padding: 2px 0 0 0;
    display: block;
    font: bold 12px helvetica;
    color: #EDDDBB;
    text-decoration: none;
    text-align: center;
}


#menu .button li a:hover {
    color: #F8F802;
    }

/* CONTENT BLOCK */


#content {
    padding: 0px 10px 0px 10px;
    vertical-align: top;
    background-color: #EEE0BB;}

/* ------------------------------ */
    
#content p {
    font: normal 12px helvetica;
    color: #000;
    margin-top: 0;
    margin-bottom: 5px;}

* html #content p {
    font: normal 12px helvetica;
    color: #000;
    margin-top: 0;
    margin-bottom: 5px;
    width: 100%;}

/* ------------------------------ */

#content p a {font: normal 11px helvetica; color: #524338; }
#content p a:hover {text-decoration: none; }


#content li {
    font: normal 11px helvetica;
    color: #005E9C;
    margin-top: 0;
}

#content li a {font: normal 11px helvetica; color: #524338; }
#content li a:hover {text-decoration: none; }


#content td {
    font: normal 11px helvetica;
    color: #000;
    margin-top: 0;
}


#content td a {
    color: #524338;}

#content td a:hover {
    text-decoration: none;}

#content td.inverse {
    background: #005E9C;
    font: bold 11px helvetica;
    color: #fff;
    margin-top: 0;
}

#content td.inversesmall {
    background: #005E9C;
    font: bold 10px helvetica;
    color: #fff;
    margin-top: 0;
}

#content td.inversesmall a {
    color: #fff;
}

#content td.inversesmall a:hover {
    color: #fff;text-decoration: none;
}

#content td.small {
    font: normal 10px helvetica;
    color: #005E9C;
    margin-top: 0;
}

#content td.small a {
    color: #156FBA;
}

#content td.small a:hover {
    text-decoration: none;
}

#content td.small2 {
    font: normal 9px helvetica;
    color: #005E9C;
    margin-top: 0;
}

#content td.small2 a {
    color: #156FBA;
}

#content td.small2 a:hover {
    text-decoration: none;
}


/* LOGIN PANEL */

div.login {
    width: 120px; }


div.login td {
    font: normal 9px helvetica;
    color: #FFF; }
    
/* HEADERS */

h1 { font:normal 24px helvetica; margin-bottom:5px; margin-top: 5px; margin-bottom: 5px; color: #524338;}
h2 { font:normal 12px helvetica; margin-bottom:5px; margin-top:0; padding:0; font-weight: bold; color: #524338;}
h3 { font:normal 12px helvetica; margin-bottom:5px; margin-top: 5px; padding:0; font-weight: bold; color: #524338; border-bottom: 1px dashed #524338;}


/* ADMIN */

a.admin {font: normal 12px helvetica; color: #005E9C; }



/* FOOTER */

#footer {
    text-align: center;
    font-family: helvetica;
    color: white; 
    font-size: 10px; }
    
#footer a {color: #fff; text-decoration: none;}

#footer a:hover {text-decoration: underline;}



/* LINKS PAGE */

#content td.LinkCell1 {
    BORDER-STYLE: SOLID; 
    BORDER-COLOR: #005E9C; 
    BORDER-WIDTH: 1px; 
    BACKGROUND-COLOR: #90BADE; 
    font: normal 10px helvetica;
    color: #000}

#content td.LinkCell1 a {color: #000; }
#content td.LinkCell1 a:hover {text-decoration: none; }

#content td.LinkCell2 {
    BORDER-STYLE: SOLID; 
    BORDER-COLOR: #005E9C; 
    BORDER-WIDTH: 1px; 
    BACKGROUND-COLOR: #ffffff;
    font: normal 10px helvetica;
    color: #000}

#content td.LinkCell2 a {color: #000; }
#content td.LinkCell2 a:hover {text-decoration: none; }

#content img { border: 1px solid #977536; }

#address td { 
    font: normal 11px helvetica; 
    color: #fff;}
    
#content .NextNTable { 
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    border: 1px solid #7F181B; }
    
#content .NextNTableHeader {
    background: #EAE3CD; 
    font: bold 12px helvetica;
    color: #9E9D9D;}
    
#content .NextNTableHeader a { 
    color: #7F181B;}
    

hr.cattle { color: #3C1C05; }



#content table.pedigree_list {

}

#content table.pedigree_list td {
    white-space:nowrap;
}

#content .list_lg {
    font: bold 52px times; 
    padding: 0 5px 2px 0;
    color: #4A3121; 
}

#content .list_sm {
    font: bold 24px times; 
    padding: 0 0 3px 3px;
    color: #4A3121; 
}

#content table.pedigree_details  {

}

#content table.pedigree_details td {
   white-space:nowrap;
}

#content .detail_lg {
    font: bold 66px times; 
    padding: 0 0 10px 0;
    vertical-align: middle;
    color: #4A3121; 
}
#content .detail_sm {
    font: normal 38px times; 
    padding: 0 2px 3px 3px;
    height: 30px;
    color: #4A3121;
    vertical-align: middle;
}



    
