body {
background-image:url('../gfx/main/bg.gif');
background-color: #080808;
padding: 0px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

body, p, td { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
line-height: 18px;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 16px; 
font-weight: bold;
color: #000000;
line-height: 18px;
display: inline;
} 

td.box {
font-family: Arial, Helvetica, sans-serif;
padding: 10px;
background: #BE6B00;
font-size: 12px; 
font-weight: bold;
color: #FFFFFF;
} 

td.box2 {
font-family: Arial, Helvetica, sans-serif;
padding: 10px;
background: #CCCCCC;
font-size: 12px; 
font-weight: normal;
color: #000000;
} 

td.callback {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 15px; 
font-weight: bold;
color: #FFFFFF;
line-height: 18px;
} 


td.news { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: normal;
color: #CCCCCC;
line-height: 20px;
}


td.footer { 
font-family: Arial, Helvetica, sans-serif;
padding: 20px;
font-size: 11px; 
color: #999999;
text-align: center;
}

td.sub { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold; 
color: #FFFFFF;
}

td.sub2 { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal; 
color: #FFFFFF;
}

td.sub3 { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold; 
color: #000000;
}

td.title { 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold; 
color: #FFFFFF;
}

A {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold; 
text-decoration: underline;
color: #000000;
line-height: 20px;
} 

A:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold; 
text-decoration: underline;
color: #333333;
line-height: 20px;
}

A:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold; 
text-decoration: underline;
color: #333333;
line-height: 20px;
}


A.left {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold;
text-decoration: underline;
color: #FFFFFF;
line-height: 20px;
} 

A:hover.left {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
line-height: 20px;
}

A:active.left {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
line-height: 20px;
}



A.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: normal;
text-decoration: none;
color: #999999;
background-color: transparent;
border-color: #999999;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
line-height: 18px;
} 

A:hover.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
border-color: #FFFFFF;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: 0px;
line-height: 18px;
}

A:active.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
border-color: #FFFFFF;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: 0px;
line-height: 18px;
}

form {
display: inline;
}

.input {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  background-color: #CCCCCC;
  vertical-align: middle;
  width: 220px;
  height: 24px;
  line-height: 12px;
  padding: 6px;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  color: #000000;
}

.formfield {
margin: 0 0 0 0;
width: 150px;
border: 1px solid #000000;
background-color: #FFFFFF;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
padding: 0px;
height: 22px;
line-height: 18px;
resize:none;
}

.formfield2 {
margin: 0 0 0 0;
width: 150px;
height: 80px;
border: 1px solid #000000;
background-color: #FFFFFF;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
padding: 0px;
line-height: 18px;
resize:none;
}

.formfield3 {
margin: 0 0 0 0;
width: 275px;
border: 1px solid #333333;
background-color: #FFFFFF;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
padding: 0px;
height: 22px;
line-height: 18px;
resize:none;
}

.formfield4 {
margin: 0 0 0 0;
width: 275px;
height: 200px;
border: 1px solid #333333;
background-color: #FFFFFF;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
padding: 0px;
line-height: 18px;
resize:none;
}

.mypets{
cursor: hand;
cursor: pointer;
padding: 10px 10px;
border: 0px;
background: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
line-height: 18px;
}

.openpet{ 
background: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold;
text-decoration: underline;
cursor: hand;
cursor: pointer;
color: #FFFFFF;
line-height: 18px;
}

#pscroller1{
width: 255px;
height: 215px;
border: 0px;
padding: 0px;
background-color: transparent;
}

.newsttl{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

.newsbody{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: normal;
text-decoration: none;
color: #CCCCCC;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #000000;
visibility: hidden;
z-index: 1012;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold; 
color: #FFFFFF;
line-height: 18px;
padding: 10px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid grey;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 1em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #FFFFFF; background-color: #999999; font-weight: bold; border-bottom: none; padding: 1em; text-decoration: none; }
ul#tabs li a:hover { background-color: #666666; }
ul#tabs li a.selected { color: #FFFFFF; background-color: #666666; font-weight: bold; padding: 1em; }
div.tabContent { color: #FFFFFF; padding: 0 0 0 0; background-color: #CCCCCC; }
div.tabContent.hide { display: none; }