/* GENERAL STUFF */
body {
  font-size: 9pt;
  color: white;
  font-family: verdana, sans-serif;
  background-color: #222222;
}

A:link {
  color: #cccccc;
}

A:visited {
  color: #cccccc;
}

h2{ 
  color:#cc0000; 
  border-bottom: 1px dotted #cc0000;
}

img{
  vertical-align: middle;  
}

th{
  color: #cc0000;
}

/* LAYOUT */

#container {
  margin: 0 auto;
  width: 750px;
  border: 1px solid #000000;
  background: #000000;
  padding: 0;
}
		
#banner {
  background-color: #cc0000;
  border-bottom: 1px solid #222222;
}
		
#calls {
  float: left;
  width: 120px;
  margin-left: 10px;
  background-color: #000000;
  padding-top: 10px;
}

#content {
  margin: 0 10px 0 140px;
  min-height: 795px;
  background-color: #000000;
  padding-top: 10px;
  padding-left: 10px;
  border-left: 1px dotted #222222;
}	

#footer {
  clear: both;
  background-color: #cc0000;
  border-top: 1px solid #222222;
}


/* LINKS TABLES */
table.links td{
  text-align: center;
  width: 50%;
}

table.links th{
  text-align: center;
  border-bottom: 1px dotted #cc0000;
  font-color: #cc0000;
}

/* CALL TABLES */
table.calls {
  background-color: #222222;
  font-size: 11px;
  width: 120px;
  border: 1px #cc0000 solid;
  border-collapse: collapse;
  border-spacing: 0px;
  margin-top: 0px;
}

table.calls td.callsHd{ 
  border-bottom: 2px solid #cc0000;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
}

table.calls td {
  border-bottom: 1px dotted #cc0000;
  font-size: 11px;
  text-align: left;
  padding-left: 3px;
  width: 25%;
}

.callsL { 
  border-left: 1px dotted #cc0000; 
}


/* CONTENT BOXES */
.bl {
  background: url(./img/bl.gif) 0 100% no-repeat #222222; 
  width:100%;
}

.br {
  background: url(./img/br.gif) 100% 100% no-repeat;
}

.tl {
  background: url(./img/tl.gif) 0 0 no-repeat;
}

.tr {
  background: url(./img/tr.gif) 100% 0 no-repeat; 
  padding: 10px;
  min-height: 170px;
}