/* Text */
body {background-color: #210D7A;
      color:#0E264A;
      font-family: sans-serif;
      font-size: 1em;
      padding-left: 0.5em;
      margin:0em;
      }
      
/* text */
P           {color:#61606F; font-family: sans-serif; font-size: 0.9em; font-weight:lighter; text-align:left; margin-top:0.2em;}
p.margin    {margin-left:0.5em;}
p.center    {text-align: center;}
h1          {color:#61606F; font-family: sans-serif; font-size: 1.1em; font-weight:bold; margin-top:0.2em;}
h1.left     {text-align:left;}
h1.center   {text-align:center;}
h2          {font-size: 1.1em; font-weight:bold; margin-top:0.2em;}
h3          {font-size: 0.8em;}
h3.left     {text-align:left;}
h4          {font-size: 0.6em; margin-top:-0.5em;}
h5          {font-size: 0.6em; margin-top:0.3em;}
h5.center   {text-align:center;}
h6          {font-size: 0.8em; margin-top:0.3em; color:#000001; margin-bottom:0.3em;}
td          {font-size: 0.7em; margin-top:0.2em; color:#000001;}
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;}
li          {color:#FFFFFF;}
li.photo    {color:#61606F;font-size: 0.8em;text-align:left;}

.menu       {text-align:center;
             font-size:0.9em;
             background-color: #D9E09D;
             }

.menu A:visited  {color: #4D31C7; text-decoration: none}
.menu A:link     {color: #4D31C7; text-decoration: none}
.menu A:active   {color: #4D31C7; 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: #FFFFFF;}
.rollover a:visited {color: #981A91;}
.rollover a:active  {color: #2925C3;}
.rollover a:hover   {font-size:1.1em}


/* main style */
#clock      {font-size:8pt; color:#4D31C7;}
#containerbig {
  width:794px;
  background:#EEF2E7;
  border:1px solid #D8DCF5;
  margin:0em;
  padding:0em;
  }
#framewrapper {
  width:620px;
  background:#FFFFFF;
  }
#frameindex {
  float:right;
  width:150px;
  text-align:left;
  padding-left:10px;
  /* border:1px solid #D8DCF5; */
  background:#EEF2E7;    
  }
#frametext {
  width:615px;
  background:#FFFFFF;
  padding-left:10px;
  padding-right:5px;
  padding-bottom:20px;
  }
#boxleft {
  position:relative;           /* This will change from boxmiddle to boxleft */
  float:left;                  /* Depending on which column is longer */
  width:160px;
  text-align:left;
  padding-left:5px;
  border:1px solid #D8DCF5;    /*weird Mozilla Hack */
  }
#boxmiddle {
  width:440px;
  text-align: left;
  padding-left:5px;
  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;
  }