BODY { 
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
margin: 0px;
}

/* 
Styles are set for the main body of the document,
the front/cover page, and the footer (which is common).

In each case, there are styles for the main content
frame, the key frame and the title/navigation bar.

*/


/* Body: Main content pages  */

body.mainbody {
  background-color: white;
  background-image: url('/images/reuse_white_bg.jpg');
  background-repeat: no-repeat;
  background-position: top right;
}



DIV.mainbody {
font-family: Verdana,Arial,sans-serif;

}

H2 {
/* text-transform: uppercase; */
text-transform: capitalize;
font-family: Verdana,Arial,sans-serif;
font-size: 24px;
color: white;
background-color: #008095;
padding: 5px;
margin-top: 0in;
}

DIV.subtitle {
font-family: Verdana,Arial,sans-serif;
font-size: 18px;
color: #888833;
margin-top: 0in;
}

H3 {
font-family: Verdana,Arial,sans-serif;
font-size: 14px;
color: black;
}

H4 {
font-family: Verdana,Arial,sans-serif;
font-size: 12px;
color: black;
}

TD {
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
}

TH {
font-family: Verdana,Arial,sans-serif;
font-size: 11px;	
}

DIV.org { 
font-weight: bold;
margin-left: 1in;
margin-bottom: 0ex;
}

.mainbody hr {
  clear: both;
}

.mainbody P { 
font-family: Verdana,Arial,sans-serif;
font-size: 11px;	
margin-right: 400px;
clear: both;
padding-top: 0.5em;
}

.mainbody p img {
  margin-right: 5px;
}



P.ADDR { 
margin-left: 1in;
margin-top: 0in;
}

P.NB {
color: #888833;
font-style: italic;
}

DIV.see {
font-size: 12px;
margin-top: 0em;
margin-bottom: 0em;
font-weight: bold;
}

SPAN.see {
font-size: 11px;
font-weight: bold;
}

A.see {
font-size: 11px;
color: #008095;
}

DIV.see A.see {
font-size: 12px;
color: #008095;
}

A.ref {
color: #008095;
}

DIV.display {
margin-left: 12ex;
}

DIV.ref A {
font-size: 12px;
color: #008095;
}


TD.indexterm {
font-family: Verdana,Arial,sans-serif;
font-size: 14px;
font-weight: bold;
}

TD.see {
font-family: Verdana,Arial,sans-serif;
font-size: 14px;
margin-top: 0ex;
}

TD.indexterm A.see {
font-family: Verdana,Arial,sans-serif;
font-size: 14px;
color: #008095;
}

TD.see A.see {
font-family: Verdana,Arial,sans-serif;
font-size: 14px;
color: #008095;
}

A {
font-family: Verdana,Arial,sans-serif;
text-decoration: none;
}

A.url {
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
font-weight: bold;
color: #008095;
white-space: nowrap;
}

DIV.organisation {
margin-bottom: 2ex;
margin-left: 0ex;
}

TABLE.organisation TR TH {
font-size: 11px;
font-family: Verdana,Arial,sans-serif;
padding: 0pt;
width: 5em;
}

TABLE.organisation TR TD {
font-size: 11px;
font-family: Verdana,Arial,sans-serif;
padding: 0pt;
}

.orgFullName {
font-size: 11px;
font-family: Verdana,Arial,sans-serif;
font-weight: bold;
}

.orgabbrev {
font-size: 11px;
font-family: Verdana,Arial,sans-serif;
font-weight: bold;
}

.indexsection {
padding: 0px;
margin-top: 1ex;
margin-left: 3ex;
font-size: 16px;
}

.indexpart {
font-size: 20px;
margin-top: 1ex;
font-weight: bold;
color: #008095;
}

/* Faint textual name of each scrap at bottom right of the scrap */
DIV.scrapname { 
display: none;             /* Dont want this for version 6 */
font-style: italic;
margin-right: 0px;
color: #cccccc;
}


/* Body: Key frame  */

DIV.keyframe {
margin-left: 0.2in;
color: blue;
}


H3.alsohead {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
color: #008095;
margin-top: 0.25in;
margin-bottom: 0.5em;
}



DIV.seealso {
font-size: 11px;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

A.seealso {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #008095;
font-weight: bold;
}



A.seealso img  {
  position: relative;
  top: 5px;
  border: 0px;
}

/* And, as a special case, the "Contents" link at the top of the see also panel... */

A.ToCLink {
  font-family: Verdana, Arial, sans-serif;
  font-size: 24px;
  color: #008095;
  font-weight: bold;
}

A.ToCLink img {
  position: relative;
  top: -px;
  border: 0px;
}

div.vanillacoverkey A.ToCLink {
  color: white;
}



/* 
   Now, stuff to make the vanilla pages work.
   They don't have a left-hand frame, so we have to push the text to the right,
   and position the key frame into the resulting left margin.
   Note that we have to force the footer bar below the absolutely positioned
   key by setting a spurious height on the "div.section"....

*/ 

body.vanillabody {
  background-color: white;
  background-image: url('/images/reuse_white_bg.jpg');
  background-repeat: no-repeat;
  background-position: top right;
}


div.vanillapagetext {  /* Doesn't have the LH frame, so shift everything right 185 px */
  margin-left: 185px;
  min-height: 400px;
}

div.vanillakey {
  width: 180px;
  position: absolute;
}

div.vanillapagetext div.section {

}

div.vanillacoverkey {
  width: 180px;
  position: absolute;
  left: 5px
}



P.key {
font-size: 12px;
color: red;
}


TD.key {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #008095;
font-weight: bold;
}

/* Body: Title bar */

DIV.titlebar {
margin-top: 3px;
margin-right: 3px;
margin-left: 3px;
white-space: nowrap;
color: #AA6600;
}

A.navlink {
font-size: 12px;
/* text-transform: uppercase;  */
text-transform: capitalize;
white-space: nowrap;
font-weight: bold;
color: #008095;
}

A.navlink img {
  border: 0px;
  vertical-align: middle;
}

A.homenavlink {   /* Special style for the central "home" navigation link */
  font-size: 16px;
  /* text-transform: uppercase;  */
  font-weight: bold;
  color: #008095;
  position: absolute;
  left: 180px;
}


A.homenavlink img {
  border: 0px;
}


.titlestrap {
font-family: Verdana,Arial,sans-serif;
margin-left: 0in;
margin-top: 10px;
font-size: 16px;
font-weight: bold;
white-space: nowrap;
color: #ffe052;
}


.formbutton {
color: #E08000;
background-color: #E0E0E0;
font-weight: bold;
}

/***********************************************************************
   Now, stuff relating to the cover page
************************************************************************/

/* Cover : Main page */

body.coverpage {
  background-color: #00929f;
  background-image: url('/images/reuse_home_full.jpg');
  background-repeat: no-repeat;
  background-position: right;
}

div.coverpagetext {
  margin-right: 400px;
  color: white;
  font-size: 8pt;
}

.coverpage H1 {
margin-top: 5px;
margin-bottom: 15px;
width: 500px;
font-size: 76px;
font-weight: Bold;
color: #ffe052;
line-height: 90%;
}

.coverpage H2 {
font-size: 16px;
font-weight: normal;
color: red;
text-transform: none;
}

.coverpage H3 {
font-size: 12px;
margin-top: 1ex;
margin-bottom: 1ex;
color: #ffe052;
}

.coverpage H4 {
color: #ffffff;
font-size: 10pt;
font-weight: bold;
margin-bottom: 0.2ex;
}

.coverpage P {
margin-top: 1ex;
margin-bottom: 1ex;
}



/* Cover: Key frame (Sponsors) */


DIV.vanillacoversponsors {
  margin-left: 180px;
}

DIV.coversponsors IMG.sponsorlogo {
  margin-right: 20px;
  border: 0px;
}

DIV.coversponsors A {
  font-family: Verdana,Arial,sans-serif;
  color: white;
}


/* Cover: Title strap */
/* 

   NOT USED IN 2010 INCARNATION

TD.coverstraptitle {
margin-top: 10px;
}

.coverstraptitle {
font-family: Verdana,Arial,sans-serif;
color: #888833;
margin-left: 0in;
font-size: 18pt;
white-space: nowrap;
}

*/

/* Now, the footer..*/

DIV.footer {
  background-color: #ffe052;
  margin: 3px;
  margin-top: 5px;
  padding-top: 5px;
}


DIV.footer A.navletter {
  font-size: 18px;
}


DIV.footer A {
  color: #008095;  /* color: #555533; */
  font-weight: bold;
  margin: 5px;
  margin-top: 10px;
}

DIV.footer A.navword {
  margin-left: 15px;
}

DIV.footer A.navword img {
  position: relative;
  top: 5px;
  vertical-align: baseline;
}


DIV.footer A:hover {
/* background-color:  #008095; */
color: white;
}

DIV.footer INPUT.formbutton {
color: #ffffff;
background-color: #008095;
}

DIV.footer INPUT.formbutton:hover {
color: #ffe052;
}


/***********************************************************************
   Now, stuff relating to the other frontmatter
************************************************************************/

DL.QandA {

}

DL.QandA DT {
	margin-top: 20px;
}

DL.QandA DD {
	margin-top: 5px;
	margin-left: 0px;
}


/* 
   Table of contents stuff, especially for vanilla

   Note that we have no control over the structure of the table of contens, 
   so we have to hide the unwanted "<h2>"

 */

div.tocbody h2 {
  display: none;
}

div.tocbody blockquote h2 {
  display: inline;
  width: 100%;
  color: black;
  background-color: white;
}

div.tocbody a {
	font-size: 12px;
	/* text-transform: uppercase;  */
	text-transform: capitalize;
	font-weight: bold;
	color: #008095;
}



/* Finally, some that seem to be obsolete/unused... */

/* Now, the top banner  
...*/

.topbanner TD.maintitlestrap H2 {
font-family: Verdana,Arial,sans-serif;
color: red;    /* IS THI S BEING USED?  color: #888833; */ 
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
text-transform: none;
font-size: 32px;
font-weight: normal;
white-space: nowrap;
}

.topbanner TD {
incolor: #888833;
}