#vianav {
  margin: 15px auto; height: 15px; padding: 3px;
  text-align: center; font-size: 13px; font-weight: bold;
}

#vianav ul { margin: 0; padding: 0; list-style-type: none; }
#vianav ul li { display: inline; margin: 0 10px; }

#vianav ul li a       { background-color: #333; border: 1px solid #333; padding: 0 5px; }
#vianav ul li a:hover { background-color: #000; border: 1px solid #555; padding: 0 5px; }

#viacon {
  margin: 20px; padding: 15px;
  background-color: #fff; color: #333;
  border: 1px solid #777;
}

#viacon h1, h2 { color: #333; margin: 1em 0 0.75em 0; }

#vialinkcon {
  background: #fff;
  height: 60px;
  text-align: center;
  margin: 15px; auto; padding: 15px; 
  border: 1px solid #999;
}

.vialink {
  height: 60px; width: 150px;
  float: left;
  margin: 0 20px;
}

.vialinkr {
  height: 60px; width: 150px;
  float: right;
  margin: 0 20px;
}

#viacon a:link    { color: #39f; }
#viacon a:active  { color: #39f; }
#viacon a:visited { color: #39f; }
#viacon a:hover   { color: #900; }

#viacon img { text-decoration: none; }

td { background-color: #eee; }

#viathumbcon {
  height: 300px;
}

.viathumb{
	float: left;
	width: 270px;
	margin: 12px;
	background-color: #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.viathumb span { margin-left: 10px; margin-bottom: 3px; }

.sm { font-size: 10px; }

#viafrm {
  position: relative; width: 615px;
  padding: 15px;
  background-color: #eee;
  border-top: 3px solid #666;
  border-right: 3px solid #999;
  border-left: 3px solid #666;
  border-bottom: 3px solid #999;
}
#viafrm h3 { font-size: 120%; text-transform: uppercase; color: #336 }

.viaboxR {
  position: relative;
  float: right;
  height: 250px; width: 415px;
  margin: 0; padding: 0;
}

.viaboxR img { float: right; border: 1px solid #336; }

.viaitmR {
  float: right;
  text-align: left;
  margin: 35px 0 0 0; padding: 10px;
  font-size: 13px; line-height: 13px;
  border-top: 4px solid #336;
  border-bottom: 4px solid #336;
}

.viaitmR h1 { padding: 0; font-weight: bold; }
.viaitmR p  { padding: 0; font-weight: normal; width: 225px; }

.viaboxL {
  position: relative; top: -100px;
  float: left;
  height: 250px; width: 415px;
  margin: 0; padding: 0;
}

.viaboxL img { float: left; border: 1px solid #336; }

.viaitmL {
  float: left;
  text-align: left;
  margin: 35px 0 0 0; padding: 10px;
  font-size: 13px; line-height: 13px;
  border-top: 4px solid #336;
  border-bottom: 4px solid #336;
}

.viaitmL h1 { padding: 0; font-weight: bold; text-align: right; }
.viaitmL p  { padding: 0; font-weight: normal; width: 225px; text-align: right; }

.viahack { position: relative; top: -200px; }

#subcon {
  clear: both;
  position: relative; top: -75px;
}

#subcon2 {
  clear: both;
  position: relative; top: 25px;
}

#subcon3 {
  clear: left;
  position: relative; top: 25px;
}

#subnav {
  float: left;
  position: relative; 
  margin-right: 25px;
  width: 162px;
  border-top: 1px solid #999; border-left: 1px solid #999;
  border-right: 1px solid #999; border-bottom: none;
}

#subnav a {
  color: #336;
  display: block;
  font-size: 10px; padding: 3px 0 4px 0;
  text-decoration: none; text-transform: uppercase;
  margin: 0; text-align: left;
  border-bottom: 1px solid #999;
}

#subnav a:link, #subnav a:visited { background: #336; color: #fff; }
#subnav a:hover                   { background: #eee; color: #336; }

.bs { clear: both; }

.cap { font-size: 10px; text-transform: uppercase; }
.cap img { margin-top: 15px; }