/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */

/* HACKS FOR VIVI */
#featureBox ul li.kListItem {
	list-style-type:none;
	background: transparent url(../images/dot.gif) no-repeat 0 3px;
	padding-left: 12px;
}

#featureBox ul.kBulletPointContentItem {
	margin:0 0 0 6px;
}

/* ----- IDS ----- */

#pageHolder {
	background:#FEFEFD url(../images/background/background_tile.gif) repeat-x scroll left top;
	display:block;
	width:100%; min-height:100%;
	text-align:center;
}

#container {
	margin:auto;
	width:965px;
	text-align:left;
	color:#333;
}

#mainContent{
	width:965px;
	float:left;
	background:#fff;
}

/* ----- CLASSES ----- */
.clearer { width:100%; clear:both;}
.clearer hr { display:none }


/* ----- header -----*/
#header{
	background:url(../images/background/background_header.gif) repeat-x top left;
	display:block; 
	width:965px; height:93px; 
	margin:0; padding:0;
	float:left;
}

.logo { float:left; }

#topLink {
	float:right;
	width:305px;
	padding-left: 195px; margin-top: 25px;
	font-size:69%;
}

#topLink ul, #topLink ul li {
background:none;
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}

#topLink ul {
	padding: 0 15px 0 18px;
	float:right;
}

#topLink ul li a {
float: left;
color:#c5d4d9;
text-decoration:underline;
font-weight: normal;
padding: 0 8px;
background:url(../images/content/blue_divider.gif) right no-repeat; 
}

#topLink ul li a:hover {
	color:#5c83c2;
}

.lastFooter{
background-image:none !important;
padding-right:0 !important;
}

#searchBox {
	width:235px;
	float:right;
	padding-left:315px;
	padding-right:8px;
}

#searchBox form {
	float: left;
	margin: 8px 0 0 0px;
	padding-left:10px;
}

#searchBox form input#searchFill {
	width: 130px; height: 21px;
	background:transparent url(../images/background/search_fill.gif) no-repeat left top;
	margin-top:0 !important;
	padding: 2px 5px; border:0px solid #6666CC;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 100%;
}

#searchBox form label#searchLabel {
	float: left; display: block;
	background: transparent url(../images/titles/text_search.gif) no-repeat left top;
	text-indent: -9999px;
	width: 50px; height: 18px;
}

input.go {
	vertical-align: top;
	margin-top: 2px!important;
	width: auto!important;
	height: auto!important;
	padding: 0!important;
}

/*-- End Header --*/

/*--Top Navigation --*/
#topNav {
	width: 965px;
	height:36px;
	float:left;
}

#topNav ul {
	float:left;
	list-style-type:none;
	margin:0; padding:0;
}
/*-- End Top Navigation --*/

/*-- Left Content HOMEPAGE --*/
#leftContent{
	width:665px;
	float:left;
	background:#fefefd;
}

#leftContent .inner { 
	padding:28px 25px;
	min-height:55px;
}

#headerImage {
	display:block;
	width:665px; height:233px;
}

p.homeIntro {
	float:left;
	font-size:120%;
	color:#666;
	padding:28px 25px;
	margin:-1px;
}

#featureBox { padding:0; 	float:left; }

#product {
	width:222px;
	background:url(../images/content/back_featureproduct.jpg) top no-repeat;
	float:left;
	margin-bottom:15px;
}

#publications {
	width:222px;
	background:url(../images/content/back_featurepublic.jpg) top no-repeat;
	float:left;
	margin-bottom:15px;
}

#discussion {
	width:221px;
	background:url(../images/content/back_featurediscus.jpg) top no-repeat;
	float:left;
	margin-bottom:15px;
}

#product h2, #publications h2, #discussion h2, #news h2, #quickLinks h2 {
	display:block;
	text-indent:-1000em;
	height:30px;
	margin:0 0 10px 0; padding:0;
	width: 100%;
}

.newsLink {
	margin:0 0 0 27px;

    /**padding:25px 0;**/
}

.newsLink a {
	font-weight:none !important;
	font-size:90%;
	text-decoration:underline;
	color:#999 !important;
} 

.newsLink a:hover{
	color:#CCCCCC !important;
} 
/*-- End Left Content  HOMEPAGE--*/


/*-- Left Content TEMPLATE --*/
#breadcrumb {
	float:left; clear:right;
	width:600px;
	font-size: 69%;
	margin:0; padding:0 0 25px 0;
	color: #666;
}

#breadcrumb a {
	color: #254b9a;
	text-decoration:underline;
}

#breadcrumb a:hover {
	color: #666;
	text-decoration:underline;
}

h2.mainTitle {
	display:block;
	color:#3461AF;
	font-size:125%;
	font-weight:normal;
	margin:0 0 25px 0; padding:0;
}

#templateContent{
	width:600px;
	padding:10px 40px 0 25px;
	border:0px solid #00FF00;
	float:left;
}

#templateContent p { 
	display:block; clear:both;
	margin:15px 0 5px 0; padding:0;
	line-height:125%;
}

#templateContent p.successStories { width: 75%; }
#templateContent .butRight{ padding-right:150px;}

.thumbnailProduct{
	margin: 0 15px 5px 0;
	float:left;
}

.productList{
float:left;
width:600px;
padding:10px 0;
}

.productList a {
color:#990000;
font-weight: bold;
text-decoration:underline;
}

.productList a:hover { color:#b5575e; }

/*-- Right Content --*/
#rightContent{
	width:300px;
	float:left;
	background-color:#fefefd;
}

#storyContent h2 { 
	display:block;
	text-indent:-1000em;
	height:20px;
	margin:0 0 10px 0; padding:0;
	width: 100%;
}

#storyContent p{
	margin:0; padding:20px 28px 10px 28px;
	float:left;
	line-height:125%;
}

#storyContent a {
	font-weight:bold;
}

#storyContent{
	display:block;
	width:300px; 
	background: transparent url(../images/background/back_activites.gif) no-repeat left top;

	/*****add by vivi 02/07/2010****/
	height:185px;
	overflow:hidden;
	/**min-height:160px;**/
}

/**.home #storyContent { min-height:233px }**/

.butRight{ float:right; padding-right:30px; }
.buttons{ width:300px; float:left; }

.thumbnail{
padding:20px 20px 10px 0;
float:left;
}

#news{
	margin-top:-1px;
	width:300px;
	min-height:130px;
	background:url(../images/background/back_news.gif) top no-repeat;
}

#news h4{
	padding:0 0 0 27px; margin:0;
	line-height:1.2em;
	font-weight:bold; 
}

#news p{
	padding:0 20px 0 27px;
	margin:0;
	line-height:1.2em;
}

#news a{
	color:#990000;
	font-weight: bold;
	text-decoration:underline;
}

#news a:hover{ color:#b5575e; }

#rightContent ul {
	margin:0; padding:0;
	list-style-type:none;
}

#rh_stLL, #rh_stRP, #rh_cLog, #rh_ltoV a, #rh_jtFN a {
	margin:0; padding:0;
}

#rh_stLL a, #rh_stRP a, #rh_cLog a, #rh_ltoV a, #rh_jtFN a {
	display:block; position:relative;
}

#rh_stLL a { width:300px; height:110px; }
#rh_stRP a, #rh_cLog a, #rh_ltoV a, #rh_jtFN a { width:300px; height:48px; }

#rh_stLL a span, #rh_stRP a span, #rh_cLog a span, #rh_ltoV a span, #rh_jtFN a span {
	position:absolute;
	width:100%; height:100%;
}

#rh_stLL a span { background: transparent url(../images/buttons/but_livestock.gif) no-repeat left top } 
#rh_stRP a span { background: transparent url(../images/buttons/but_subscribe.gif) no-repeat left top } 
#rh_cLog a span { background: transparent url(../images/buttons/but_centric.gif) no-repeat left top } 
#rh_ltoV a span { background: transparent url(../images/buttons/but_videos.gif) no-repeat left top } 
#rh_jtFN a span { background: transparent url(../images/buttons/but_forum.gif) no-repeat left top }

/***Edit By vivi 02/07/2010****/

#rh_PGT, #rh_BSC, #rh_DNA, #rh_PP, #rh_LL{
	margin:0; padding:0;
	cursor:pointer;
}

#rh_PGT a, #rh_BSC a, #rh_DNA a, #rh_PP a, #rh_LL a {
	display:block; position:relative;
}

#rh_PGT a { width:300px; height:50px; }

#rh_BSC a, #rh_DNA a, #rh_LL a { width:300px; height:49px; }
#rh_PP a   { width:300px; height:50px; }

#rh_PGT a span, #rh_BSC a span, #rh_DNA a span, #rh_PP a span, #rh_LL a span {
	position:absolute;
	width:100%; height:100%;
	cursor:pointer;
}

#rh_PGT a span { background: transparent url(../images/but_polledtest.gif) no-repeat left top } 
#rh_BSC a span {  background: transparent url(../images/but_beefspecs.gif) no-repeat left top } 
#rh_DNA a span { background: transparent url(../images/but_DNAmarker.gif) no-repeat left top } 
#rh_PP a span { background: transparent url(../images/but_reproductive.gif) no-repeat left top } 
#rh_LL a span { background: transparent url(../images/but_livestocklib.gif) no-repeat left top }



/*****************************/

#quickLinks{
	width:300px;
	min-height:200px;
	float:left;
	background:url(../images/background/back_quick.gif) no-repeat;
}

#rightContent #quickLinks ul { 
	margin:0; padding: 0 0 0 17px; 
}

#quickLinks ul li{
	background: transparent url(../images/dot.gif) no-repeat 0 3px;
	padding-left: 12px;
	line-height:1.2em;
	padding:3px 12px;
}

#quickLinks a{ text-decoration:underline; color:#333; }

#quickLinks a:hover{ color:#999; }

/*-- End Right Content --*/

/*-- Footer --*/
#footer {
	float:left;
	width:965px;
	background:url(../images/background/back_footer.jpg) top no-repeat;
	padding-top:110px;
	font-size:63%;
	color:#666;
}

#footerLinks {
	float:left;
	width:820px;
	margin-left:10px;
}

#footerLinks ul { padding: 0; margin: 0; }

#footerLinks ul li {
background:none;
display: inline;
border-right: 1px solid #999;
padding: 0 2px 0 0px;
}

#footerLinks ul li a {
color: #666;
}

#footerLinks ul li a:hover {
text-decoration: underline;
color:#999;
}

#footerLinks ul li a.lastItem {
border: none;
}

.logoFooter {
float:left;
}

/*-- End Top Footer --*/

.videoFeature{
margin-top:20px;
width:591px;
background:#faf9f2;
float:left;
border:0px solid #CC3300;
}

.videoBox{
width:155px;
float:left;
padding:15px 20px;
border:0px solid #CC3300;
}

.videoBox a {
color:#990000;
font-weight: bold;
text-decoration:underline;
}

.videoBox a:hover {
color:#b5575e;
}

	/*  navigation styles added on 23-Jul-2010 */


.nav-bar{
	 
}
.nav-bar:after{
	display: block;
	clear: both;
	content: " ";
}
.nav-bar a{
	color: #fff;
	/*font-size: 13px;*/
	/*font-weight: bold; */
	letter-spacing: 0px;
}
.nav-bar em{
	display: block;
	height: 13px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}


#nav{
	float: left;
	position: relative;
	padding: 0px 0 0 0px;
	list-style: none;
	margin: 0;  
}
#nav li{
	float: left;
	
	/* padding-right: 1px; */
}
#nav li ul{
	z-index: 100;
}
#nav li:hover,
#nav li.hover{
	position: relative;
}
#nav a{
	float: left;
}
#nav a:hover,
#nav li:hover a,
#nav li.hover a{
	/*color: #96d2ea;  */
	background: url(/images/background/bg-nav.gif) no-repeat;
	text-decoration: none;
}
#nav .active a{
	/*color: #96d2ea; */
}
#nav span{
	float: left;
/*	padding: 6px 16px 8px;*/
	cursor: pointer;
}
#nav a:hover span,
#nav li:hover span,
#nav li.hover span{
	 background: url(/images/background/bg-nav-r.gif) no-repeat 100% 0;
}


#nav span span{
	height: 35px;
	overflow: hidden;
	padding: 0;
	background: none !important;
}
#nav ul{
	padding: 0px 3px 3px 2px;
	list-style: none;
	margin: 0;
	position: absolute;
	top: 35px;
	left:-999em;
	width: 186px;
	background: #740E19; /*#0091d1;*/
	/*display: none;*/
}

#nav ul ul {
	/*margin: -31px 0 0 158px;*/
	margin: 0px 0 0 158px;
}

#nav li:hover ul ul, #nav li.hover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.hover ul, #nav li li.hover ul { /* lists nested under hovered list items */
    padding: 0px 0px 0px 0px;
		left: 0;
}

#nav ul li{
	/*padding: 1px 11px 4px;*/
	padding: 0px 0px 0px 0px;
	float: none;
 	height: 1%;
	vertical-align: top;
}
#nav ul li:first-child{ /*background: none;*/ }

#nav ul a,
#nav .active ul a,
#nav li:hover ul a,
#nav li.hover ul a{

background-color:#740E19;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;    
/*color:#d9ebf3; */
display:block;
/*font-family:Helvetica,Arial,Verdana,sans-serif;  */
font-size:11px;
padding:4px;
text-decoration:none; 
width: 186px;

}

 
#nav ul a:hover,
#nav .active ul a:hover,
#nav li:hover ul a:hover,
#nav li.hover ul a:hover{
background-color:#9D1320;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;  
color:#FFFFFF;
display:block;
/*font-family:Helvetica,Arial,Verdana,sans-serif;*/
font-size:11px;
padding:4px;
text-decoration:none;  
width: 186px;
 
}



#nav em{
	height: 35px;
}



.nav-aboutus{
	background: url(/images/but_aboutus_off.gif) no-repeat;
  width: 111px;     
}

.nav-aboutus:hover{
	background: url(/images/but_aboutus_on.gif) no-repeat;
  width: 111px;     
}


.nav-research{
	background: url(/images/but_overview_off.gif) no-repeat;
	width: 175px; 
}

.nav-research:hover{
	background: url(/images/but_overview_on.gif) no-repeat;
	width: 175px; 
}

.nav-products{
	background: url(/images/but_products_off.gif) no-repeat;
  width: 108px;
}

.nav-products:hover{
	background: url(/images/but_products_on.gif) no-repeat;
  width: 108px;
}

.nav-publications{
	background: url(/images/but_media_off.gif) no-repeat; 
	width: 184px; 
}

.nav-publications:hover{
	background: url(/images/but_media_on.gif) no-repeat; 
	width: 184px; 
}

.nav-education{
	background: url(/images/but_education_off.gif) no-repeat;
   width: 172px;
}

.nav-education:hover{
	background: url(/images/but_education_on.gif) no-repeat;
   width: 172px;
}

.nav-subcribe{
	background: url(/images/but_subscribe_off.gif) no-repeat;  
	width: 110px; 
}

.nav-subcribe:hover{
	background: url(/images/but_subscribe_on.gif) no-repeat;  
	width: 110px; 
}

 .nav-contact{
	background: url(/images/but_contact_off.gif) no-repeat; 
  width: 105px;
}

 .nav-contact:hover{
	background: url(/images/but_contact_on.gif) no-repeat; 
  width: 105px;
}