BODY { margin: 0; color: #000; background: #039; }

LABEL { font-weight: bold; margin-right: 3px; }

#banner {
 background: #99C;
 height: 75px;
 text-align: center;
 border-bottom: 1px solid #000;
 color: #FFF;
}

#sitetitle { font-size: 26pt; display: block; font-family: 'Arial';}
#siteslogan { font-size: 13pt; font-weight: bold; }

#skin { position: absolute; top: 20px; right: 20px; }

.tblborder { border: 1px solid #000; }

#menu { border-top: 2px solid #99C; border-bottom: 1px solid #000; background: #039; margin: 0; padding: 4px 0; text-indent: 10px;}
#menu ul { 
  margin: 0; 
  padding: 0;
  text-align: left;
  font-size: 10pt;
}
#menu li { list-style: none; margin: 0; padding-bottom: 3px; display: inline;}
#menu a {color: #FFF;  background: url('images/square_FFF.gif') no-repeat left; padding-left: 10px; padding-right: 2px; text-decoration: none;  font-weight: bold; }
#menu a:hover {color: #99C;background: url('images/arrow_99C.gif') no-repeat left; padding-left: 10px; padding-right: 2px; font-weight:bold; }

#container1 { background: url(images/right.gif) repeat-y top right; }
#container2 { background: url(images/left.gif) repeat-y top left; }
#left { width: 200px; float: left; margin: 0; padding: 1em 0; }
#right { width: 200px; float: right; margin: 0; padding: 1em 0; }
#mainpage { margin: 0 200px; background: #FFF; padding: 1em; height: 450px; }
html>body #mainpage { min-height: 450px; height: auto; }
.cleaner, .output { clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding; 0; background: transparent; }

#left .title, #right .title { background: #039; color: #FFF;  margin: 0 10px; border: 1px solid #000; border-bottom: 1px solid #FFF; font-weight: bold; text-align: center;}
#left .content, #right .content{ background: #FFF; color: #000;  border: 1px solid #000; margin: 0 10px; padding: 3px;}
#login { width: 130px; text-align: center; margin: 0 35px; color: #FFF; }

#footer { background: #039; color: #FFF; text-align: left; padding: 7px; border-top: 1px solid #000;}
#footer a { color: #FFF; text-decoration: underline; }

/* used for the blocks on the index page */
.block { border: 1px solid #99C; background: #99C; margin: 0 5%; padding: 0; margin-bottom: 1em; }
.block .title { background: #99C; color: #FFF; margin: 0; font-weight: bold; padding: 0; border-bottom: 3px double #FFF; padding: 5px; text-align: center;}
.block .content { background: #FFF; margin: 0; padding: 5px;}
.newsbox{ padding: 5px;}
#news {  background: #FFF; color: #000; }
#news p { padding: 3px; }
#newsarchive { text-align: center; background: #99C; margin: 0; padding: 0; border-top: 1px solid #99C;}
#newsarchive A { color: #FFF; text-decoration: underline; }
#newsarchive A:hover { color: #039; }

#pagetitle { text-align: center; font-size: 14pt; color: #99C;  }
#pagetitle:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html>body #pagetitle:after { display: none; }
#pagetitle { display: inline; }
/* Hides form IE-Mac \*/
* html #pagetitle { height: 1%; }
#pagetitle {display: block; }
/* End hiding */

.respond, #alphabet, #pagelinks { text-align: center; margin: 1ex;}
.respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html>body .respond:after { display: none; }
.respond { display: inline; }
/* Hides form IE-Mac \*/
* html .respond { height: 1%; }
.respond {display: block; }
/* End hiding */

#bio { padding: 5px; }
#profile #sort { text-align: right; padding-right: 5px; }
.jumpmenu { text-align: right; margin: 4px; }
.sectionheader { font-weight: bold; text-align: center; padding: 1ex; }

#titlebox { margin: 1ex 2em;  border: 1px solid #000; padding: 5px;}

#tabs {
 margin: 1ex 0;
 padding: 0;
 background: url(images/tab_bkgrnd.gif) repeat-x bottom left;
 width: 100%;
}
html>body #tabs {  height: 17px; }

#tabs DIV{ 
 width: 33%;
 margin: 0;
 padding: 0;
 float: left;
 color: #FFF;
 font-size: 10pt;
 background: url(images/top-right_039.gif) no-repeat right top;
}

#tabs #centertab {
  background: transparent;
  width: 100%;
}

#tabs a { color: #FFF; background: url(images/top-left_039.gif) no-repeat left top; padding-left: 18px; }
#tabs a:active, a:hover { text-decoration: none; }

#tabs #active { width: 34%;  padding-bottom: 1px; color: #039; background: url(images/top-right_FFF.gif) no-repeat right top; }
#tabs #active a { color: #039; background: url(images/top-left_FFF.gif) no-repeat left top;}
#tabs #active a:active, a:hover { text-decoration: none; }

.classification { font-weight: bold; color: #99C; }
.listbox .content { padding: 4px; }
.listbox .title { background: #039; color: #FFF; font-weight: bold; padding: 2px;}
.listbox .title .classification { color: #E6E6F2; }
.listbox .title A:link, .listbox .tail A:link { color: #99C; }
.listbox .title A:visited, .listbox .tail A:visited { color: #99C; }
.listbox .title A:hover, .listbox .tail A:hover { color: #99C; text-decoration: underline;}
.listbox .title A:active, .listbox .tail A:active { color: #99C; }
.listbox { margin: 1em 5%; border: 1px solid #000; }
.listbox .adminoptions { padding: 4px; }
.listbox .tail { padding: 2px; background: #039; color: #FFF; font-weight: normal; }
.listbox .tail .classification { font-weight: bold; color: #FFF; }

A:link {color: #039; text-decoration: none; font-weight: bold; }
A:visited { color: #039; text-decoration: none; font-weight: bold; }
A:hover { color: #900; text-decoration: none; font-weight: bold; }
A:active { color: #900; text-decoration: none; font-weight: bold; }


#listings #sort { text-align: center; }
#categories .respond { height: 20px; text-align: center; width: 95%;}
html>body #categories .respond { width: 100%; }
#listings #sort { display: block; width: 90%; margin: 0 auto;}
/* The following fixes the disappearing text bug in IE. */

/* the clearfix class fixes certain problems with display in IE.  if you have disappearing backgrounds and/or text in a div adding this class to the PARENT might help */

#output:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html>body #output:after, html>body .clearfix:after { display: none; }
#output, .clearfix { display: inline; }
/* Hides form IE-Mac \*/
* html #output, .clearfix { height: 1%; }
#output, .clearfix {display: block; }
/* End hiding */