/* Body and defaults */
/* no concession for non compliant browsers */
 
body
 { 
   background-color	 : #ffffff;
   font-family           : Arial;
   font-size             : 101%;
   line-height           : 140%;
   Color                 : #000000;
   margin		 : auto; 
   width                 : 990px;
   text-align            : center;
 }


/* styles for top bar */
/* ================== */ 

#topbar
 { 
   padding               : 10px;
   background-color      : #dfdfff;
   Margin-top            : 10px;
   text-align            : left;
   border-style          : solid;
   border-color          : #9999dd;
   border-width          : 0px; 
   border-bottom-width   : 3px; 
 }

#topbar a
 { 
   text-decoration       : none;
   padding-left          : 10px;
   font-weight           : bold;
   Color                 : #000000;
 } 


/* styles for top navigation */
/* ========================= */


#topnav
 { 
   font-size             : 0.8em;
   padding               : 10px;
   background-color      : #9999dd;
   text-align            : center;
   Margin-top            : 10px;
   Margin-bottom         : 10px;
   border-style          : solid;
   border-color          : #000066;
   border-width          : 0px; 
   border-bottom-width   : 3px; 
 }

#topnav a
 { 
   padding-left          : 10px;
   font-weight           : bold;
 } 

#topnav a:link
 {    
   color		 : #000066; 
 } 
#topnav a:visited
 { 
   color		 : #663366; 
 } 
#topnav a:hover
 { 
   background		 : #9999dd;     
   color		 : #FFFFFF;
 }
#topnav a:active
 { 
   color		 : #663366;
 } 


/* styles for left panel */
/* ===================== */

#left
 { 
   float                 : left;
   width                 : 200px; 
   color		 : #000000; 
   background-color	 : #dfdfff;
   padding-top           : 0px; 
   padding-bottom        : 10px; 
   padding-right         : 10px; 
   padding-left          : 10px; 
   margin-top		 : 0px; 
   margin-left		 : 0px; 
   margin-right		 : 10px; 
   margin-bottom         : 10px; 
   border-style          : solid;
   border-color          : #9999dd;
   border-width          : 0px; 
   border-bottom-width   : 3px; 
 } 

#left p
 { 
   font-family           : Arial;
   font-size             : 0.8em;
   text-align            : left;
   line-height           : 120%;
   text-indent           : -4em; 
   margin-left           : 4em;
   color		 : #000000; 
 }

#left h1
 { 
   font-family           : Arial;
   font-size             : 1.1em;
   font-weight           : bold;
   text-align            : center;
   Color                 : #000066;
 }

#left a
 { 
   padding-left          : 10px;
   font-weight           : bold;
 } 

#left a:link
 {    
   color		 : #000066; 
 } 
#left a:visited
 { 
   color		 : #663366; 
 } 
#left a:hover
 { 
   background		 : #dfdfff;     
   color		 : #FFFFFF;
 }
#left a:active
 { 
   color		 : #663366;
 } 


/* styles for 2nd left panel */
/* ===================== */

#left2
 { 
   clear                 : left;
   float                 : left;
   width                 : 200px; 
   color		 : #000000; 
   background-color	 : #dfdfff;
   padding-top           : 0px; 
   padding-bottom        : 10px; 
   padding-right         : 10px; 
   padding-left          : 10px; 
   margin-top		 : 0px; 
   margin-left		 : 0px; 
   margin-right		 : 10px; 
   margin-bottom         : 10px; 
   border-style          : solid;
   border-color          : #9999dd;
   border-width          : 0px; 
   border-bottom-width   : 3px; 
 } 

#left2 p
 { 
   font-family           : Arial;
   font-size             : 0.8em;
   text-align            : center;
   line-height           : 120%;
   color		 : #000000; 
 }

#left2 h1
 { 
   font-family           : Arial;
   font-size             : 1.1em;
   font-weight           : bold;
   text-align            : center;
   Color                 : #000066;
 }

#left2 a
 { 
   padding-left          : 10px;
   font-weight           : bold;
 } 

#left2 a:link
 {    
   color		 : #000066; 
 } 
#left2 a:visited
 { 
   color		 : #663366; 
 } 
#left2 a:hover
 { 
   background		 : #dfdfff;     
   color		 : #FFFFFF;
 }
#left2 a:active
 { 
   color		 : #663366;
 } 

#left2 hr 
{
  border                 : 0;
  color                  : #9999dd;
  background-color       : #9999dd;
  height                 : 3px;
  width                  : 220px;
  text-align             : left;
  margin                 : -10px;
}

/* styles for right panel */
/* ===================== */

#right
 { 
   float                 : right;
   width                 : 200px; 
   color		 : #000000; 
   background-color	 : #dfdfff;
   padding-top           : 0px; 
   padding-bottom        : 10px; 
   padding-right         : 10px; 
   padding-left          : 10px; 
   margin-top		 : 0px; 
   margin-left		 : 10px; 
   margin-right		 : 0px; 
   margin-bottom         : 10px; 
   border-style          : solid;
   border-color          : #9999dd;
   border-width          : 0px; 
   border-bottom-width   : 3px; 
 } 

#right p
 { 
   font-family           : Arial;
   font-size             : 0.8em;
   text-align            : center;
   line-height           : 120%;
   color		 : #000000; 
 }

#right strong
  {
   font-weight           : bold;
  } 

#right h1
 { 
   font-family           : Arial;
   font-size             : 1.1em;
   font-weight           : bold;
   text-align            : center;
   Color                 : #000066;
 }

#right a
 { 
   padding-left          : 10px;
   font-weight           : bold;
 } 

#right a:link
 {    
   color		 : #000066; 
 } 
#right a:visited
 { 
   color		 : #663366; 
 } 
#right a:hover
 { 
   background		 : #dfdfff;     
   color		 : #FFFFFF;
 }
#right a:active
 { 
   color		 : #663366;
 } 

/* styles for main containter */
/* ========================== */

#container
 {
   margin-top            : 10px;
   width                 : 100%; 
 }

/* styles for main content */
/* ======================= */

#content
 {    
   background-color	 : #ffffff;
   padding-top           : 0px; 
   padding-bottom        : 10px; 
   padding-right         : 10px; 
   padding-left          : 10px; 
   font-family           : Arial;
   text-align            : center;
   Color                 : #000000;
 }

#content img
 { 
   margin                : 10px;
   border-style		 : none;
 } 

#content img.thumb
 { 
   margin                : 5px;
   border-style		 : solid;
   border-color          : #dfdfff;
   border-width          : 5px;
 } 

#content a:link
 { 
   font-weight           : bold;
   color		 : #000066; 
 } 

#content a:visited
 { 
   font-weight           : bold;   
   color		 : #663366; 
 } 

#content a:hover
 { 
   background		 : #9999dd;     
   font-weight           : bold;    
   color		 : #FFFFFF; 
 }

#content a:active
 { 
   font-weight           : bold;
   color		 : #000000; 
 } 

#content a:visited img.thumb
 { 
   margin                : 5px;
   border-style		 : solid;
   border-color          : #9999dd;
   border-width          : 5px;
 }

#content a:hover img.thumb
 { 
   margin                : 5px;
   border-style		 : solid;
   border-color          : #000066;
   border-width          : 5px;
 }

.boxtable
 { 
   background-color	 : #9999dd;
   border-style          : solid;
   border-color          : #000066;
   border-width          : 0px; 
   border-bottom-width   : 3px; 
 } 

.boxtable td
 {  
   color                 : #000000;
 }            


/* styles for bottom navigation */
/* ============================ */


#botnav
 { 
   clear                 : both;
   padding               : 10px;
   background-color      : #9999dd;
   text-align            : center;
   Margin-top            : 10px;
   border-style          : solid;
   border-color          : #000066;
   border-width          : 0px; 
   border-bottom-width   : 3px; 
 }

#botnav a
 { 
   font-size             : 0.8em;
   padding-left          : 10px;
   font-weight           : bold;
   text-align            : left;
 } 

#botnav a:link
 {    
   color		 : #000066; 
 } 
#botnav a:visited
 { 
   color		 : #663366; 
 } 
#botnav a:hover
 { 
   background		 : #9999dd;     
   color		 : #FFFFFF;
 }
#botnav a:active
 { 
   background		 : #9999dd; 
   color		 : #9999dd;
 } 


/* styles for bottom bar */
/* ===================== */ 

#botbar
 { 
   font-size             : 0.7em;
   padding               : 10px;
   background-color      : #dfdfff;
   Margin-top            : 10px;
   Margin-bottom         : 10px;
   text-align            : left;
   Color                 : #000000;
   border-style          : solid;
   border-color          : #9999dd;
   border-width          : 0px; 
   border-bottom-width   : 3px; 
 }

#botbar a
 { 
   text-decoration       : none;
   Color                 : #000000;
 } 

/* random styles not listed within a container */

ol
 { font-family           :Arial;
   font-size             :1.0em
 }
li
 { font-family           :Arial;
   font-size             :1.0em;
   text-align            :left;
   margin-top            :8px
 }
dl
 { font-family           :Arial;
   font-size             :1.0em
 }
dt
 { font-family           :Arial;
   font-size             :1.0em;
   font-weight           :bold;
   text-align            :left;
   margin-top            :8px
 }
dd
 { text-indent		 :20px;
   text-align            :Justify
 }
.nav
 { width		 :100%; 
   border-width          :0px;
   margin-left           :auto;
   margin-right          :auto;
   text-align            :center;
   padding               :10px;
   color		 :#000000; 
   background-color	 :#4477AC 
 }
.right
 { text-align            :right
 }


table
 { border-width          :0px;
   margin-left           :auto;
   margin-right          :auto;
   font-family           :Arial;
   font-size             :1.0em;
   text-align            :left;
   padding               :10px;
   Color                 :#000000
 }
td
 { 
   vertical-align        :top;
   padding               :5px; 
  }
h1
 { font-family           :Arial;
   font-size             :1.5em;
   font-weight           :bold;
   text-align            :center;
   Color                 :#000000
 }
h2
 { font-family           :Arial;
   font-size             :1.1em;
   text-align            :center;
   Color                 :#000000
 }
.midhead1
 { font-family           : Arial;
   font-size             : 1.1em;
   text-align            : center;
   Color                 : #000000;
   background-color      : #8888dd;
 }
.midhead2
 { font-family           : Arial;
   font-size             : 1.1em;
   text-align            : center;
   Color                 : #000000;
   background-color      : #9999dd;
 }
.midhead3
 { font-family           : Arial;
   font-size             : 1.1em;
   text-align            : center;
   Color                 : #000000;
   background-color      : #aaaadd;
 }
h3
 { font-family           :Arial;
   font-size             :1.1em;
   font-weight           :bold;
   text-align            :center;
   Color                 :#000066
 }

p
 { font-family           :Arial;
   font-size             :1.0em;
   text-align            :justify;
   Color                 :#000000
 }
p.pleft
 { font-family           : Arial;
   font-size             : 1.0em;
   text-align            : left;
   padding-right         : 10px;
   Color                 : #000000
 }
p.pright
 { font-family           : Arial;
   font-size             : 1.0em;
   text-align            : right;
   padding-left          : 10px;
   Color                 : #000000
 }
div
 { font-family           :Arial;
   text-align            :center;
   Color                 :#666666
 }
img 
 { 
   border-style		 :none
 }

strong
  {
   font-weight           : bold;
  }