/*
 * Published Website: http://www.otthtjobs.com/screen.css
 *
 * Copyright 2003-2006 David Pierre Leibovitz
 *
 * Div Structure:
 *
 * +---------------------------------------+
 * | title                                 |
 * +-----+---------------------------------+
 * |links|content                          |
 * |     |                                 |
 * +-----+---------------------------------+
 *
 */


/* Body of page. */
body, td, th
{ position:		relative;
  margin-left:		0%;
  margin-right:		0%;
  margin-top:		0%;
  margin-bottom:	0%;
  padding:		0;
  padding:		0;
  background:		#ffffcc;
}

/* Title to page */
div#title
{ position:		absolute;
  top:			0px;
  right:		0px;
  left:			0px;
  color:		#CCCCFF;
  font-family:		"Verdana", "Tahoma", "Arial", "Helvetica", sans-serif;
  font-size:		24pt;
  font-style:		bold;
  text-align:		right;
  padding:		5px;
  letter-spacing:	0.2em;
  z-index:		255;
}


/* Contents of page */
div#content
{ position:	absolute;
  top:		52px;
  left:		161px;
  right:	5px;
  color:	black;
  font:		10pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
  padding:	10px;
  border:	solid #CCC;
  background:	white;
}

div#content a:link { color: blue; text-decoration: none;}
div#content a:visited { color: #9f6ba0; text-decoration: none;}
div#content a:link:hover { color: fuchsia; text-decoration: overline underline;}
div#content a:visited:hover { color: fuchsia; text-decoration: overline underline;}
div#content img { border: 0px;}
div#content p.prt { display: none;}
div#content img.prt { display: none;}

/* Links on a page */
div#links
{ position:	absolute;
  top:		52px;
  left:		0;
  width:	160px;
  height:	700px;
  color:	black;
  font:		7pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
div#links p
{ display:		block;
  text-align:		left;
  padding:		0px 0px;
  margin:		0 0 0px;
  border-width: 	0;
  text-decoration:	none;
  background:		#666;
}
div#links img { background: white;}
div#links a { display: block; text-align: left; font-weight: bold; padding: 5px 10px; margin: 0 0 2px; border-width: 0; text-decoration: none; color: #FFC; background: transparent;}
div#links a:hover { color: black; background: rgb(205,212,208);}
div#links a.expand { border-bottom: 1px solid black; border-left: 5px solid black;}
div#links a.expand:hover { color: white; background: black; border-bottom: 1px solid black; border-left: 5px solid black;}
div#links a.end { font-weight: bold; text-decoration: none; color: blue;}
div#links a.end:hover { color: fuchsia; text-decoration: underline overline;}
div#links p.end { color: black; font-weight: normal; font-size: 9px; padding: 2px; background: white;}
div#links p.selected { background: black; }


div.padded,h1,h2,h3,h4,h5,h6 { margin:0px 10px 10px 10px; }

/* Other Settings */
h1
{ margin:         -9px -9px 0.5em;
  padding:        15px 0 5px;
  text-align:     center;
  color:          #666666;
  font:           bold 14pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
  height:         28px;
  white-space:    nowrap;
  vertical-align: middle;
  border-bottom:  2pt solid rgb(128,128,192);
}

h2
{ margin:         0 0 0px;
  padding:        15px 0 5px;
  text-align:     left;
  color:          rgb(128,128,192);
  font:           bold 14pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
  height:         28px;
  white-space:    nowrap;
  vertical-align: middle;
}

/* Historical code */
dt
{ font-weight: bold;
}

dd
{ margin-bottom: 0.66em;
}

code, pre
{ color: #EDC;
  font: 110% monospace;
}