/*
Notes to self...

- imgclear class to be used when want content to clear img being floated
- imgtopleft/right to be used when want no top margin (to meet menu for eg)
- frame and sidebar top properties must be the same

*/

body
  {
  background-color : white; /* black; */
  color : black; /* white; */
  /* font-family : georgia, book antiqua, times new roman, serif; */
  font-family : arial, helvetica, verdana, tahoma;
  font-size : 18pt;
  font-weight : 400;
  }

h1
  {
  margin : 0;
  color : #cc6633; /* #ff9933; */
  font-family : verdana, tahoma, arial, helvetica, sans-serif;
  font-size : 20pt;
  font-weight : 800;  
  }
  
.header 
  {
  font-family : verdana, tahoma, arial, helvetica, sans-serif;
  color : white; 
  font-size : 14pt; 
  font-weight : 700;
  }

h2
  {
  color : #cc6633; /* #ff9933; */
  font-family : verdana, tahoma, arial, helvetica, sans-serif;
  font-size : 16pt;
  font-weight : 800;  
  }
  
.h2header
  {
  color : #cc6633; /* #ff9933; */
  font-family : verdana, tahoma, arial, helvetica, sans-serif;
  font-size : 10pt;
  font-weight : 800;  
  }

h3
  {
  color : #cc6633;
  font-family : verdana, tahoma, arial, helvetica, sans-serif;
  font-size : 10pt;
  font-weight : 600;  
  }
  
.caption 
  {
  color : white; 
  font-size : 8pt;
  }

.big
  {
  font-size : 18pt;
  }

a
  {
  color : #cc6633; /* #ff9933; */
  }
  
a:hover
  {
  /*  color : #cc9933; */  
  color : #ff9933; /* #cc6633; */
  }
  
/*  
table
  {
  font-family : georgia, book antiqua, times new roman, serif;
  font-size : 10pt;
  font-weight : 400;
  }
*/

.bordered
  {
  vertical-align : top;
  border-width : 1px;
  border-color : white;
  }
    
.tabletitle
  {
  color : #cc6633;
  font-family : georgia, book antiqua, times new roman, serif;
  font-size : 10pt;
  font-weight : 600;  
  }

.topframe
  {
  /* background-color : yellow; */
  position : absolute;
  top  : 20px;
  width : 15%;
  right : 48%;	/* 25% + 25%/2 = 37.5% for centered */
  text-align : center;
  }
  
.topleftframe
  {
  position : absolute;
  top  : 20px;
  left : 1%;
  width : 40%;
  height : 110px;
  font-size : 8pt;
  text-align : left;
  }
  
.topleftframe > table 
  { 
  font-size : 8pt;
  text-align : left;
  }

/*
.topmidleftframe
  {
  position : absolute;
  top  : 30px;
  left : 26%;
  width : 25%;
  height : 110px;
  font-size : 8pt;
  text-align : left;
  }
*/

.toprightframe
  {
  /* background-color : pink; */
  position : absolute;
  top  : 20px;
  right : 1%;
  width : 16%;
  height : 110px;
  font-size : 8pt;
  text-align : left;
  overflow : hidden;
  }
  
.frame
  {
  /* background-color : purple; */
  position : absolute;
  /* padding-top : 1em; */
  top : 260px;
  left : 1%;
  width : 78%;
  }

.cleared
  {
  clear : both;
  }
.wideframe
  {
  position : absolute;
  width : 130%;
  }

.sidebar
  {
  position : absolute;
  top : 260px;
  right : 1%;
  width : 20%;
  }

.menu
  {
  background-color : #cc6633;
  padding-top  : .25em;
  padding-left : 1em;
  padding-right : 1em;
  padding-bottom : .5em;
  line-height : 130%;
  font-family : verdana, tahoma, arial, helvetica, sans-serif;
  font-weight : bold;
  font-size : 16pt;
  }

.menu a
  {
  width : 100%;
  color : black; /*#ff6600; orange; */
  text-decoration : none;
  }

.menu a:hover
  {
  color : #ff9933; /* red; */
  }

.text
  {
  background-color : transparent;
  width : 100%;
  line-height : 140%;
  font-weight : lighter;
  text-align : left;
  padding-left : 1em;
  padding-right : 1em;
  padding-top : 1em;
  padding-bottom : 1em;
  }

.textcenter
  {
  background-color : transparent;
  width : 100%;
  /* font-weight : lighter; */
  text-align : center;
  padding : 1%;
/*  padding-left : 1em;
  padding-right : 1em;
  padding-top : 1em;
  padding-bottom : 1em;
*/
  }

.textright
  {
  background-color : transparent;
  width : 100%;
  /* font-weight : lighter; */
  text-align : right;
  }

.emphasis
  {
  font-weight : bold;
  font-style : italic;
  color : #cc6633; /* #ff9933; */
  }
  
.hilite
  {
  font-weight : 900;
  color : #cc6633; /* #ff9933; */  
  }
  
.largehilite
  {
  font-size : 80pt;
  color : #cc6633; /* #ff9933; */  
  }
  
.imgleft
  {
  margin-top : 10px;
  margin-right : 10px;
  margin-bottom : 10px;
  float : left;
  background-color : transparent;
  font-weight : lighter;
  }

.imgright
  {
  margin-top : 10px;
  margin-left : 10px;
  margin-bottom : 10px;
  float : right;
  background-color : transparent;
  padding : 0px 10px 0px 8px;
  font-weight : lighter;
  }

.imgtopleft
  {
  margin-top : 1px;
  margin-right : 10px;
  margin-bottom : 10px;
  float : left;
  background-color : transparent;
  font-weight : lighter;
  }

.imgtopright
  {
  margin-top : 1px;
  margin-left : 10px;
  margin-bottom : 10px;
  float : right;
  background-color : transparent;
  padding : 0px 10px 0px 8px;
  font-weight : lighter;
  }

.imgtiger
  {
  position : absolute;
  left : 22%;    
  background-color : transparent;
  padding : 30px 0 30px 10px;
  text-align : center;
  }

.imgclear
  {
  clear : both;
  }
  
.textsmall
  {
  font-size : 8pt;
  text-align : center;
  }
  
.slogan
  {
  font-family : verdana, tahoma, arial, helvetica, sans-serif;
  font-weight : bold; 
  font-style : italic;
  color : #cc6633; /* #ff9933; */
  }
  
.notes
  {
  background-color : transparent;
  position : relative;
  padding-top : 10px;
  font-family : Tahoma, Helvetica, sans-serif;
  font-size : 8pt;
  font-weight : lighter;  
  text-align : center;
  color : black;
  }
  
.underline
  {
  border-bottom : solid medium white;
  }