/* The basic style sheet: contains all the basic rules for the templates */
/* CSS2 styles that might adversely affect older browsers are in _fancy.css_ which is imported to hide it from older browsers */

/* Creates a doctable that is 800px (w) X 600 px (h -- minimum)
3 Rows: header (72px h), mainrow, and footer 
3 columns: logo/sidebar (175px w), contentarea (500px w), snippetarea (125px w)
OR last 2 columns can be combined into mainarea (625px w)(for gateway pages)
all tds in doctable have black border (creating mondriat effect)
*/



/******GENERAL RULES*******/

/*be kind to netscape 4*/
body, p, td, th, ul, ol, li, dl ,dt, dd {
  color: #eee;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 12px;
  text-align: left;
 }

.dark { 
  color: #000;
  text-align: center;
 }

.alignR { 
  text-align: right;
 }

body, table { 
  padding: 0;
  border: 0;
  margin: 0;
 }

body { 
  background: #000;
  padding: 5px ; /*set off doctable by 10px */
 }


table { 
  background: #333; /*want any nested tables in mainarea / contentarea to have same background color */
 }

td { 
  padding: 10px;
  vertical-align: top;
  /* background: inherit; causes problems */
 }

p { 
  text-indent: 20px;
 }

p img { 
  margin: 10px;
 }

img { margin: 10px; }

/*see fancy.css for anchor pseudo classes */

/*all layer links link to top anchor (that seems to need to be non-empty, so lets make it invisible and small -- see fancy.css for abs pos)*/
#top { 
  display: none;
 }

/*the document table*/
table.doctable { 
  background: #000;
  border: 2px solid #d52;
  width: 800px; /*margin & padding = 0, so fine in IE 5.x/Win */
 }

h1, h2, h3 { 
  color: #d52;
  font-family: Times New Roman, Times, Century Schoolbook, CGTimes, georgia, serif;
  font-weight: 500;
 }

h1 { font-size: 24px; }

h2 { font-size: 20px; }

h3 { font-size: 16px; }

/*before and after pseudo classes in fancy.css */


/***************HEADER ROW (inc logo, main nav)*****************/

#body .print { 
  color: #333;
  display: none; 
}

/*logo img: 175wX72 + 1px border*/
.logo { 
  background: #d52;
  color: #000;
  
  /* IE 5.x/win hack */ 
  width: 177px !important; /*W = content + padding + border */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 175px !important; /*W = content*/
  
  border: 1px solid #000;
  padding: 0;
  margin: 0;
 /* padding-bottom: 0; */
 }

/*be kind to opera*/
html>body .logo { 
  width: 172px;
 }

.logo img { /*logo image should be 175px X 72px*/
  display: block;
  width: 175px;
  height: 72px; 
  padding: 0;
  margin: 0;
  border: 0;
/*  padding-bottom: 0; */
 }

.mainnav { 
  background: #888;
  color: #000;
  width: 625px !important; 
  text-align: right;
  border: 1px solid #000;
  padding-top: 5px; /*needed so that borders on lis stay in container*/ 
  padding-bottom: 0px; /*lets mainnav2 come closer to edge*/
  margin: 0px;
  text-align: right;
 }

.mainnav ul { 
  list-style:none;
  padding: 10px; 
  margin: 0;
  margin-bottom: 2px; /*extra room before mainnav2 */
  border: 0;
  text-align: right; /*justify doesn't seem to work*/
 }

.mainnav li { 
  display: inline;
  padding: 5px;
  margin: 2px;

 }

.mainnav li a { 
  text-decoration: none;
  color: #000;
  border-left: 2px solid #888; /*"invisible, but when changed in hover... */
  border-bottom: 2px solid #888; /*won't change spacing */
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  padding: 5px;
 }

/*see fancy.css for mainnav li a:hover */

#thissection a { /*why is :link necessary? */ 
  background: #d52;
  color: #000;
  border: 2px solid #000; /*why isnt this being recognized*/
}


.mainnav2 { 
  display: block;
  text-align: right;
  border: 0;
  margin: 2px;
  padding: 2px;
 }

.search { 
  display: inline;
  border: 0;
 /* margin: 5px;*/
  padding: 3px;
  padding-right: 10px;
  text-align: right;
 }

.tagline { 
  color: #222;
  font-weight: bold;
  margin-right: 10px;
  border: 0;
  font-size: 12px;
 }

/**************MAIN ROW: side bar and (main area OR (content and snippet))*/


/*the left-hand side bar*/
.sidebar { 
  background: #666;
  color: #eee;
  border: 1px solid #000; 
  padding: 20px 10px;
/* implicit 175px w*/
 }


.mainarea { 
  background: #333;
  color: #fff;
  padding: 20px;
/*  height: 400px; minimum height*/
  border: 1px solid #000;
 
 }


.contentarea { 
  padding: 20px;
  width: 500px;
  height: 400px; /*minimum height*/
  background: #333;
  border: 1px solid #000;  
}

.snippetarea { 
  width: 125px;
  padding: 20px;
  background: #333;
  border: 1px solid #000;  
}

.snippetarea img { 
  margin-left: 10px;
  border: 1px solid #000;
 }

/****************FOOTER ROW ******************/
.footer { 
  background: #888;
  color: #000;
  text-align: center;
  border: 1px solid #000; 
}

.footer ul { 
  list-style:none;
  padding: 0; 
  margin: 0;
  border: 0;
  text-align: center;
 }

.footer li { 
  display: inline;
  padding: 5px;
  margin: 2px;
 }

.footer li a { 
  color: #000;
 }

/*see fancy.css for footer li a:hover */


/**********Individual page specific ********/
/* INDIVIDUAL EFFECT PAGE SPECIFIC */
.moreinfo { 
  text-align: right;
 }

.moreinfo ul li { 
  list-style-type: none;
  text-align: right;
 }


.morelinks ul { 
  margin-left: 15px;
  padding-left: 0;
 }

.morelinks li { 
  list-style-position: outside;
 }

li.expandable { 
  list-style-image: url(../images/plus_signs.gif);
  list-style-position: outside;
 }

.expandable ul { 
  padding-left: 0;
  margin-left: 5px;
 }

.expandable ul li { 
  list-style-type: disc;
  list-style-image: none;
 }