body {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}
td, input, form {font-family: tahoma; font-size: 11px; color: #444}

H1 {font-family: arial; font-size: 22px; font-weight: normal; color: #55; margin: 0px 0px 5px 0px; letter-spacing: 1px}
H2 {font-family: arial; font-size: 15px; font-weight: bold; color: #DEA802; margin-bottom: 5px}

UL {list-style-type: square; color: #373737; margin-top: 10px; margin-bottom: 10px; line-height: 14px}
LI {margin-bottom: 5px}

.dark {background-color: #B57F01}
.midtone {background-color: #DE9B00}
.light {background-color: #FFFAE2}

.mainTable {width: 770px; height: 100%}
.contents {vertical-align: top; padding: 5px; width: 430px}
.rightnav {width: 190px; padding: 5px 0px 5px 0px; vertical-align: top}
.header {font-weight: bold; color: white; background-color: #FFC900; padding: 3px; text-align: center; border-top: 1px solid #B57F01; border-bottom: 1px solid #B57F01; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=3, Color='#FFE574', Positive='true')}

.contentRight {padding: 5px 0px 5px 0px}
.button {float: left; border: 0px; margin: 0px 5px 0px 0px}

A:Link {font-family: tahoma, arial; font-size: 11px; color: #DE9B00; font-weight: normal; text-decoration: none}
A:Active {font-family: tahoma, arial; font-size: 11px; color: #DE9B00; font-weight: normal; text-decoration: none}
A:Visited {font-family: tahoma, arial; font-size: 11px; color: #DE9B00; font-weight: normal; text-decoration: none}
A:Hover {font-family: tahoma, arial; font-size: 11px; color: #f30; font-weight: normal; text-decoration: none}

A:Link.color02 {font-family: tahoma, arial; font-size: 11px; color: #f30; font-weight: normal; text-decoration: none}
A:Active.color02 {font-family: tahoma, arial; font-size: 11px; color: #f30; font-weight: normal; text-decoration: none}
A:Visited.color02 {font-family: tahoma, arial; font-size: 11px; color: #f30; font-weight: normal; text-decoration: none}
A:Hover.color02 {font-family: tahoma, arial; font-size: 11px; color: #f50; font-weight: normal; text-decoration: none}

A:Link.top {font-family: tahoma, arial; font-size: 11px; color: #fff; font-weight: normal; text-decoration: none; margin-left: 15px; margin-right: 15px}
A:Active.top {font-family: tahoma, arial; font-size: 11px; color: #fff; font-weight: normal; text-decoration: none; margin-left: 15px; margin-right: 15px}
A:Visited.top {font-family: tahoma, arial; font-size: 11px; color: #fff; font-weight: normal; text-decoration: none; margin-left: 15px; margin-right: 15px}
A:Hover.top {font-family: tahoma, arial; font-size: 11px; color: #fc0; font-weight: normal; text-decoration: none; margin-left: 15px; margin-right: 15px}

A:Link.white {font-family: tahoma, arial; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none}
A:Active.white {font-family: tahoma, arial; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none}
A:Visited.white {font-family: tahoma, arial; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none}
A:Hover.white {font-family: tahoma, arial; font-size: 11px; color: #fff; font-weight: bold; text-decoration: underline}

A:Link.bold {font-family: tahoma, arial; font-size: 11px; color: #DE9B00; font-weight: bold; text-decoration: none}
A:Active.bold {font-family: tahoma, arial; font-size: 11px; color: #DE9B00; font-weight: bold; text-decoration: none}
A:Visited.bold {font-family: tahoma, arial; font-size: 11px; color: #DE9B00; font-weight: bold; text-decoration: none}
A:Hover.bold {font-family: tahoma, arial; font-size: 11px; color: #f30; font-weight: bold; text-decoration: underline}

A:Link.footer {font-family: tahoma, arial; font-size: 11px; color: #999; font-weight: bold; text-decoration: none}
A:Active.footer {font-family: tahoma, arial; font-size: 11px; color: #999; font-weight: bold; text-decoration: none}
A:Visited.footer {font-family: tahoma, arial; font-size: 11px; color: #999; font-weight: bold; text-decoration: none}
A:Hover.footer {font-family: tahoma, arial; font-size: 11px; color: #666; font-weight: bold; text-decoration: none}
/* PULL QUOTE CSS */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
#content {
	width:770px;
}
#banner {
	width:770px;
	background:#1DBADB;
}
#logo {
	float:left;
	height:67px;
}
#logo .flag {
	float:right;
	margin:3px 5px 0 0;
}
#topNav {
	background:#0085AE;
	height:35px;
	padding:3px 0 0 0;
	float:left;
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#topNav .footer {
	height:13px;
	background:url(../images/banner-stripe.gif) top left repeat-x;
}
#leftNav {
	width:150px;
	float:left;
	background:#E2F7FC;
	clear:both;
	height:100%;
}
#leftNav ul {
	list-style:none;
	margin:6px 0 0 4px;
	padding:0;
}
#leftNav li {
	padding:0 0 3px 8px;
	background: url(../images/bullet01.gif) left center no-repeat;
	background-position: 0 .20em;
}
#leftNav p {
	margin:0 0 0 8px;
}
#international li.us {
	height:17px;
	padding-left: 13px;
	background: url(http://www.petafrance.com/images/flag-US.gif) left center no-repeat;
	background-position: 0 .18em;
	margin:0 0 5px 0;
}
#international li.spanish  {
	height:17px;
	padding:0 0 0 13px;
	background: url(http://www.petafrance.com/images/flag-mexico.gif) left center no-repeat;
	background-position: 0 .18em;
	margin:0 0 5px 0;
}
#international li.uk {
	height:17px;
	padding-left: 13px;
	background: url(http://www.peta.org/fp/flags/flag-UK.gif) left center no-repeat;
	background-position: 0 .18em;
	margin:0 0 5px 0;
}
#international li.india {
	height:17px;
	padding-left: 13px;
	background: url(http://www.peta.org/fp/flags/flag-IN.gif) left center no-repeat;
	background-position: 0 .18em;
	margin:0 0 5px 0;
}
#international li.germany {
	height:17px;
	padding-left: 13px;
	background: url(http://www.peta.org/fp/flags/flag-DE.gif) left center no-repeat;
	background-position: 0 .18em;
	margin:0 0 5px 0;
}
#international li.nl {
	height:17px;
	padding-left: 13px;
	background: url(http://www.peta.org/fp/flags/flag-NL.gif) left center no-repeat;
	background-position: 0 .18em;
	margin:0 0 5px 0;
}
#mainFeature {
	width:420px;
	margin:0 auto;
}
#mainFeature .caption {
	text-align:left;
	padding:8px 0 0 0;
}
.spacer {
	background:url(../images/dotH01.gif)top left repeat-x;
	width:100%;
	height:6px;
}