*
{ margin: 0;
  padding: 0; }

html, body
{ height: 100%; }

body
{ text-align: center;
  font: normal 11px Arial, sans-serif;
  color: #808080; }
  
h1
{ font-size: 20px;
  font-weight: normal;
  text-transform: uppercase; }
  
h2
{ font-size: 15px;
  font-weight: normal;
  text-transform: uppercase; }


#distance
{ width: 1px;
  height: 50%;
  float: left;
  margin-bottom: -200px; }

#container
{ width: 680px;
  text-align: left;
  margin: auto;
  position: relative;
  clear: left;
  height: 400px; }

    #head
    {}
    
        #logo
        { float: left; }
        
        #menuTop
        { text-align: right;
          line-height: 20px;
          padding: 3px 0; }
        
    #body
    { clear: left;
      position: relative; }
    
        #normal
        { position: absolute;
          top: 0;
          left: 0;
          padding: 19px; }
          
        #colLeft
        { position: absolute;
          top: 0;
          left: 0;
 

		  height: 310px;


          width: 332px; /* 370px full width - 2 x 19px padding */
          padding: 19px; }
        
        #colRight
        { position: absolute;
          top: 0;
          left: 0;
          width: 272px; /* 310px full width - 2 x 19px padding */


		  height: 310px;


          padding: 19px;
          margin-left: 370px; /* full width of #colLeft */ }
          
        #border
        { position: absolute;
          top: 0;
          left: 0;
          height: 340px;
          width: 100%;
          text-align: right; }
        
                #border td
                { vertical-align: bottom;
                  padding: 19px; }

    #foot
    { text-align: right;  padding-top: 5px;}
    
    
    
.menu a
{ margin-left: 12px;
  color: #EACB9F;
  text-decoration: none; }
  
    .menu a.active 
    { color: #F24295; }
    
	.menu a:hover 
    { color: #B68131; }
    
	.menu a.active:hover
    { color: #F24295; }


a {
  color: #EACB9F;
}


.rolloverInfo {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
    
    
.textcolor0
    { color: #FFE364; }
.textcolor0 a
    { color: #FFE364; }
.textcolor0 a:hover
    { color: #B68131; }

.textcolor1
    { color: #F44394; }
.textcolor1 a
    { color: #F44394; }
.textcolor1 a:hover
    { color: #FF8080; }

.textcolor2
    { color: #808080; }
.textcolor2 a
    { color: #808080; }
.textcolor2 a:hover
    { color: #c0c0c0; }

.textcolor200
    { color: #000000; }
.textcolor200 a
    { color: #000000; }
.textcolor200 a:hover
    { color: #404040; }

.textcolor240
    { color: #000000; }
.textcolor240 a
    { color: #000000; }
.textcolor240 a:hover
    { color: #404040; }

.textcolor241
    { color: #FFFFFF; }
.textcolor241 a
    { color: #FFFFFF; }
.textcolor241 a:hover
    { color: #C0C0C0; }



.textcolor242
    { color: #C0C0C0; }
.textcolor242 a
    { color: #C0C0C0; }
.textcolor242 a:hover
    { color: #FFFFFF; }


.textcolor243
    { color: #808080; }
.textcolor243 a
    { color: #808080; }
.textcolor243 a:hover
    { color: #404040; }


.textcolor244
    { color: #404040; }
.textcolor244 a
    { color: #404040; }
.textcolor245 a:hover
    { color: #000000; }



.textcolor245
    { color: #FF0000; }
.textcolor245 a
    { color: #FF0000; }
.textcolor245 a:hover
    { color: #C00000; }

.textcolor246
    { color: #0000FF; }
.textcolor246 a
    { color: #0000FF; }
.textcolor246 a:hover
    { color: #0000C0; }

.textcolor247
    { color: #FFFF00; }
.textcolor247 a
    { color: #FFFF00; }
.textcolor247 a:hover
    { color: #c0c000; }

.textcolor248
    { color: #00FF00; }
.textcolor248 a
    { color: #00FF00; }
.textcolor248 a:hover
    { color: #00C000; }


.textcolor249
    { color: #c00000; }
.textcolor249 a
    { color: #c00000; }
.textcolor249 a:hover
    { color: #400000; }


.textcolor250
    { color: #00c000; }
.textcolor250 a
    { color: #00c000; }
.textcolor250 a:hover
    { color: #004000; }


.hiddenText 
   { visibility:hidden; }
.visibleText 
   { 
   visibility:visible; 
   background-color:#E0E0E0;
   padding: 10px 6px 10px 10px;
   }