html, body {
  color:             black;
    background-image:url(bg.jpg);
	background-repeat:no-repeat;
	background-color: #060606;
	background-position:top center;
  font-weight:       normal;
  font-family:       arial,helvetica, sans-serif;
  font-style:        normal;

  text-decoration:   none;
  margin:            0;
  padding:           0;
  border:            0;
}


.main{
width: 800px;
border: 1px solid #000;
       position: relative;
       margin-left: auto;
       margin-right: auto;
       left: 0;
       right: 0;
background-color: #fff;
}

#leftmenu{
border-right: 1px solid #000;
width: 200px;
height:auto !important;
height:100%;
margin: 0;
padding:0;
float: left;
background-color: #ccc;
background-image:url(bg_leftbar_on.gif);
}

#leftmenu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#leftmenu li {
  padding: 0;
  margin: 0;
  border:  1px solid #999; /*hack to get IE to display properly */
}


#leftmenu li a:link, #leftmenu li a:visited {
background-image:url(button_leftbar_off.gif);
background-repeat:no-repeat;
background-position:center left;
color: #000;  
font-weight: bold;
  font-size: 90%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  list-style-type: none;
  text-decoration: none;
  text-align: left;
  display: block;
  margin: 0;
/*border-bottom: 1px solid #fff;*/
}

.button_top{border-top: 1px solid #fff;}

#leftmenu li a#selected:link {

  text-decoration: none;
  background-color: #006;
  display: block;
  margin: 0;
  font-size: 90%;
  padding-bottom: 0;
  margin: 0;
  display: block;}

#leftmenu li a:hover {
background-image:url(button_leftbar_on.gif);
background-repeat:no-repeat;
background-position:center left;
  text-decoration: none;
  background-color: #ccc;
  color: #00f;
  margin: 0;
  display: block;
}

#leftmenu li a:active {
  background-color: #fff;
  color: #ccc;
  font-size: 90%;
  margin: 0;
  display: block;
}

.main_text{
  text-align: left;
  margin-left: 200px;
  padding: 1em;
  font-size: .9em;
}
.reg_box{
font-size: smaller;
width: 150px;
float:right;
margin-right: 10px;
border: 1px solid #f00;
background-color: #fcc;
padding: 1em;

}

a.mslink{
color: #000;
  font-size: 90%;
  text-decoration: none;
}
a.mslink:hover{
color: #000;
background-color: #ff0;
}

.presented_by{
font-size: smaller;
color: #999;

}

.wide_reg_box{
text-align: center;
font-size: smaller;
margin-right: 10px;
border: 1px solid #f00;
background-color: #fcc;
padding: .5em;
margin-right: 120px;

}

.float_right
{
float: right;
width: 100px;
padding: 0;
margin-left: 10px;
}

.wrapper_right_box{
float:right;
width: 100px;
text-align: center;

}

.wrapper_left_box{
float:left;
width: 100px;
text-align: center;

}


       .shadow
        {
            position: relative; 
            visibility: hidden;
        }
		
	
        .infoArea
        {
            height: 2em;
        }
		
        .information
        {
            visibility: hidden;
            border: 2px solid #f00;
            background-color: #fff;
            padding: 3px;
            margin: 3px;
            position: absolute;
        }

.new{background-color: #ff0;
font-weight: bold; }