/* Body and defaults */
/* no concession for non compliant browsers */
 
body
 { 
   background-color	 : #ffe3e6;
   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      : #fab9c6;
   Margin-top            : 10px;
   text-align            : left;
   border-style          : solid;
   border-color          : #af132d;
   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      : #af132d;
   text-align            : center;
   Margin-top            : 10px;
   Margin-bottom         : 10px;
   border-style          : solid;
   border-color          : #af132d;
   border-width          : 0px; 
   border-bottom-width   : 3px; 
 }

#topnav a
 { 
   padding-left          : 10px;
   font-weight           : bold;
 } 

#topnav a:link
 {    
   color		 						 : #ffffff; 
 } 
#topnav a:visited
 { 
   color		 		 				 : #ffffff; 
 } 
#topnav a:hover
 { 
   background		 				 : #ffffff;     
   color		     				 : #af132d;
 }
#topnav a:active
 { 
   color		 						 : #d98294;
 } 


/* styles for left panel */
/* ===================== */

#left
 { 
   float                 : left;
   width                 : 200px; 
   color		 						 : #000000; 
   background-color	 		 : #af132d;
   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          : #af132d;
   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                 : #ffffff;
 }

#left a
 { 
   padding-left          : 10px;
   font-weight           : bold;
 } 

#left a:link
 {    
   color		 						 : #ffffff; 
 } 
#left a:visited
 { 
   color		 	 					 : #ffffff; 
 } 
#left a:hover
 { 
   background		 				 : #ffffff;     
   color		 						 : #af132d;
 }
#left a:active
 { 
   color		 						 : #d98294;
 } 


/* styles for 2nd left panel */
/* ===================== */

#left2
 { 
   clear                 : left;
   float                 : left;
   width                 : 200px; 
   color		 						 : #000000; 
   background-color	 		 : #fab9c6;
   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          : #af132d;
   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                 : #af132d;
 }

#left2 a
 { 
   padding-left          : 10px;
   font-weight           : bold;
 } 

#left2 a:link
 {    
   color		 						 : #af132d; 
 } 
#left2 a:visited
 { 
   color		 						 : #d98294; 
 } 
#left2 a:hover
 { 
   background		 				 : #fab9c6;     
   color		 		 	 			 : #FFFFFF;
 }
#left2 a:active
 { 
   color		 	 					 : #d98294;
 } 

#left2 hr 
{
  border                 : 0;
  color                  : #af132d;
  background-color       : #af132d;
  height                 : 3px;
  width                  : 220px;
  text-align             : left;
  margin                 : -10px;
}

/* styles for right panel */
/* ===================== */

#right
 { 
   float                 : right;
   width                 : 200px; 
   color		 						 : #000000; 
   background-color	 		 : #fab9c6;
   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          : #af132d;
   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                 : #af132d;
 }

#right a
 { 
   padding-left          : 10px;
   font-weight           : bold;
 } 

#right a:link
 {    
   color		 						 : #af132d; 
 } 
#right a:visited
 { 
   color		 						 : #d98294; 
 } 
#right a:hover
 { 
   background		 				 : #fab9c6;     
   color		 						 : #FFFFFF;
 }
#right a:active
 { 
   color		 	 					 : #d98294;
 } 

/* styles for main containter */
/* ========================== */

#container
 {
   background-color	 : #ffffff;
   margin-top            : 10px;
   width                 : 100%; 
 }

/* styles for main content */
/* ======================= */

#content
 {    
   background-color	 : #ffffff;
   padding-top           : 0px; 
   padding-bottom        : 10px; 
   padding-right         : 0px; 
   padding-left          : 0px; 
   margin                : 10px;
   font-family           : Arial;
   text-align            : center;
   Color                 : #000000;
 }

#content img
 { 
   margin                : 5px;
   border-style		 			 : none;
 } 

#content img.thumb
 { 
   margin                : 5px;
   border-style		 			 : solid;
   border-color          : #fab9c6;
   border-width          : 5px;
 } 

#content a:link
 { 
   font-weight           : bold;
   color		 						 : #af132d; 
 } 

#content a:visited
 { 
   font-weight           : bold;   
   color		 						 : #d98294; 
 } 

#content a:hover
 { 
   background		 				 : #af132d;     
   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          : #d98294;
   border-width          : 5px;
 }

#content a:hover img.thumb
 { 
   margin                : 5px;
   border-style		 			 : solid;
   border-color          : #af132d;
   border-width          : 5px;
 }

.boxtable
 { 
   background-color	 : #fab9c6;
   border-style          : solid;
   border-color          : #af132d;
   border-width          : 0px; 
   border-bottom-width   : 3px; 
 } 

.boxtable td
 {  
   color                 : #000000;
 }            

.boxreverse
 { 
   background-color	 : #af132d;
   border-style          : solid;
   border-color          : #fab9c6;
   border-width          : 0px; 
   border-bottom-width   : 3px; 
 } 

.boxreverse td
 {  
   color                 : #ffffff;
   font-weight           : bold;
 } 

/* styles for bottom navigation */
/* ============================ */


#botnav
 { 
   clear                 : both;
   padding               : 10px;
   background-color      : #af132d;
   text-align            : center;
   Margin-top            : 10px;
   border-style          : solid;
   border-color          : #af132d;
   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		 						 : #ffffff; 
 } 
#botnav a:visited
 { 
   color		 		 				 : #ffffff; 
 } 
#botnav a:hover
 { 
   background		 				 : #ffffff;     
   color		 		 	 			 : #af132d;
 }
#botnav a:active
 { 
   background		 				 : #af132d; 
   color		 						 : #af132d;
 } 


/* styles for bottom bar */
/* ===================== */ 

#botbar
 { 
   font-size             : 0.7em;
   padding               : 10px;
   background-color      : #fab9c6;
   Margin-top            : 10px;
   Margin-bottom         : 10px;
   text-align            : left;
   Color                 : #000000;
   border-style          : solid;
   border-color          : #af132d;
   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      : #af132d;
 }
.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                 : #af132d
 }

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;
  } 

