/*
** Colors - http://www.december.com/html/spec/color.html
**		 RRGGBB
** aqua		#00FFFF
** black	#000000
** blue 	#0000FF
** fuchsia	#FF00FF
**
** gray 	#808080
** green 	#008000
** lime 	#00FF00
** maroon 	#800000
**
** navy 	#000080
** olive 	#808000
** purple 	#800080
** red 		#FF0000
**
** silver 	#C0C0C0
** teal 	#008080
** white 	#FFFFFF
** yellow 	#FFFF00
**
** tan		#FAEBD7
**
** black	#000000
** white	#FFFFFF
**
** There are 16 valid predefined colour names. These are aqua, black,
** blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red,
** silver, teal, white, and yellow.
**
** transparent is also a valid value.
**
** a:visited { text-decoration: none; color: #6666DD; }
** a:link { text-decoration: none; color: #6666DD; }
** a:link { text-decoration: none; }
** a:active { text-decoration: none; color: #6666DD; }
** a:hover { text-decoration: none; color: #FF6666; }
**
**  @media print {
**    BODY { font-size: 10pt }
**  }
**  @media screen {
**    BODY { font-size: 12pt }
**  }
**  @media screen, print {
**    BODY { line-height: 1.2 }
**  }
**
** Media types:
** all
**   Suitable for all devices.
** aural
**   Intended for speech synthesizers. See the section on aural style
**   sheets for details.
** braille
**   Intended for braille tactile feedback devices.
** embossed
**   Intended for paged braille printers.
** handheld
**   Intended for handheld devices (typically small screen, monochrome,
**   limited bandwidth).
** print
**   Intended for paged, opaque material and for documents viewed on
**   screen in print preview mode. Please consult the section on paged
**   media for information about formatting issues that are specific to
**   paged media.
** projection
**   Intended for projected presentations, for example projectors or
**   print to transparencies. Please consult the section on paged media for
**   information about formatting issues that are specific to paged media.
** screen
**   Intended primarily for color computer screens.
** tty
**   Intended for media using a fixed-pitch character grid, such as
**   teletypes, terminals, or portable devices with limited display
**   capabilities. Authors should not use pixel units with the "tty" media
**   type.
** tv
**   Intended for television-type devices (low resolution, color,
**   limited-scrollability screens, sound available).
**
** Media type names are case-insensitive.
**
*/
/* */
body.lha { background: teal; color: inherit; }

a { text-decoration: none; color: #6666FF; }

span.center { text-align: center; }
span.boxspace { font-size: 2pt; }

a.maintitlebar { background-color: #737B9C; color: #FFFFFF; }
a.sortbutton { color: #FFFFFF; text-decoration: underline; }
a.menus { color: #000000; text-decoration: underline; }
a.tabs { color: #000000; text-decoration: underline; }

span.alignright { text-align: right }
span.maintitlebar { font-size: 10pt; color: #FFFFFF; }
span.titlebar { text-align: center; font-size: 10pt; background-color: #737B9C; color: #FFFFFF; font-weight: bold }
span.underline {text-decoration: underline }
span.ftsmaller { font-size: smaller; }
td.featurebox { font-size: small; }

span.alignleft { text-align: left }
span.aligncenter { text-align: center; }
span.plus { font-weight: bold; }
/* font-size: +2pt does not work under Firebird, instead it turns the font size to 2pt */
span.bold { font-size: larger; font-weight: bold; }
.thanks { font-weight: bold; font-style: italic; }

/* same as code */
.code  { font: 12pt Courier, monospace; }
.fixed { font: 12pt Courier, monospace; }

.missing { font-weight: 100; color: #C0C0C0; text-decoration: none; }

.mright { float: right; padding: 0 0.15em; }
.mleft  { float: left;  padding: 0 0.15em; }


.rclear { clear: right; }

/* letter and word spacing */
.letterspaced {letter-spacing: 10pt;}
.wordspaced {word-spacing: 20px;}

/* vertical alignment examples */
.sub {vertical-align: sub;}
.super {vertical-align: super;}

.italic { font-style: italic; }
.bold { font-weight: bold; }

/* text alignment properties */
.right {text-align: right;}
.left {text-align: left;}
.justify {text-align: justify;}
.center {text-align: center;}

/* text transformation properties */
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}

/* text-decoration properties */
.underline {text-decoration: underline;}
.blink {text-decoration: blink;}
.line-through {text-decoration: line-through;}
.overline {text-decoration: overline;}

/* white space control */
.normal {white-space: normal;}
.pre {white-space: pre;}
.nowrap {white-space: nowrap;}

p.ind {text-indent:1.5em}

p.ind   { text-indent: 20px; }
pre.ind { margin: 20px; }

/* indentation and line-height examples */
p.indent { text-indent: 20px; }
p.negindent {text-indent: -10px; background-color: yellow;}

p.invisible { display: none; }

/* This keeps the top bar at the top. now I just need to span the entire browser. */
/* div.topbar { position: fixed;  width: 100%; background-color: #737B9C; text-align: left; font-size: 12pt; color: #FFFFFF; font-weight: bold; } */
#topbar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #737B9C;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold; 
}

div.bottombar { background: #737B9C; text-align: center; font-size: 12pt; color: #FFFFFF; font-weight: bold }

body>#topbar {
	position: fixed;
}
.backwards {
        unicode-bidi:   bidi-override;
        direction:      rtl;
}

/* Color */
#tan {
	background: inherit;
        margin: 12px 12px 12px 12px;
        padding: 12px 0px 12px 12px; /* Note 0px padding right */
	color: #FAEBD7;
}

#brown{
	background: #A06575;
	color: black;
}

.brown{
	background: #A06575;
	color: black;
}

/* top, right, bottom, left */
span.tan {
        margin: 12px 12px 12px 12px;
        padding: 12px 0px 12px 12px; /* Note 0px padding right */
	color: #FAEBD7;
	font-size:	+1pt;
}

li.withborder {
        border-style: dashed;
        border-width: medium;        /* sets border width on all sides */
        border-color: black;
}

.withoutborder {
	width:	480px;
        border-width: none;        /* sets border width on all sides */
	background:   #A06575;
        border-color: transparent;
}

.cwoborder_brbl {
	margin-left: auto;         /* This is the key to centering */
	margin-right: auto;        /* This is the key to centering */
	width:	480px;
        border-width: none;        /* sets border width on all sides */
	background:   #A06575;
        border-color: transparent;
	text-align:   center;
        padding: 0px 0px 4px 0px; /* Note 0px padding right */
}

.cwoborder_browntan {
	margin-left: auto;         /* This is the key to centering */
	margin-right: auto;        /* This is the key to centering */
	width:	480px;
        border-width: none;        /* sets border width on all sides */
	background:   #A06575;
        border-color: transparent;
	color: #FAEBD7;
        padding: 4px 0px 4px 12px; /* Note 0px padding right */
}

.cwoborder_inherit {
	margin-left:	auto;
	margin-right:	auto; 
	width:		480px;
        border-width:	0px;        /* sets border width on all sides */
	background:	inherit
	font-family:	Helvetica;
}

.withborder {
        border-style: dashed;
        border-width: medium;        /* sets border width on all sides */
        border-color: black;
}

cblock {
	position: relative;
	margin-left: auto;
	margin-right: auto; 
}

html, body {
	margin: 0px,1px, 0px, 2px;
	padding: 0;
	background-color: #FAEBD7; /* Tan, kind of */
}

#dleft {
        border-style: none;
	width: 300px;
	float: left;
	margin-left: -1px;
	//padding: 5px, 5px, 5px, 5px;
}
	
#right {
	padding: 10px;
	margin-left: 310px;
	/* border-left: 1px solid #006; */
	clear: right;
}

#nav {
	width: 220px;
	float: left;
	margin-left: -1px;
	/* padding: 5px, 5px, 5px, 5px; */
}
#nav h1 {
	margin: 5px, 5px, 5px, 5px;
	padding: 0px, 0px, 0px, 0px;
}
#content {
	padding: 10px;
	margin-left: 230px;
	border-left: 1px solid #006;
}

#header {
	border-bottom: 1px solid #006;
}
	
#footer {
	border-top: 1px solid #006;
	font-size: 11px;
	text-align: right;
	padding: 2px 10px 0 0;
	clear: both;
	background-color: #FAEBD7; // Tan, kind of
}


.spacer {
	clear: both;
}
	
dd, dt {
	font-family: 'Lucida Grande', Verdana,  Geneva, Lucida, Helvetica, Arial, sans-serif;
	font-size: 0.95em;
}

/* ------------------------------------------------------------------------ */
  body {
    /* background:#123; // 26437 */
    margin:0;
    padding:20px 10px;
    /* .text-align:center; */
  }

  html body {
    margin:0;
    padding-top:0;
    padding-left:0;
    padding-right:0;
  }
  
  /* The bar.
  --------------------------------------------*/
  
  
  #b-navbar {
    width:100%;
    padding-bottom:5px;
    border-bottom:1px solid #024;
    min-height:24px;
    font:x-small "Trebuchet MS",Verdana,Arial,Sans-serif !important;
    color:#47a;
    font-size/* */:/**/small !important; 
    font-size: /**/small !important;
    margin-bottom:10px;
    position:absolute !important;
    top:0;
    left:0;
    z-index:1;
    display:block !important;
  }


  #b-navbar a img {
    border:none;
    display:inline !important;
  }
  
  #b-navbar #b-logo {
    position:absolute !important;
    top:3px;
    left:5px;
    width:80px;
    height:24px;
    border-width:0;
  }
  
  #b-logo img {
    display:inline !important;
  }
  
  #b-search {
    margin:0 0 0 100px;
    padding:4px 7px;
    line-height:1em;
    font-size:85%;
    text-align:left;
  }
  
  #b-more {
    float:right;
    padding-top:2px;
    display:block !important;
  }
  
  #b-more a {
    margin-left:4px;
  }
  
  #b-query {
    margin-right:.25em;
    width:12em;
  }
  
  /* hide from IE5-Mac \*/
  #b-query {
    font-size:x-small !important;
  }

  /* end hide */

  #b-searchbtn, #b-searchallbtn {
    position:relative;
    top:-1px;
    margin-right:.5em;
    vertical-align:middle;
  }
  
  #b-this {
    display:block !important;
  }
    
    #b-this a {
    margin-right:.5em;
    white-space:nowrap;
    text-decoration:none;
    line-height:1em;
  }
  
  #b-this a:hover {
    color:#fff;
    text-decoration:underline;
  }

  /*
  ** drop down for the flag as objectionable button
  */
  #flagi {
    border-style:solid;
    border-width:1px; 
    position:absolute;
    visibility:hidden;
    z-index:300;
    right: 28px; 
    top: 25px; 
    width: 145px;		
    padding: 3px;
  }

  #flagtop {
    z-index: 301; 
    position: absolute;
    background:no-repeat;
    top: -5px; 
    left: 45px; 
    height: 5px; 
    width: 9px;
  }

  #top-filler {
    z-index: 301;
    width:130px;
    height: 6px; 
    position: absolute; 
    top:-6px;
    left:0;
  }

  #flagi-body {
    color:#000;
    font-weight:bold;
    line-height: 15px;
    font-size: 11px;
    text-align: center; 
    font-family:"Trebuchet MS", Vedana, Arial, Sans-serif;
  }

  #flagi-body a {
    text-decoration:none;
  }
  
  #flagi-body a:hover {
    color:#fff;
    text-decoration:underline;
  }

  #b-navbar {
    border-bottom:1px solid #024;
    color:#47a;
  }

  #b-search {
  }
  
  #b-query {
    border:1px solid #47a;
  }
  
  #b-this a {
    color:#9cf;
  }
  
  #b-this a:hover {
    color:#fff;
  }

  #flagi #flagtop {
  }

  #flagi-body {
    color:#000000;
  }

  #flagi {
    border-color:#002244; 
  } 

  #flagi-body a {
    color: #F1F1F1;
  }

  #invisible {
    display: none; 
  }

  #hide  {
    display: none;
  }

  #main {
    margin-left:8px;
  }

  #google {
    border:none;
    text-decoration: none;
    /* border= "0" origianlly in the HTML tag */
  }

/*
** CSS for printing to a page
**
** http://www.w3.org/TR/REC-CSS2/page.html
*/

/* Don't define the page size. In Europe they may use A4, the US 8.5x11 *//
@page { size: portrait; margin: 0.5in;}

#header {
      height: 40px; 
      clear:both; 
      width: 100%;
      font-family:sans-serif;
      font-size:19px;
      font-weight:bold;
}

#menu { display: none; }

#footer { display: none; }