@charset "UTF-8";

body  {

	margin: 0;

	padding: 0;

	text-align: center;

	color: #333333;

	font-family: Tahoma, Arial, sans-serif;

	background-image: url(backgrounds/lime_bk.jpg);

	background-repeat: repeat;

}

a:link, a:visited {

	text-decoration: underline;

	font-weight: normal;

	color: #333;

	outline: none;

}



a:hover {

	text-decoration: none;

	font-weight: normal;

	color: #333;

}



p {

	font: 13px Tahoma, Arial, sans-serif;

	

}





.FormText {font: 13px Tahoma, Arial, sans-serif;}

h1 {

	padding: 0;

	font-family: Tahoma, Arial, sans-serif;

	font-size: 25px;

	font-weight: bold;

	vertical-align: bottom;

	color: #444444;

	text-align: left;

	width: 100%;

}



#menu a {

	font-family: Tahoma, Arial, sans-serif;

	font-size: 14px;

	float: left;

	display: block;

	line-height: 30px;

	padding: 0 8px;

	color: #ffffff;

	text-decoration: none;

	font-weight: normal;

}



#menu li a:hover {

	color: #ffffff;}



.chiwow #container {

	width: 46em;

	text-align: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 20px;	

} 



.chiwow #header {

	background-image: url(images/header.png);

	background-repeat: no-repeat;

	height: 169px;

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 0;

	padding-left: 10px;

} 



.chiwow #menu {

	

	background-image: url(images/tp_menu.png);

	background-repeat: no-repeat;

	height: 33px;

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 0;

	padding-left: 10px;

} 



.chiwow #content {

	width: 739px;

	margin: 0 auto;

	text-align: left;

	background-image: url(images/container_bk.png);

	background-repeat: repeat-y;

	background-position: top;

} 



#sidebar1 ul {

	list-style-image: url(images/bullet_2.jpg);

	list-style-type: none;

}



#sidebar1 li a#active_menu-nav {

	color: #eedd4f;

}



#sidebar1 li a {

	font-family: Verdana, Tahoma, sans-serif;

	font-size: 14px;

	color: #333333;

	text-decoration: none;

	font-weight: normal;

}



#sidebar1 li a:hover {

	color: #999999;

}





.chiwow #sidebar1 {

	float: right; 

	width: 12em; 

	padding: 15px 0; 

}

.chiwow #sidebar1 h3, .chiwow #sidebar1 p {

	margin-left: 10px; 

	margin-right: 10px;

}



.chiwow #mainContent {

  	margin: 0 13em 0 10px; 

} 

.chiwow #mainContent2 {

	margin-top: 0;

	margin-right: 10px;

	margin-bottom: 0;

	margin-left: 10px;

} 

.chiwow #topContent {

	margin-top: 0;

	margin-right: 10px;

	margin-bottom: 0;

	margin-left: 10px;} 

	

.chiwow #footer {

	padding: 0 10px;

	background-image: url(images/footer.png);

	background-repeat: no-repeat;

	height: 75px;

	background-position: top;

} 

.chiwow #footer p {

	margin: 0; 

	padding: 10px 0; 

	font-family: Tahoma, Arial, sans-serif;

	font-size: 10px;

	

}



.small {

	font-size: 10px;

	color: #333;

	font-weight: normal;

	line-height: normal;

}

.small a {

	font-size: 10px;

	color: #333;

	font-weight: normal;

	text-align: center;

	line-height: normal;

}	

	

	

a:link, a:visited {

	text-decoration: underline;

	font-weight: normal;

	color: #333;

	outline: none;

}



a:hover {

	text-decoration: none;

	font-weight: normal;

	color: #333;

}

.RedText {

	color: #FF0000;

	

}







h1 {

	padding: 0;

	font-family: Tahoma, Arial, sans-serif;

	font-size: 20px;

	font-weight: bold;

	vertical-align: bottom;

	color: #000000;

	text-align: left;

	width: 100%;

		

}



h2 {

	padding: 0;

	font-family: Tahoma, Arial, sans-serif;

	font-size: 18px;

	vertical-align: middle;

	color: #333333;

	text-align: left;

	font-weight: bold;

		

}





h4 {

	font-family: Tahoma, Arial, sans-serif;

	color: #333;

		

}



h3 {

	margin: 0;

	font-family: Tahoma, Arial, sans-serif;

	font-size: 14px;

	text-align: left;

	color: #222222;

	padding: 0;

	font-weight: bold;

	text-decoration: overline;

}



hr {

	border: none 0;

	border-top: 1px dashed #000000;/*the border*/

	width: 100%;

	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/

	text-align: center;

}



.white a {color: #FFFFFF}

.pedigree {font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

color: #333333;}

	

.pedigreeCHAMPION {color: #bb3a24}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }



#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }



#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover {

	background-image: url(../../scripts/images/prevlabel.gif);

	background-repeat: no-repeat;

	background-position: left 15%;

}

#nextLink:hover, #nextLink:visited:hover { background: url(../../scripts/images/nextlabel.gif) right 15% no-repeat; }



#imageDataContainer{ font: 10px Tahoma, Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	



#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* ######### Default class for drop down menus ######### */



.anylinkmenu{

position: absolute;

left: 0;

top: 0;

visibility: hidden;

border: 0px solid black;

border-bottom-width: 0;

font: normal 9px Verdana;

line-height: 12px;

z-index: 100; /* zIndex should be greater than that of shadow's below */

background: white;

width: 125px; /* default width for menu */

/* for IE */

  filter:alpha(opacity=90);

  /* CSS3 standard */

  opacity:0.9;

}



.anylinkmenu ul{

margin: 0;

padding: 0;

list-style-type: none;

}



.anylinkmenu ul li a{

width: 100%;

display: block;

text-indent: 3px;

border-bottom: 1px solid black;

padding: 2px 0;

text-decoration: none;

font-weight: bold;

text-indent: 5px;

}



.anylinkmenu a:hover{ /*hover background color*/

background: black;

color: white;

}



/* ######### Alternate multi-column class for drop down menus ######### */





.anylinkmenucols{

position: absolute;

width: 350px;

left: 0;

top: 0;

visibility: hidden;

border: 1px solid black;

padding: 10px;

font: normal 12px Tahoma, Arial, sans-serif;

z-index: 100; /*zIndex should be greater than that of shadow's below*/

background: #E9E9E9;

}



.anylinkmenucols li{

padding-bottom: 3px;

}



.anylinkmenucols .column{

float: left;

padding: 3px 8px;

margin-right: 5px;

background: #E0E0E0;

}



.anylinkmenucols .column ul{

margin: 0;

padding: 0;

list-style-type: none;

}







/* ######### class for shadow DIV ######### */





.anylinkshadow{ /*CSS for shadow. Keep this as is */

position: absolute;

left: 0;

top: 0;

z-index: 99; /*zIndex for shadow*/

background: black;

visibility: hidden;

}