body {

 font: 12px trebuchet MS, trebuchet, verdana, arial, sans-serif;
 text-align: center;
}

h1 { font-size: 24px; }

p { text-align: justify; margin-top:0px; }

a { text-decoration:none; font-weight:bold; color:#008; }
a:hover { text-decoration: underline; }

hr { height: 1px; width: 100%; border: none; border-bottom: dotted gray 1px; }

img { border:none; }

table { font-size: 12px; }
td.time { text-align: right; }

.varsity td {
 border-top: solid gray 1px; 
}

#container {

  width: 95%;
  margin: auto; 
  padding: 1em;
  min-width: 800px;
  width:expression(document.body.clientWidth < 820? "800px": "auto" );
}

#header {

  background-image: url("images/banner100.jpg");
  background-position: top left;
  height: 100px;
  border: solid black 1px;
  margin-bottom: 20px;
}

#freshers {

 float: left;
 width: 140px;
 margin: 0;
 margin-bottom: 1em;
 padding: none;
 padding-bottom: 1em;
 border: 1px solid black;
 background-color: #ddeeee;
 text-align: left;

}

#leftnav {

  float: left;
  width: 140px;
  margin: 0;
  margin-bottom: 1em;
  padding: none;
  padding-bottom: 1em;
  border: 1px solid black;
  background-color: #ddffdd;
  text-align: left;
}

#rightnav {

  float: right;
  width: 220px;
  margin: 0;
  margin-bottom: 1em;
  padding: 1em;
  border-left: 1px dotted gray;
  background-color: #fff;
  text-align: left;
}

#content {
  margin-left: 160px;
  margin-right: 250px;
  padding: none;
  padding-bottom: 1em;
  text-align: left;
}

#footer {

  clear: both;
  margin: 0;
  padding-top: 2px;
  text-align: right;
  border-top: dotted gray 1px;
}

.section { padding: 1em; }

a.menusection { font-size: 12px; font-weight: bold; }
h1.menusection { padding: 0; margin: 0; font-size: 12px; font-weight: bold; }
a.menuitem { padding-left: 1em; font-size: 12px; font-weight: normal; }
div.menusection { padding: 0; padding-top: 0.5em; border-bottom: 1px black solid; margin-bottom: 2px; }

img.sponsor { border: none; }

.title { font-size: 20px; margin: 0; margin-bottom: 1em; text-align: center; }
.subtitle { font-size: 14px; margin: 0; margin-bottom: 0.5em; }
.flash { font-size: 16px; margin: 0; margin-bottom: 1em; text-align: center; color: red; }

table.shortres { font-size: 1em; }
td.shortres { padding: 0 1em 0 0; }
td.res { padding: 0 2em 0 0; }
table.comm { font-size: 1em; }
td.members { padding: 0 3em 0 0; }

table.fillwidth { width:100%; }

table#collegereps {

 padding: 0;
 border: 1px solid black;

}

.membersec { border-bottom: 1px gray dotted; padding: 1em; width: 100%; }

img.memberphoto { 

  border: solid black 1px; 
  width: 100px; 
  float: right;
  margin: 0 0 20px 20px;
}

img.smallmemberphoto {

  border: solid black 1px;
  width: 100px;
  margin: 0 0 10px 10px;
}

img.commphoto {

  border: solid black 1px;
  width: 100px;
  margin: 0 0 20px 20px;
}

img.photolink {

  border: solid black 1px;
  width: 50px;
}

img.album_thumb {

 border: solid black 1px;
 width: 150px;
}

img.album_pic {
  
 border: solid black 1px;
 width: 400px;
}

img.resphoto {

 border: solid black 1px;
 width: 100px;
}

a.photopage {

  border: solid black 1px;

}

img.photopage {

  width: 200px;

}

#cucctitle {

  background-color: #ddffdd;
  font-size: 2em;
  border: solid black 1px;
  margin:0;
  margin-bottom: 20px;
}

img.welcome-l {

 border:solid black 1px;
 margin-right:10px;
 margin-bottom:10px;
 float:left;
}

img.welcome-r {

 border:solid black 1px;
 margin-left:10px;
 margin-bottom:10px;
 float:right;
}

.newsdate {

 font-size: 10px;
 color:gray; 

}