body {
font:10px verdana;
margin: 5px 0px 15px 5px;
padding: 0px 0px 0px 0px;
background-color : #ECEDEE;
color: #000000;
overflow: auto;

}

.fontsize14 {font-family: tahoma; font-size: 14px; font-style: normal; font-weight: none;}
.fontsize10 {font-family: verdana; font-size: 10px; font-style: normal; font-weight: none;}
.small {font-family: verdana; font-size: 9px; font-style: normal; font-weight: none;}



a.black:link    { font-family: verdana; color: #000000; text-decoration: none; font-size: 11px}
a.black:visited { font-family: verdana; color: #000000; text-decoration: none; font-size: 11px}
a.black:hover   { font-family: verdana; color: #000000; text-decoration: none; font-size: 11px}
a.black:active  { font-family: verdana; color: #000000; text-decoration: none; font-size: 11px}



a {
color: #cc0000;
text-decoration: none;
font-weight: normal;
background-color : transparent;
font-size: 10px;
}



a:hover {
color: #cc0000;
background-color : transparent;
text-decoration: none;
}
	

td {
font:10px verdana;
}


ul.rosters {
font:1px arial;
list-style: none;
margin :0px 0px 0px 6px;
width: 127px;
height: 80px;
padding-left: 0px;

}


  ul.makeMenu, ul.makeMenu2, ul.makeMenu ul, ul.makeMenu2 ul { margin: 0px; padding: 0px; }
  ul.makeMenu, ul.makeMenu ul { width: 140px; background-color: #313131; background-image: url(images/linksbg.gif); padding-left: 0px; cursor: default; margin-left: 0px; }
  ul.makeMenu2, ul.makeMenu ul { width: 138px; border: 1px solid #404040; background-color: #333333; background-image: url(images/linksbg3.gif); padding-left: 0px; cursor: default; margin-left: 0px; }
  ul.makeMenu li { list-style-type: none; margin: 0px; position: relative; color: #ffffff; }
  ul.makeMenu li > ul { display: none; position: absolute; top: 19px; left: 0px; }
  ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight { background-color: #454545; }
  ul.makeMenu li:hover > ul { display: block; }
  ul.makeMenu li:hover > a { color: #000000; }
  ul.makeMenu li a { display: block; width: 100%;}
  ul.makeMenu li a:hover { color: #00000; }
  ul.makeMenu li:a:hover > ul { display: block; }
  ul.makeMenu ul.CSStoShow { display: block; }
  td.makeMenu3, td.makeMenu td { width: 140px; background-color: #333333; padding-left: 0px; cursor: default; margin-left: 0px; }



.thumbnail{
 position: relative;
 z-index: 0;
 color: #000000;
 text-decoration: underline;
}

.thumbnail:hover{
 background-color: transparent;
 z-index: 50;
 color: #000000;
 text-decoration: underline;
}

.thumbnail span{ /*CSS for enlarged image*/
 position: absolute;
 background-color: lightyellow;
 padding: 5px;
 left: -1000px;
 border: 1px dashed gray;
 visibility: hidden;
 color: black;
 text-decoration: none;
}

.thumbnail span img{ border-width: 0; padding: 2px; }

.thumbnail:hover span{ visibility: visible; top: 0; left: 60px; }




.thumbnailbio{
 position: relative;
 z-index: 0;
 color: #000000;
 text-decoration: underline;
}

.thumbnailbio:hover{
 background-color: transparent;
 z-index: 50;
 color: #000000;
 text-decoration: underline;
}

.thumbnailbio span{ 
 position: absolute;
 background-color: lightyellow;
 padding: 5px; left: -1000px;
 border: 1px dashed gray;
 visibility: hidden;
 color: black;
 text-decoration: none;
}

.thumbnailbio span img{ border-width: 0; padding: 2px; }

.thumbnailbio:hover span{ visibility: visible; top: 0; left: 90px; }