/* Global CSS Definitions for Pet Hope
 * ===========================================
 * Author: Gregory Segall
 * Date: 5 Jun 03
 */
 
/* Define tag styles */

BODY { font:11px/15px arial,helvetica,sans-serif; color:#555555 }
TD { font:11px/15px arial,helvetica,sans-serif; color:#555555 }
P { font:11px/15px arial,helvetica,sans-serif; color:#555555 }

A { text-decoration:none; color:#999966 }

A:link { color:#999966 }
A:visited { color:#999966 }
A:active { color:#999966 }
A:hover { color:#146666 }

/* Shared */

.bodyGreen { font:11px/15px arial,helvetica,sans-serif; color:#146666 }
A.bodyGreen:link { font:11px/15px arial,helvetica,sans-serif; color:#146666; text-decoration:none }
A.bodyGreen:visited { color:#146666 }
A.bodyGreen:active { color:#146666 }
A.bodyGreen:hover { color:#999966 }

.bodyBlue { font:11px/15px arial,helvetica,sans-serif; color:#000066 }
A.bodyBlue:link { font:11px/15px arial,helvetica,sans-serif; color:#000066; text-decoration:none }
A.bodyBlue:visited { color:#000066 }
A.bodyBlue:active { color:#000066 }
A.bodyBlue:hover { color:#999966 }

.bodyBlack { font:11px/15px arial,helvetica,sans-serif; color:#000000 }
A.bodyBlack:link { font:11px/15px arial,helvetica,sans-serif; color:#000000; text-decoration:none }
A.bodyBlack:visited { color:#000000 }
A.bodyBlack:active { color:#000000 }
A.bodyBlack:hover { color:#999966 }

.bodyRed { font:11px/15px arial,helvetica,sans-serif; color:#660000 }
A.bodyRed:link { font:11px/15px arial,helvetica,sans-serif; color:#660000; text-decoration:none }
A.bodyRed:visited { color:#660000 }
A.bodyRed:active { color:#660000 }
A.bodyRed:hover { color:#999966 }

.bodyGray { font:11px/15px arial,helvetica,sans-serif; color:#555555 }
A.bodyGray:link { font:11px/15px arial,helvetica,sans-serif; color:#555555; text-decoration:none }
A.bodyGray:visited { color:#555555 }
A.bodyGray:active { color:#555555 }
A.bodyGray:hover { color:#999966 }

.copyright { font:10px/15px arial,helvetica,sans-serif; color:#ffffff }
A.copyright:link { font:10px/15px arial,helvetica,sans-serif; color:#ffffff; text-decoration:none }
A.copyright:visited { color:#ffffff }
A.copyright:active { color:#ffffff }
A.copyright:hover { color:#c5de87 }

.footerTop { font:10px/15px arial,helvetica,sans-serif; color:#555555 }
A.footerTop:link { font:10px/15px arial,helvetica,sans-serif; color:#555555; text-decoration:none }
A.footerTop:visited { color:#555555 }
A.footerTop:active { color:#555555 }
A.footerTop:hover { color:#146666 }

.required { font:bold 15px/15px arial; color:#660000 }

/* Home */

.subTitleRed { font: 14px/15px arial,helvetica,sans-serif; color:#660000 }
.subTitleBlue { font: 14px/15px arial,helvetica,sans-serif; color:#000066 }
.subTitleGreen { font: 14px/15px arial,helvetica,sans-serif; color:#146666 }
.subTitleBeigeBd { font:bold 14px/15px arial,helvetica,sans-serif; color:#999966 }
.whatWeDoTitle { font:bold 12px/16px arial,helvetica,sans-serif; color:#146666 }
.whatWeDo { font:11px/15px arial,helvetica,sans-serif; color:#555555 }
A.whatWeDo:link { font:11px/15px arial,helvetica,sans-serif; color:#555555 }
A.whatWeDo:visited { color:#555555 }
A.whatWeDo:active { color:#555555 }
A.whatWeDo:hover { color:#146666 }

/* Portfolio */

A.portfolioSubmenu { text-decoration:none; color:#666666 }

A.portfolioSubmenu:link { color:#666666 }
A.portfolioSubmenu:visited { color:#666666 }
A.portfolioSubmenu:active { color:#666666 }
A.portfolioSubmenu:hover { color:#999966 }

.portfolioNumbers { font:11px/15px arial,helvetica,sans-serif; color:#000066; background: #f2f2e5; padding: 0px 4px 0px 4px; border:solid 1px #e0e0c2; }
A.portfolioNumbers:link { font:11px/15px arial,helvetica,sans-serif; color:#000066; background: #f2f2e5; padding: 0px 4px 0px 4px; border:solid 1px #e0e0c2; }
A.portfolioNumbers:visited { }
A.portfolioNumbers:active { }
A.portfolioNumbers:hover { color:#990000; border:solid 1px #990000; }

.portfolioSelected { background: #f2f2e5; padding: 4px 0px 4px 4px; margin: 4px 0px 4px 0px; }

/* Form styles */

input { font:normal 11px arial,helvetica,sans-serif; background:#ffffff; color:#333333; border-top:solid 1px #999999; border-left:solid 1px #999999; border-right:solid 1px #999999; border-bottom:solid 1px #999999; margin:0px; padding:1px; }

select { font:normal 11px arial,helvetica,sans-serif; background:#ffffff; color:#333333; width:200px; border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #999999; border-bottom:solid 1px #999999; margin:0px; padding:0px; }

textarea { font:normal 11px arial,helvetica,sans-serif; background:#ffffff; color:#333333; width:220px; border-top:solid 1px #999999; border-left:solid 1px #999999; border-right:solid 1px #999999; border-bottom:solid 1px #999999; margin:0px; padding:0px; }

input.text { background:#ffffff; width:200px; }
input.job { background:#ffffff; width:220px; }
input.noBorder { border:0px; background:transparent; margin:0px; padding:0px; }
input.radio { border:0px; background:transparent; }
input.image { border:0px; background:transparent; }
input.submit { font:normal 11px arial,helvetica,sans-serif; background:#ffffff; color:#555555; padding-top:2px; padding-left:3px; padding-right:3px; padding-bottom:2px; cursor:hand; }
input.reset { font:normal 11px arial,helvetica,sans-serif; background:#ffffff; color:#555555; padding-top:2px; padding-left:3px; padding-right:3px; padding-bottom:2px; cursor:hand; }

/* Define Form Pseudo-Classes */
input:focus { background:#eeeeee; color:#000066; }
input.text:focus { background:#eeeeee; color:#000066; }
select:focus { background:#eeeeee; color:#000066; }
textarea:focus { background:#eeeeee; color:#000066; }
input.submit:focus { background:#eeeeee; color:#000066; }