body {
  background-color: #6666CC;
  font-size: 10pt;
  font-family: Georgia, serif;
  padding:10px;
  margin:0px;
}

p {
  margin:0 0 0.7em;
  font-size: 10pt;
}

p,li {
  line-height:150%;
}

h1,h2,h3 {
  padding:0;
  margin:0 0 0.5em;
}

h1 {
  font-weight:normal;
  font-family: Impact, sans-serif;
  font-size: 18pt;
  color: #6666CC;
}

h2 {
  font-size:14pt;
  font-family: Tahoma, sans-serif;
}

h3 {
  font-size:11pt;
  font-family: Tahoma, sans-serif;
}

img {
  margin:0;
  padding:0;
  border-style:none;
}

a img {
  text-decoration:none;
}

q {
  font-style:italic;
}


/* This is a trick to replace the title text with an image,
   so you still see the title if you don't use the stylesheet */
#header h1 {
  background:transparent url(../images/caft-small.gif) top left no-repeat;
  margin:0 0 0 8em;
  height:100px;
}
#header h1 span {
  display:none;
}


#content {
  /* we need to set the font size here so that the 'em' unit is specified */
  font-size:10pt;
  position:absolute;
  top:110px;
  left:14.5em;
  right:205px;
  /* next line is a hack to make things work properly in IE5 */
  margin-right/* Hide from IE 5*/ :205px;
  background:white;
  padding:2em; 
  /*clear:left; don't set this because of a IE Mac bug where 'clear' is inherited by child elements */
}
/* next four lines are a hack to make things work properly in IE5 */
body>#content {
  right:0;
  margin-right:205px;
}

#content img {
  float:left;
  padding:0.2em 1em 0 0;
}

#right {
  position:absolute;
  right:10px;
  top:110px;
  width:185px;
  margin:0;
  padding:0;
  /*background:silver;*/
  color:white;
  text-align:right;
  line-height:130%;
  font-family:sans-serif;
}

#sidebar {
  position:absolute;
  right:10px;
  top:110px;
  width:185px;
  margin:0;
  padding:0;
  /*background:silver;*/
  color:white;
  text-align:right;
  line-height:130%;
  font-family:sans-serif;
}

#right p, #right h1, #right h2, #right h3, #right hr {
  padding-right:0px;
  margin:0.5em 0;
}

#sidebar p, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar hr {
  padding-right:0px;
  margin:0.5em 0;
}

#right p {
  font-size:8pt;
/*  font-weight:bold;*/
/*  font-style:italic;*/
  line-height:130%;
}
#sidebar p {
  font-size:8pt;
/*  font-weight:bold;*/
/*  font-style:italic;*/
  line-height:130%;
}


#right img {
  padding:0;
  margin:0;
}
#sidebar img {
  padding:0;
  margin:0;
}


#right a img {
  padding:0;
  margin:0;
}

#sidebar a img {
  padding:0;
  margin:0;
}

p.claim {
  font-weight:bold;
}

p.attrib {
  font-style:italic;
  font-weight:bold;
}

span.title {
  font-weight:bold;
}
.furshop {
  font-weight:bold;
}
.closed {
  text-decoration:line-through;
}

#topleft {
	position:absolute;
	top:0;
	left:0;
	width:109px;
	height:105px;
	margin:10px 0 0 10px;
	background-image: url(../images/caft_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#topright {
  background:transparent url(../images/fox2-small.gif) top right no-repeat;
  position:absolute;
  top:0;
  right:0;
  width:140px;
  height:105px;
  margin:10px 10px 0 0;
}

#topbar {
  background:url(../images/bar.jpg) top left repeat;
  position:absolute;
  top:85px;
  left:0px;
  right:0px;
  height:14px;
  width:100%;
  margin:0 10px;
  clear:both;
}

.factsheet {

}

.factsheet h1, .factsheet h2 {
  padding-right:120px;
}

.factsheet img {
  float:none ! important;
}

.factsheetlogo {
  position:absolute;
  top:10px;
  right:10px;
  width:120px;
  height:88px;
  background:transparent url(../images/caft-small-button.gif) top right no-repeat ! important;
}