/* Text */
body {background-color: #DBE0B5;
      color:#61606F;
      font-family: sans-serif;
      font-size: 1em;
      padding-left: 0.5em;
      margin:0em;
      }
      
/* text */
a           {text-decoration: none;}  
p           {color:#61606F; font-family: sans-serif; font-size: 0.9em; font-weight:lighter; text-align:left; margin-top:0.1em; margin-bottom:0.8em;}
p.margin    {margin-left:0.5em;}
p.center    {text-align: center;}
h1          {color:#61606F; font-family: sans-serif; font-size: 1.2em; font-weight:bold; margin-top:0.1em; margin-bottom:0.1em;}
h1.left     {text-align:left;}
h1.center   {text-align:center;}
h1.sub      {margin-bottom:-0.2em}
h2          {font-size: 1.1em; font-weight:bold; margin-top:0.2em; margin-bottom:0.1em;}
h2.header   {font-size: 1.0em; font-weight:bold;}
h2.title    {font-size: 0.9em; font-weight:bold;}
h2.titlesub {font-size: 0.9em; margin-top:-0.2 em; margin-bottom: 0.1em;}
h2.titleit  {font-size: 0.9em; font-weight:bold; font-style:italic; margin-top:-0.2 em; margin-bottom:-0.2em;}
h2.sub      {font-size: 1.0em; margin-top:-0.2 em; margin-bottom: -0.2em;}
h3          {font-size: 0.9em; font-weight:bold; margin-top:0.3em; margin-bottom:0.1em;}
h3.smaller  {font-size: 0.7em; font-weight:normal;}
h3.smallest {font-size: 0.6em; font-weight:normal;}
h3.sub      {font-size: 0.7em; font-weight:normal; margin-top: -0.5 em;}
h3.titlesub {font-size: 0.8em; margin-top:-0.2 em; margin-bottom: 0.1em;}
h3.header   {font-size: 0.7em; font-weight:bold;}
h3.listing  {font-size: 0.9em; font-weight:normal; margin-left:2.0em; line-height:120%;}
h3.title    {font-weight:bold; margin-bottom:0.2em;}
h3.right    {text-align:right}
h4          {font-size: 0.8em; font-weight:lighter; text-align:left; margin-top:0.2em; margin-bottom:0.75em;}
h5          {font-size: 0.7em; font-weight:lighter; margin-top:0.2em; margin-bottom:0.75em;}
h5.center   {text-align:center;}
h6          {font-size: 0.6em; color:#000001; margin-top:0.2em; margin-bottom:0.1em;}
h6.grey     {font-size: 0.8em; margin-top:0.3em; color:#808080; margin-bottom:0.3em;}
td          {font-size: 0.7em; margin-top:0.2em; color:#000001;}
td.cap1     {font-size: 0.7em; margin-top:0.2em; color:#6C747B;}
td.big      {font-size: 0.9em;}
td.title    {font-size: 1.2em; font-weight:bold; color:#61606F;}
th          {font-size: 0.7em; margin-top:0.2em; color:#000001;}
caption     {font-size: 0.8em; margin-top:0.3em; color:#000001; margin-bottom:0.3em;}
ul          {font-size: 0.9em;}
ol          {font-size: 0.9em;}
.menu       {text-align:center;
             font-size:0.9em;
             background-color: #749CD6;
             }

.menu A:visited  {color: #FFFFFF; text-decoration: none}
.menu A:link     {color: #FFFFFF; text-decoration: none}
.menu A:active   {color: #FFFFFF; text-decoration: none}
.menu A:hover    {background-color: #CB5361; text-decoration: none}
.rollover {font-size: 0.9em;}

/* link properties- must be in this order */
.rollover a:link    {color: #140DA7;}
.rollover a:visited {color: #981A91;}
.rollover a:active  {color: #2925C3;}
.rollover a:hover   {font-size:1.1em}

.smaller a:link    {color: #140DA7;}
.smaller a:visited {color: #981A91;}
.smaller a:active  {color: #2925C3;}
.smaller a:hover   {font-size:1.1em}

.listing a:link    {color: #3232C7;}
.listing a:visited {color: #C74231;}
.listing a:active  {color: #2925C3;}
.listing a:hover   {color: #0EBF0E;}

/* main style */
#clock      {font-size: 0.6em; color:#FFFFFF;}
#containerbig {
  width:794px;
  background: #D6F2D3;
  border:1px solid #D8DCF5;
  margin:0em;
  padding:0em;
  }
#framewrapper {
  width:620px;
  background:#FFFFFF;
  }
#frameindex {
  float:right;
  width:150px;
  text-align:left;
  padding-left:3px;
  padding-right:7px;
  /* border:1px solid #D8DCF5; */
  background:#DFEDDF;    
  }
#frametext {
  width:610px;
  background:#FFFFFF;
  padding-left:10px;
  padding-right:5px;
  padding-bottom:20px;
  border:1px solid #D8DCF5;
  }
#boxleft {
  position:relative;           /* This will change from boxmiddle to boxleft */
  float:left;                  /* Depending on which column is longer */
  width:155px;
  text-align:left;
  padding-left:5px;
  border:1px solid #D8DCF5;    /*weird Mozilla Hack */
  }
#boxmiddle {
  width:430px;
  text-align: left;
  padding-left:10px;
  padding-right:10px;
  border:1px solid #D8DCF5;
  }
#boxfooter {
  clear:both;
  width:800px;
  margin-top:0.2em;
  text-align: center;
  }
#boxfooter ul li{
   font-family : sans-serif;
   font-size : 0.8em;
   font-weight: lighter;
   text-align: center;
   display : inline;
   }
#cutout {
  width:620px;
  background:#FFFFFF;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:20px;
  }
#imgleft {
  position:relative;
  float:left;
  width:160px;
  text-align:left;
  padding-right:10px;
  }
#imgleftthin {
  position:relative;
  float:left;
  width:100px;
  text-align:left;
  padding-right:7px;
  }
#twocolleft {
  position:relative;           /* This will change from boxmiddle to boxleft */
  float:left;                  /* Depending on which column is longer */
  width:300px;
  text-align:left;
  padding-left:5px;
  }
#twocolright {
  width:290px;
  text-align: left;
  padding-left:5px;
  }
#boxstack1 {
  width:600px;
  background:    #EFE8E6;
  padding-left:  5px;
  padding-right: 5px;
  padding-bottom:5px;
  padding-top:   5px;
  }
#boxstack2 {
  width:600px;
  background:    #FFFFFF;
  padding-left:  5px;
  padding-right: 5px;
  padding-bottom:5px;
  padding-top:   5px;
  }
#boxstack3 {
  width:600px;
  background:    #FFFFFF;
  padding-left:  0px;
  padding-right: 0px;
  padding-bottom:0px;
  padding-top:   0px;
  border:1px solid #D8DCF5;
  }
#boxstack4 {
  width:600px;
  background:    #EFE8E6;
  padding-left:  0px;
  padding-right: 0px;
  padding-bottom:0px;
  padding-top:   0px;
  border:1px solid #D8DCF5;
  }
#background {
  background:    #EFE8E6;
  font-size:     0.7em;
  font-weight:   bold;
  text-align:    center;
  padding-top:   0.1em;
  padding-bottom:0.1em;
  padding-left:  0.0em;
  }