A:link
{
 text-decoration: underline;
 color:#990000;
}

A:link:hover
{
 color: #000044;
}

A:visited
{
 text-decoration: underline;
 color:#000000;
}

A:visited:hover
{
 color: #000044;
}

.container
{
 border: 1px solid #333333;
 width: 830px;
 background-color: #660000;
 padding: 0px;
}

BODY
{ 
background-image: url('http://www.thehealthmutt.com/images/paw_bkg_1.jpg');
 color: #990000;
 font-family: verdana, arial;
 font-size: 10px;
} 

INPUT 
{
 background: #cccccc; 
 border-color: #990000;
 border-style: solid;
 border-width: 1px;
 color: #990000;
 font-size: 12px;
}

SELECT
{
 background: #cccccc; 
 border-color: #990000;
 color: #000000;
 font-size: 12px;
}

TEXTAREA
{
 background: #cccccc; 
 border-color: #990000;
 border-style: solid;
 border-width: 1px;
 color: #000000;
 font-size: 12px;
}

.button
{
 border: outset 2px #990000;
 color: #990000;
 font-weight: bold;
 background-color: #cccccc;
}

P
{
 font: 10px verdana;
}

TABLE                                           /* right hand nav extras */
{
 font: 12px verdana;
}

H2
{
 font-size: 18px;
 font-weight: normal;
}

.incomplete
{
 background-color: #cccccc;
 color: #000000;
}

.required
{
 border-color: #990000;
}

.nav
{
 font-size: 12px;
}

.suggest
{
 font-size: 12px;
 border-style: solid;
 border-width: 1px;
 border-color: #990000;
}

.link
{
 padding: 10px;
 font-size: 12px;
 text-align: left;
 border-bottom-width: 1px; 
 border-bottom-style: dotted; 
 border-bottom-color: #990000;
 background-color: #cccccc;
}

.category
{
 padding: 8px;
 font-size: 12px;
 text-align: left;
 border-width: 1px;
 border-style: solid dotted solid dotted; 
 border-color: #990000;
}

.commentposter
{
 font-size: 10px;
 background-color: #cccccc;
 border-style: outset;
 border-width: 2px;
 border-color: #990000;
}

.comment
{
 padding: 5px;
 font-size: 10px;
 background-color: #cccccc;
 border-style: solid;
 border-width: 2px;
 border-color: #990000;
}

.commentposteralternate
{
 font-size: 10px;
 background-color: #cccccc;
 border-style: outset;
 border-width: 2px;
 border-color: #990000;
}

.commentalternate
{
 padding: 5px;
 font-size: 10px;
 background: #cccccc;
 border-style: solid;
 border-width: 2px;
 border-color: #990000;
}

.commentdate
{
 font-size: 9px;
 font-style: italic;
}

.details
{
 padding: 10px;
 margin: 10px;
 font-size: 10px;
 background: #cccccc;
 border-style: solid;
 border-width: 1px;
 border-color: #990000;
}

.detailsborder
{
 font-size: 10px;
 border-style: solid;
 border-width: 1px;
 border-color: #990000;
}

.labels
{
 font-weight: bold;
}

.grouping
{
 border-style: inset;
 border-width: 1px;
 border-color: #990000;
 padding: 5px;
 margin: 5px;
}

.important
{
 font-weight: bold;
}

.columnheader
{

}

.highlighttext
{
 background-color: yellow;
 font-weight: bold;
}

.labelscolumn
{
 width: 25%;
 background-color: #cccccc;
 border-style: solid;
 border-width: 1px;
 border-color: #990000;
 vertical-align: top;
 padding: 5px;
}

.optionscolumn
{
 width: 75%;
 background-color: #cccccc;
 border-style: solid;
 border-width: 1px;
 border-color: #990000;
 vertical-align: top;
 padding: 5px;
}

.evencolumns
{
 background-color: #cccccc;
}

.oddcolumns
{
 background-color: #cccccc;
}

.categoryname
{
 font-weight: bold;
}

.info
{
 display: block;
 color: #000000;
 border: solid 1px #990000;
 background-color: #cccccc;
 padding: 5px;
}

.editedby
{
 font-size: 8px;
}

.searchhighlight
{
 background-color: yellow;
}

.modified
{
 color:#668866;
}

.title
{
 font-size: 12px;
 padding: 3px;
 font-weight: bold;
 text-align: center;
 color: #990000;
}

.newpmhighlight
{
 font-weight: bold;
}

.quote
{
 text-align: left;
 padding: 2px;
 border-color: #990000;
 border-style: solid;
 border-width: 1px;
 margin: 3px;
}

.quoteby
{
 font-size: 10px;
}

.posthistory
{
 border: 1px; 
 background-color: #cccccc;
 border-color: #990000;
 overflow: auto;
 width: 100%;
 height: 300px;
}

.historyposter
{
 border: 2px; 
 border-style: inset;
 border-color: #990000;
}

.historypost
{
 border: 2px; 
 border-style: inset;
 border-color: #990000;
}

.deletions
{
 width: 50%;
 background: #cccccc;
 padding: 5px;
 color: #000000;
 border-color: #990000;
 border-style: dotted;
 border-width: 1px;
 margin: 0 auto;
 text-align: center;
}

.homenav
{
 display: block;
 border: 1px solid #990000;
 background-color: #cccccc; 
 color: #55555a;
 padding: 2px;
 margin: 5px;
 text-decoration: none;
}

.homenav:hover
{
 display: block;
 border: 1px solid #990000;
 background-color: #cccccc;
 color: #222;
 padding: 2px;
 margin: 5px;
 text-decoration: none;
}

.modcpnav
{
 display: block;
 border: 1px solid #990000;
 background-color: #cccccc; 
 color: #55555a;
 padding: 2px;
 margin: 5px;
 text-decoration: none;
}

.modcpnav:hover
{
 display: block;
 border: 1px solid #990000;
 background-color: #cccccc;
 color: #222;
 padding: 2px;
 margin: 5px;
 text-decoration: none;
}

.code
{
 text-align: left;
 font-family: monospace;
 font-size: 10px;
 background: #cccccc;
 padding: 2px;
 border-color: #990000;
 border-style: solid;
 border-width: 1px;
 margin: 10px;
 overflow: auto;
}

.areaheader
{
 background-color: #cccccc;
}

.areafooter
{
 background-color: #cccccc;
}

.imtextself
{
 color: #006600;
}

.imtextother
{
 color: #000088;
}

.invisibleuser
{
 color: #999999;
}

.admincolor
{
 color: #8899FF;
 font-weight: bold;
}

.modcolor
{
 color: #AA3333;
}

.sponsorcolor
{
 color: #11BB33;
}

.bannedcolor
{
 color: #777777;
}

.rteImage 
{
 background: #D3D3D3;
 border: 1px solid #990000;
 cursor: pointer;
}

.rteImageRaised, .rteImage:hover 
{
 background: #D3D3D3;
 border: 1px outset;
 cursor: pointer;
}

.rteImageLowered, .rteImage:active 
{
 background: #D3D3D3;
 border: 1px inset;
 cursor: pointer;
}

.rteVertSep 
{
 margin: 0 4px 0 4px;
}

.rteBack 
{
 background: #D3D3D3;
 border: 1px outset;
 letter-spacing: 0;
 padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td 
{
 background: #D3D3D3;
 padding: 0;
}

.rteDiv 
{
 display: block;
 position: relative;
}

.legend
{
 padding: 10px;
 margin: 10px;
 font-size: 10px;
 text-align: left
 border-style: solid;
 border-width: 1px;
 border-color: #990000;
 width: 250px;
}

.mutualbuddy
{
 font-weight: bold;
}

.smiliebox
{
 border-style: dotted;
 border-width: 1px;
 background-color: #DFDFDF;
 border-color: #990000;
 padding: 10px;
 text-align: left;
 width: 140px;
}

.adbanner
{
 width: 800px;
 vertical-align: top;
align: center;
}

.topmenu
{
width: 800px;
 border: 1px solid #990000;
 background-color: #CCCCCC;
 vertical-align: top;
align: center;
 margin-top: 6px;
 padding: 2px;
}

.topmenu a:link, .topmenu a:visited, .topmenu a:active
{
 text-transform: uppercase;
 text-decoration:none;
 background-color: #CCCCCC;
 padding: 0px;
 margin-top: 6px;
 text-decoration: none;
 color: #333333;
}

.topmenu a:hover 
{
background-image: url('http://www.thehealthmutt.com/images/yellow_hover.jpg');
 border-left: 0px #990000 solid;
 border-right: 0px #990000 solid;
 text-decoration: none;
 padding: 0px;
 margin-top: 6px;
 color: #000000;
}

.topmenu1
{
width: 600px;
 border: 1px solid #990000;
 background-color: #cccccc;
 vertical-align: center;
 margin-top: 6px;
 padding: 0px;
}

.linktools
{
 font-size: 10px;
 color: #888888;
}

.linktools a
{
 text-decoration: none;
 color: #888888;
}

.subcatsmainpage
{
 font-size: 10px;
 margin: 0px;
 padding: 3px;
}

.login
{
 font-size: 10px;
 background-color: #cccccc;
 border-color: #990000;
 border-style: solid;
 border-width: 1px;
 float: right;
 padding: 5px;
}

.sort
{
 text-align: center;
 border-width: 1px;
 border-style: solid none solid none;
 border-color: #990000;
 padding: 3px;
 margin: 5px;
}

.box           /* right nav boxes */
{
 background-color: #ccccc; 
 margin-bottom: 10px;
 text-align: left
}

.boxtitle
{
 background-color: #990000;
 cursor: pointer;
 font-weight: bold;
 color: #FFFFFF;
 text-align: left
}

.boxbody
{
 padding: 5px;
}

.newlinks
{
}

.bullet
{
 vertical-align: middle;
}

.minilabels
{
 font-style: italic;
}

.tableheader
{
 background-color: #990000;
 border-style: solid;
 border-width: 1px;
 border-color: #990000;
 color: #FFFFFF;
 padding-left: 5px;
}

.month 
{
 border-style: none;
 background-color: #E4E4E4;
 text-align: center;
 width: 90%;
}

.monthname 
{
 text-align: center;
 font-size: 12x;
 font-weight: bold;
 background-color: #DADADA;
 color: #5D5D5D;
 border-style: outset;
 border-width:1px
}

.dayname td 
{
 text-align: center;
 font-size: 12px;
 font-weight: bold;
 background-color: #3E97CF;
 color: #FFFFFF;
 border-style: outset;
 border-width:1px
}

.datepicker { }

.datepickerform {	margin: 0px; }

.monthnavigation { font-family: Tahoma, Arial, sans-serif; }

.monthpicker 
{
 font-size: 11px;
 background-color: #EEEEEE;
}

.yearpicker 
{
 font-size: 11px;
 background-color: #EEEEEE;
}

.pickerbutton 
{
 font-size: 11px;
 background-color: #EEEEEE;
 border-style: solid;
 border-color: #990000;
 border-width: 1px;
}

.nomonthday 
{
 text-align: center;
 font-size: 12px;
 height: 60px;
 width: 10%;
 color: #AAAAAA;
 vertical-align: top;
}

.monthday 
{
 text-align: center;
 font-size: 12px;
 font-weight: bold;
 background-color: #E4E4E4;
 color: #384955;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.today 
{
 text-align: center;
 font-size: 12px;
 font-weight: bold;
 background-color: #BCC5C7;
 color: #FFFFFF;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.event 
{
 text-align: center;
 font-size: 10px;
 font-weight: bold;
 color: blue;
 background-color: #E9E9E9;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.event a 
{
 color: #113355;
}

.todayevent 
{
 text-align: center;
 font-size: 10px;
 font-weight: bold;
 color: red;
 background-color: #FFFF99;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.todayevent a 
{
 background-color: #FFFF99;
 color: red;
}

.eventcontent 
{
 font-size: 10px;
 border-style: outset;
 border-width: 1px;
 width: 100%;
}

.rules
{
 border-width: 2px;
 border-color: #990000;
 border-style: solid;
 background-color: #ffffff;
 padding: 5px;
 margin: 5px;
 font-size: 12px;
}

.flatbutton
{
 border-style: solid;
 background-color: #ffffff;
}

.threadbottom
{
 border-width: 0px;
 background-color: #ffffff;
}

/* Links, Gallery and KB only */

.main
{
 width: 800px;
horizontal-align: center;
 background-color: #cccccc;
 padding: 10px;
 margin: 5px;
 color: #990000;
 border-color: #990000;
 border-style: solid;
 border-width: 1px;
}

.footer {
 width: 800px;
 margin-top: 6px;
 clear: both; /* FIXED MAJOR LAYOUT ISSUE */
 border: 1px solid #333333;
 background-color: #CCCCCC;
 color: #333333;
 vertical-align: top;
 text-align: center;
 padding: 4px;
 padding-right: 15px;
 font-weight: bold;
 font-size: 10px;
 letter-spacing: 1px;
}

/* Links only */

.reciplink
{
 font-weight: bold;
}

.navbutton
{
 float: right;
 background: #FFFFFF;
 border: 1px solid #990000;
 padding: 4px;
 margin: 2px;
 font-size: 10px;
 text-decoration: none;
 text-align: center;
}

.navbutton a
{
 text-decoration: none;
 color: #990000;
 padding: 2px;
}

.navbutton a:hover
{
 color: #774444;
 text-decoration: underline;
 padding: 2px;
}