Body {
  background-color: #f0f0f0; background-image: url("");  
  text-align: left; font-family: verdana; color: #000000; font-size: small; margin: 0px; }

#top{
  background-image: url("http://www.columbia.edu/cu/judo/images/top_bg.png");
  background-repeat: repeat;
  width: 100%;
  height: 26px;  
  text-align: center;
  font-family: arial;
  font-size: 11px;
  padding-top: 12px;
}

#top a:link {
  text-decoration:none;
  color: #ffffff;
}

#top a:hover {
  text-decoration:none;
  color: #5D92B1;
}

#banner{
  background-image: url("http://www.columbia.edu/cu/judo/images/banner.png"); 
  background-position: top center; 
  background-repeat: no-repeat;
  background-color: #000000;
  width: 100%;
  height: 186px;
  margin-left: auto;
  margin-right: auto;
}

#navigation{
  background-image: url("http://www.columbia.edu/cu/judo/images/navigation.png"); 
  background-position: top center; 
  background-repeat: no-repeat;
  background-color: #000000;
  width: 100%;
  height: 41px;
  margin-left: auto;
  margin-right: auto;
}

#map {
  width:700px;
  height:41px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding:0;
}

#map li {
  list-style:none;
}
		
#map li a {
  position:relative;
  display:block;
}

#map li a {
 background-color: #000000;
  -moz-opacity: 0.40;
  opacity: 0.40;
color: transparent;}

#map li a:hover {
background-color: #000000;
  -moz-opacity: 0;
  opacity: 0;
color: transparent;
}

#map a.home {
  width:49px;
  height:41px;
  position: relative; left: 215px;
}

#map a.classes {
  margin-top:-41px;
  width:63px;
  height:41px;
  position: relative; left: 267px;
}

#map a.media {
  margin-top:-41px;
  width:50px;
  height:41px;
  position: relative; left: 332px;
}

#map a.contact {
  margin-top:-41px;
  width:85px;
  height:41px;
  position: relative; left: 385px;
}

#content{
  padding: 4px;
  background-color: #ffffff;
  width: 830px;
  margin-left: auto;
  margin-right: auto;
}

table.officers {
text-align: center;
vertical-align:top;
font-size:small;
width: 500px;
font-family: verdana; color: #000 font-size: 13; 
}

td.heading {
  background-color: #fff;
  font-weight:bold;
font-family: verdana; font-size: 13; 
}

tr.categories {
  font-weight:bold;
  background-color:#A1A1A1;
font-family: verdana; font-size: 13; 
}
tr.cellone {
  background-color:#fff;
font-family: verdana; font-size: 13; 
}

tr.celltwo {
  background-color:#E0EEEE;
font-family: verdana; font-size: 13; 
}

td {
vertical-align: top;
}

.indentitalic{
  font-style: italic;
  margin-left: 30px;
}

.indent{
  margin-left: 30px;
}

img.floatRight { 
  float: right; 
  margin: 0px;
  padding-left: 4px; 
}

img.floatLeft { 
  float: left; 
  margin: 4px; 
}

.facebook img{
  position:absolute;
  left:0;
  top:43;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);
  -moz-opacity: 0.35;
  opacity: 0.35;
  border: 0;
}

.facebook:hover img{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
  border: 0;
}

.youtube img{
  position:absolute;
  left:0;
  top:118px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);
  -moz-opacity: 0.35;
  opacity: 0.35;
   border: 0;
  }

.youtube:hover img{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
  border: 0;
}

.crown img{
  position:absolute;
  left:0;
  top:193px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);
  -moz-opacity: 0.35;
  opacity: 0.35;
  border: 0;
}

.crown:hover img{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
  border: 0;
}


#bottom{
  background-color: transparent;
  width: 830px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  font-size: x-small;
  text-align: center;
}

.caption{
  font-size: 10px;
}

}