html, body {
   border: 0; 
   margin: 0; 
  padding: 0;
}

body {
                   font: 85%/0.9 arial, helvetica, sans-serif;
       background-image: url("../_images/icalvinembossed.jpg");
  background-attachment: fixed;
            line-height: 130%;
                  width: 100%;
              min-width: 970px;
                  color: rgb(0,0,0);
}

#username {
   margin-top: 10px;
    font-size: 1.6em;
       height: 20px;
  padding-top: 0;
        color: #00ff00; 
}

a {
            color: #0099CC;
  text-decoration: none;
}

a:hover {color: #00CCFF;}

a img {
  border: none;
  /*remove border for linked images*/
}

h1 {
    font-size: 1.6em;
       height: 20px;
  padding-top: 0;
}

h2{
    font-size: 1.2em;
	     height: 20px;
	padding-top: 0;
}

.highlight {
  background-color: #FF9D9D;
     border-bottom: #F30 1px solid;
        border-top: #F30 1px solid;
           padding: 4px 10px
}

/***** Main Layout ****/
#container {
       width: 100%;
      height: 100%;
  text-align: center; /* IE fix to center the page */
}

#content {
       width: 200px;
      margin: 0 auto; /* center the page in Firefox */
  text-align: left;
     padding: 20px;
}

ul.sdt_menu{
	     margin: 0;
	    padding: 0;
	 list-style: none;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	  font-size: 14px;
	      width: 1020px;
}

ul.sdt_menu a{
	text-decoration: none;
	        outline: none;
}

ul.sdt_menu li{
	   float: left;
	   width: 170px;
	  height: 85px;
	position: relative;
	  cursor: pointer;
}
ul.sdt_menu li > a{
	  position: absolute;
	       top: 0px;
	      left: 0px;
	     width: 170px;
	    height: 85px;
	   z-index: 12;
	background: transparent url(../_images/overlay.png) no-repeat bottom right;
	   -moz-box-shadow: 0px 0px 2px #000 inset;
	-webkit-box-shadow: 0px 0px 2px #000 inset;
	        box-shadow: 0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
   	border: none;
	position: absolute;
	   width: 0px;
	  height: 0px;
	  bottom: 0px;
	    left: 85px;
	 z-index: 100;
	   -moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
	        box-shadow: 0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position: absolute;
	     top: 25px;
	    left: 0px;
	   width: 170px;
	  height: 60px;
	 z-index: 15;
}
ul.sdt_menu li span.sdt_active{
  	position: absolute;
	background: #111;
	       top: 85px;
       width: 170px;
	    height: 0px;
	      left: 0px;
	   z-index: 14;
	   -moz-box-shadow: 0px 0px 4px #000 inset;
	-webkit-box-shadow: 0px 0px 4px #000 inset;
	        box-shadow: 0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	   margin-left: 15px;
	text-shadow: 1px 1px 1px #000;
}
ul.sdt_menu li span span.sdt_link{
	    color: #fff;
	font-size: 24px;
	    float: left;
	    clear: both;
}
ul.sdt_menu li span span.sdt_descr{
	         color: #0B75AF;
	         float: left;
	         clear: both;
	         width: 155px; /*For dumbass IE7*/
	     font-size: 10px;
	letter-spacing: 1px;
}
ul.sdt_menu li div.sdt_box{
     display: block;
   	position: absolute;
	     width: 170px;
    overflow: hidden;
	    height: 300px;  /* the height of the sub menu box, needs to be dynamic */
	       top: 85px;
	      left: 0px;
	   display: none;
	background: #000;
}
ul.sdt_menu li div.sdt_box a{
	      float: left;
	      clear: both;
	line-height: 30px;
	      color: #0B75AF;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top: 15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color: #fff;
}