html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: comic sans ms, verdana;
  font-size: 11pt;
  background-image: url(/bg.png); background-repeat: repeat-x; background-color: #ffee44;
}

td {
  font-family: comic sans ms, Verdana;
  font-size: 13pt;
}

.numlinks {font-size: 10pt;}

.numlinks2 {font-size: 9pt;}

.toptext  {padding: 0px 55px 0px 55px;  font-size: 11pt;}

.topban  {padding: 10px 0px 0px 62px; text-align: center;  font-size: 11pt;  font-weight: bold;}

.footertable  {font-size: 11pt;}

.headermenu  {font-size: 9pt;  font-family: verdana, tahoma;  text-align: right;  font-style: italic;}

.spotlight1  {
  font-family: Tahoma, Verdana;
  font-size: 10pt;
  text-align: center;
  font-weight: bold;
  color: white;
}

.spotlight2  {
  font-family: Tahoma, Verdana;
  font-size: 12pt;
  text-align: center;
  font-weight: bold;
}

.sitetype  {font-size: 9pt;  border: solid 1px #ffcc99;  padding: 0px 0px 0px 2px;  font-weight: bold;}
.free  {color: #339900;}
.blog  {color: maroon;}
.paysite  {color: #00AFFF;}

.sitetype2  {font-size: 9pt;  border: solid 1px #ffcc99;  padding: 0px 3px 0px 2px;  font-weight: bold;}

.recip  {font-size: 14pt;  font-face: verdana;}
.recip2   {font-size: 14pt;  font-style: italic;  font-face: verdana;}

.friends   {font-size: 11pt; width: 33%;}
.addfriend  {font-face: verdana;  font-size: 8pt;  font-style: italic;  width: 33%;}

form {
  padding: 0;
  margin: 0;
}

input,  select {
  font-size: 10pt; 
  font-family: comic sans ms, Verdana;
}

textarea  {
  font-size: 10pt; 
  font-family: Verdana;
}

a {
  color: #009dd9;
}

a.category {color: #3377ff;}
a.category:visited {color: #3377ff;}
a.category:hover {color: #33aaFF;}

a.link {color: #3377ff;}
a.link:visited {color: #3377ff;}
a.link:hover {color: #33aaFF;}

a.topbar {color: white;}
a.topbar:visited {color: white;}
a.topbar:hover {color: white;}

a.topbar2 {color: white;}
a.topbar2:visited {color: white;}
a.topbar2:hover {color: white;}


#main-content {
  margin: 0px 20px 0px 20px;
  font-family: comic sans ms, Verdana;
  font-size: 11pt;
  text-align: center;
}

.link-header {font-size: 12pt;}


#centered-content {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
}

.url {
  color: green;
  font-size: 8pt;
}

.small {
  font-size: 7pt;
  font-family: comic sans ms, Verdana;
  font-style: italic;
}

.smallsubmit {
  font-size: 9pt;
  font-family: comic sans ms, Verdana;
  font-style: italic;
}

.submit-small {
  font-size: 9pt;
  font-family: Verdana;
}

.submit-top {
  font-size: 12pt;
  font-family: comic sans ms, Verdana;
  padding:  1em, 0em;
}

.submit-bg {
  background-color: #fffff9;
}

.grey {
  color: #888;
}

.error {
  font-family: verdana;
  font-size: 11pt;
  color: #d52727;
  padding: 4px;
  padding-left: 10px;
  background-color: #FEE7E8;
}

.notice {
  font-weight: bold;
  color: #0097FF;
  padding: 8px;
  background-color: #EFF8E0;
}

.bold {
  font-weight: bold;
}

.hilite {
  background-color: yellow;
}

.plain {
  text-decoration: none;
}

.content-section {
  padding: 8px 52px 8px 52px;
}

.directory-section {
  padding: 8px 52px 8px 52px;
}

.header {
  font-size: 16pt;
  font-weight: bold;
  padding-bottom: 5px;
}

/* tabs */ 
#tab-container {
  background: url('../images/lines.gif') repeat-x top left;
  padding-top: 10px;
}

#tabs {
  text-align: center;
  margin: 0;
  font: Bold 10pt comic sans ms;
  padding-left: 15px;
  background: url('../images/gray-dot.gif') repeat-x bottom;
  height: 29px;
}

.tab-l {
  background: url('../images/tab-left-off.gif') no-repeat bottom;
  width: 7px;
  height: 29px;
  float: left;
  display: inline;
  margin-left: 6px;
} 

.tab-l.on-l {
  background: url('../images/tab-left-on.gif') no-repeat bottom;
  width: 7px;
  height: 29px;
  float: left;
  display: inline;
} 

.tab-r {
  background: url('../images/tab-right-off.gif') no-repeat bottom right;
  width: auto;
  float: left;
  display: inline;
  padding: 0 13px 0 6px;
  height: 29px;
} 

.tab-r.on-r {
  background: url('../images/tab-right-on.gif') no-repeat bottom right;
  width: auto;
}

.tab-r a {
  position: relative;
  top: 13px;
  color: #FFF;
  text-decoration: none;
}

.tab-r.on-r a {
  color:#000;
}


/* Header bars */
.bar {
  background: url('../images/header-bar-middle.gif') repeat-x top left;
  height: 29px;
}

.bar-left {
  background: url('../images/header-bar-left.gif') no-repeat top left;
  height: 29px;
  float: left;
  display: inline;
}

.bar-right {
  background: url('../images/header-bar-right.gif') no-repeat bottom right;
  height: 29px;
  text-align: right;
}

.bar-text-left {
  font-family: comic sans ms, Verdana;
  font-style: italic;
  font-size: 16pt;
  text-align: left;
  color: white;
  padding: 5px;
  background-color:  maroon;
  width: 100%;
  text-indent: 2em;
}

.bar-text-top {
  font-family: Tahoma, Verdana;
  font-size: 10pt;
  text-align: right;
  font-weight: bold;
  color: white;
  padding: 6px;
  background-color:  maroon;
  width: 100%;
}


.bar-text-right a {
  text-decoration: none;
}

/* Footer */

#footer {
  font-size: 8pt;
  font-family: comic sans ms;
  color: #888;
  text-align: left;
}

#footer-text a {
  text-decoration: none;
}


.floatright{
  text-align: right;
  font-size: 10pt;
  font-weight: bold;
  font-face: verdana;
}