style.css 
/* This is where most of your formatting is.  Each section below corresponds to a section or style on a page.  Whatever you change on this page will affect EVERY page. */
 
body{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1.3;	
	margin-bottom: 20px; 
	padding: 0px;
	background-color:#ffffff;
	text-align: center;
}

a{
    color:#660099;
	text-decoration: underline;
	background-color:#ffffff;
} 
a:visited{
   color : #660099;
   text-decoration : underline;
   background-color:#ffffff;
}
a:hover{
   color: #9999FF;
   text-decoration : underline;
   background-color:#ffffff;
}
a:active{
   color : #660099;
   text-decoration : underline;
   background-color:#ffffff;
}

h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #660099;
 margin: 0px;
 padding: 20px 0px 20px 0px;
 background : #FFFFFF;
}

h2{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #660099;
 margin: 0px;
 padding: 0px;
 background : #FFFFFF;
}

h3{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #660099;
 margin: 0px;
 padding: 0px;
 background : #FFFFFF;
}

h4{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #660000;
 margin: 0px;
 padding: 0px;
 background : #FFFFFF;
}

/************** .sections are "class" sections. **************/
.caption {
	font-size: 11px;
	font-weight: bold;
}
.heading{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #660099;
font-weight: bold;
 }
/* For Internet Explorer */
hr {
width: auto; 
height:2px; 
text-align: center;
background-image:url(hr.jpg);
background-repeat:repeat-x;
} 


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
/************** #sections correspond to "div" sections **************/
#container{
	width:780px;
	max-width:780px;
	margin: 20px auto 20px auto;
	padding: 0;
    border: #000000 3px double; 
    position: relative; 
    text-align: left;
	background-color:#ffffff;
}
	
#header{
	background-color:#000000;
	width: 780px;
	max-width:780px;
	margin: 0;
	padding: 0;
}

/************* #footer styles ***************/

#footer{
	clear: both;
	height: auto;
	width: 780px;
	max-width:780px;
	font-size: 11px;
    font-weight : normal;
    font-family: Arial, Helvetica, sans-serif;
	color : #000000;
	background-color : #660099;
	padding: 10px 0px 10px 0px;
	margin: 0;
	text-align: center;
}

#footer a{
   font-size: 11px;
   font-weight : normal;
   font-family: Arial, Helvetica, sans-serif;
   color : #ffffff;
   text-decoration : none; 
   padding-right: 45px;
   background-color: #660099;
} 

#footer a.first{
  padding-left: 25px;
}

#footer a:visited{
   color : #ffffff;
   text-decoration : none;
   background-color: #660099;
}
#footer a:hover{
   color :#000000;
   text-decoration : none;
   background-color: #660099;
}
#footer a:active{
  color : #ffffff;
  text-decoration : none;
  background-color: #660099;
}

#copy {	
	clear: both;
	height: 40px;
	background-color:#000000;
	color: #ffffff;
	font-size: 10px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
  	padding-top: 25px;
	margin:0;
	width: 780px;
	max-width:780px;
	border-top: 1px solid #ffffff;
	text-align: center;
}


/************* #nav styles ***************/	
#stripe {
width: 780px;
max-width:780px; 
text-align: center; 
margin: 0; 
padding: 0;
border-top: 2px solid #ffffff;
background-color: #660099;

}

#stripe a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight: bold;
	background-color: #660099;
	color: #ffffff;
	text-decoration: none;
}

#hrnav {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 background-color: #660099;
 color: #ffffff;
 
}

#hrnav, #hrnav ul {
list-style-type: none; 
line-height: 1.25em; 
margin: 0; 
padding: 0;
background-color: #660099;
}

#hrnav a {
display: block; 
text-decoration: none;
background-color: #660099;
}

#hrnav li.last{
width: 100.5px;
float: left; 
padding: 5px 0;
background-color: #660099;
}
#hrnav li.first{
width: 80px;
float: left; 
padding: 5px 0;
background-color: #660099;
}
#hrnav li.short{
width: 56px;
float: left; 
padding: 5px 0;
background-color: #660099;
}
#hrnav li {
float: left; 
width: 97px; 
padding: 5px 0;
background-color: #660099;
}

#hrnav li ul {
position: absolute; 
background-color: #660099;
width:130px; 
left: -999em; 
font-size: inherit; 
text-align: center;
z-index: 100;
}

#hrnav li ul li {
width: 130px;
border: 1px solid white;
background-color: #660099; 
}

#hrnav a:hover {
color: #000000;
text-decoration: none;
background-color: #660099;
}

#hrnav li:hover ul, #hrnav li.sfhover ul {left: auto;background-color: #660099;}

/************** #page styles **************/

#page{
    float:left;
    width: 720px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left: 8px;
	padding: 10px 10px 40px 15px;
	background-color:#FFFFFF;
	overflow:hidden;
}
#page p.offset{
padding-left: 20px;
}
#page table{ 
border: outset 2px #330066; 
border-collapse: separate;
border-spacing: 1px;
empty-cells: show;
margin:20px 0px 22px 0px;
text-align: center; 
vertical-align:middle;
}
#page table td{ 
border: inset 1px #330066; 
padding: 3px; 
}

#page h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #660099;
 margin: 0px;
 padding: 20px 0px 20px 0px;
 background-color:#FFFFFF;
}
#page h2{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #660099;
 margin:0;
 padding-bottom: 10px;
 background-color:#FFFFFF;
}

#page h2.titles{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #660099;
 margin-left: 10px;
 padding: 10px;
 background-color:#FFFFFF;
} 
#page h3{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #000000;
 margin: 0px;
 padding: 0px;
 background-color:#FFFFFF;
}
#page h4{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #660000;
 margin: 0px;
 padding: 0px;
 background-color:#FFFFFF;
}
.style2{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #660000;
 margin: 0px;
 padding: 0px;
 background-color:#FFFFFF;
}
#page a{
    color:#660099;
	text-decoration: underline;
	background-color:#ffffff;
} 
#page a:visited{
   color : #660099;
   text-decoration : underline;
   background-color:#ffffff;
}
#page a:hover{
   color: #9999FF;
   text-decoration : underline;
   background-color:#ffffff;
}
#page a:active{
   color:#660099;
   text-decoration : underline;
   background-color:#ffffff;
}
#pageleft{
    float:left;
	width: 60%;
	padding: 0px 5% 5% 5%;
	margin: 0px;
	background-color:#FFFFFF;
	color: #000000;
}

#pageleft img{
 float: left;
 margin: 0px 10px 5px 0px;
 padding: 0px;
}

#pageleft ul {
	margin: 0;
	padding: 0;
	list-style:none;
	font-weight: bold;
}
#pageleft ul li {
	position: relative;
	margin-left: 20px;
	padding:0px 0px 15px 5px;
}
#pageleft ul li li {
	position: relative;
	margin-left: 20px;
	padding:0px 0px 5px 5px;
}
#page ol {
	margin-left: 10px;
	padding: 0;
	font-weight: bold;
	text-align: left;
	font-weight: normal;
}

#page ol li {
	position: relative;
	margin-left: 30px;
	padding:0px 0px 15px 5px;
}
#page ol.kongs {
	margin-left:30px;
	padding: 0;
	font-weight: bold;
	text-align: left;
	font-weight: normal;
}
#page ol li.kongs {
	position: relative;
	margin-left: 30px;
	padding:0px 0px 15px 5px;
}
#page ul {
	margin: 0;
	padding: 0;
	list-style:square;
	color:#660099;
}
#page ul li {
	position: relative;
	margin-left: 20px;
	padding:0px 0px 15px 5px;
	color:#000000;
}

#page ul.agility  {
	margin: 0;
	padding-top: 20px;
	list-style:square;
	text-align: left;
	font-weight: bold;
	color:#660099;
}
#page ul li.agility {
	position: relative;
	margin-left: 20px;
	padding:0px 0px 15px 5px;
}
#page ul.behavior  {
	position: relative;
	margin:0;
	padding:0;
	list-style:square;
	text-align: left;
	font-weight: bold;
	color:#660099;
}
#page ul li.behavior {
	position: relative;
	margin-left:40%;
	padding:0px 0px 15px 5px;
}
#page a.beh{
    color:#000000;
	text-decoration: none;
	background-color:#ffffff;
} 
#page a:visited.beh{
   color : #000000;
   text-decoration : none;
   background-color:#ffffff;
}
#page a:hover.beh{
   color: #9999FF;
   text-decoration : underline;
   background-color:#ffffff;
}
#page a:active.beh{
   color:#000000;
   text-decoration : none;
   background-color:#ffffff;
}

#page ul.treats  {
	margin-left:10px;
	padding:0;
	list-style:square;
	text-align: left;
	text-indent:10px;
	font-weight: bold;
	font-size: 16px;
	color:#000000;
}
#page ul li.treats {
	margin-left:15%;
	padding:0px 0px 15px 0px;
	font-weight: normal;
	font-size: 14px;
	text-indent: 0;
	color:#000000;
}
#page ol.inset  {
	margin-left:10px;
	padding:0;
	text-align: left;
	text-indent:10px;
	font-weight: bold;
	color:#660099;
}
#page ol li.inset {
	margin-top: 5px;
	padding:0px;
	font-weight: normal;
	text-indent: 0;
	color:#660099;
}

#links{
    position:relative;
	width: 400px;
	padding: 0px 5% 5% 5%;
	margin-left: 150px;
	background-color:#FFFFFF;
}
#links ul {
	margin: 0;
	padding: 0px 0px 20px 0px;
	list-style:square;
	color: #000000;
	font-weight: bold;
	font-size:16px;
}
#links ul li {
	position: relative;
	margin-left: 20px;
	padding:5px 0px 5px 5px;
	font-weight: normal;
	font-size:14px;
}
#page a.link{
    color:#660099;
	text-decoration: none;
	background-color:#ffffff;
} 
#page a:visited.link{
   color : #660099;
   text-decoration : none;
   background-color:#ffffff;
}
#page a:hover.link{
   color: #9999FF;
   text-decoration : underline;
   background-color:#ffffff;
}
#page a:active.link{
   color:#660099;
   text-decoration : none;
   background-color:#ffffff;
   }
.notice{
	font-size: 14px;
	font-weight: bold;
	color:#CC0000;
	font-family: Arial, Helvetica, sans-serif;
}
#box{
float:none;
width:575px;
line-height: 1.75em; 
background-color:#CC99FF;
border: double 2px #660099; 
padding: 7px 10px 7px 10px;
margin: 22px auto 25px auto; 
text-align: left;
}

/************** #sitemap styles **************/
#sitemap{
    width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.3;	
	margin: 10px;
	padding: 10px 20px 10px 40px;
	background-color:#FFFFFF;
}

#sitemap a{
    color: #000000; 
	text-decoration: none;
	background-color:#ffffff;
} 
#sitemap a:visited{
   color : #000000;
   background-color:#ffffff;
   text-decoration: none;
}
#sitemap a:hover{
   color :#CC0000;
   background-color:#ffffff;
   text-decoration: underline;
}
#sitemap a:active{
   color : #000000;
   background-color:#ffffff;
   text-decoration: none;
}

#sitemap a.txthead {
 font-size: 13px;
 font-weight: bold;
 color: #660000;
 margin: 0px;
 padding: 0px 0px 8px 0px;
 background-color:#FFFFFF;
 text-decoration: none;
}
#sitemap a:visited.txthead {
 color: #660000;
 background-color:#FFFFFF;
 text-decoration: none;
}
#sitemap a:hover.txthead {
 color: #cc0000;
 background-color:#FFFFFF;
 text-decoration: underline;
}
#sitemap a:active.txthead {
 color: #660000;
 background-color:#FFFFFF;
 text-decoration: none;
}
#sitemap a.issue {
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 padding: 5px 0px 5px 0px;
 background-color:#FFFFFF;
 text-decoration: none;
}
#sitemap ul {
	margin: 0px 0px 2px 15px;
	list-style: none;
	padding: 5px;
}
#sitemap ul li {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 2px 5px;
	list-style:square;
}

/************** Gallery **************/
#topleft {
  height: 20px;
  width: 20px;
  background-image: url("topleft.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #ffffff;
}

#top {
  height: 20px;
  background-image: url("top.jpg");
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #ffffff;
}

#topright {
  height: 20px;
  width: 20px;
  background-image: url("topright.jpg");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: #ffffff;
}

#left {
  width: 20px;
  background-image: url("left.jpg");
  background-repeat: repeat-y;
  background-position: right;
  background-color: #ffffff;
}

#center {
  background-color: #ffffff;
  width: 750px;
}

#right {
  width: 20px;
  background-image: url("right.jpg");
  background-repeat: repeat-y;
  background-position: left;
  background-color: #ffffff;
}

#bottomleft {
  height: 20px;
  width: 20px;
  background-image: url("bottomleft.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #ffffff;
}

#bottom {
  height: 20px;
  background-image: url("bottom.jpg");
  background-repeat: repeat-x;
  background-position: top;
  background-color: #ffffff;
}

#bottomright {
  height: 20px;
  width: 20px;
  background-image: url("bottomright.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #ffffff;
}