/* Parkytowers - Thin Clients Layout Stylesheet */
/* First we have the body/header/columns definitions */

body{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  margin: 0px;
  padding:4px;
  border: 0px;
  background:white;
  color: #333333;
}	 
	 
#hdr{		/* The  header section across the top inc logo */
  height: 93px;
  overflow: hidden;
  margin-top: 2px;
  width:100%; 
  background:white;
  color: blue; 
  border-style: solid;
  border-color: blue;
  border-width: 3px 0px;
  padding: 0px 4px;
  vertical-align: baseline;
}

#hdr img {
  border:  0px;
  padding: 0;
  margin: 0;
}

#hdr h1 {		/* For the page headers */
  display:    block;
  text-align: right;
  line-height: 95px;
}

/*--- Navigation column on left ---*/
#navigation{
 position:absolute;
 top:   110px;
 padding-left: 4px;
 left:     4px;
 width:  112px;
 z-index:    3;
 background:#D1FAFF;
 color: #333333;
}

#navigation img { /*The buttons */
  border:  0px;
  padding: 0px;
  margin:  0px;
  width:   96px;
  height:  33px;
}

#navigation p {
 padding-left:   8px;
 padding-bottom: 0px;
 margin-top:     0px;
 margin-bottom:  0px;
 font-size:     10pt;
}

/*--- Main body to the right of the navigation col ---*/
#MainBody{
 margin-left: 122px;
 padding:       5px;
 margin-right:  0px;
 margin-top:    0px;
 position: relative;
 background:  white;
 color:       black;
 }

/*--- photos at the top below the tabs  ---*/

#photos {
margin-top: 4px;
clear:both;
text-align: center;
width:100%;
}

#words {
margin-top: 4px;
clear:both;
text-align: left;
width:100%;
}

/*------ Menu Tabs--------*/

#tabs {
 margin-left: -12px;
 float: left;
 width: 100%;
 background:#D1FAFF;
 font-size: 93%;
 line-height: normal;
 z-index: 4;
 position: relative;
}

#tabs ul {
 margin:0;
 padding:10px 10px 0 50px;
 list-style:none;
}
#tabs li {
 display:inline;
 margin:0;
 padding:0;
}
#tabs a {
 float:left;
 background:url("/thin/imgs/tableft.gif") no-repeat left top;
 margin:0;
 padding:0 0 0 4px;
 text-decoration:none;
}
#tabs a span {
 float:left;
 display:block;
 background:url("/thin/imgs/tabright.gif") no-repeat right top;
 padding:5px 15px 4px 6px;
 color: blue;
}
#tabs a span {float:none;}
#tabs a:hover span	{ color:#FF9834; }
#tabs a:hover		{ background-position:0% -42px; }
#tabs a:hover span	{ background-position:100% -42px; }
#tabs #current a	{ background-position:0% -42px; }
#tabs #current a span { background-position:100% -42px; }

div#preamble,
div.tableblock, div.imageblock, div.exampleblock, div.verseblock,
div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock,
div.admonitionblock {
  margin-left: 2em;
  margin-right: 3%;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
div.c-photos {
margin-top: 4px;
clear:both;
text-align: center;
width:100%;
}

h1 {
  color: blue;
  text-align: left;
}

h1.center{		/* Centered version */
  text-align: center;
}

h2.bars {	/* H2 with HRs above and below */
 border-style: solid;
 border-width: 2px 0px;
}

p.mtg {
  color: blue;
  font-size: larger;
  font-style: italic;
  line-height: 50%;
}

.tt {
  font-family: courier;
}

.ttb {
  font-family: courier;
  font-weight: bold;
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
UL {margin-left:0.1in;}
h2.center {text-align: center}

.indentbox {
	background-color: #CCFFFF;
	margin: 20px;
	padding: 20px;
	border: medium double #003399;
}

.indent {
  margin-left:  2em;
  margin-right: 2em;
}

.indentb {
  margin-left:  4em;
  margin-right: 2em;
  color:	    blue;
}

.subhead {
	font-size: 150%;
	color: red;
}

img.none {		/* Don't know what is happening here */
border-style: none;
border:  0px;
padding: 0px;
position: relative;
}

img.show {		/* Don't know what is happening here */
border-style: none;
padding: 4px;
position: relative;
}

pre {
   border: gray 1px dashed;
   padding: 5px;
   font-size: 0.9em;
   width: 98%;
   background: #efefef
}

/*--------- single img display to left or right ------*/

img.fleft {
  clear: left;
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  margin: 10px;
  border:  0px;
  position: relative;
}

img.fright {
  clear: right;
  float: right;
  margin-top: 0px;
  margin-right: 0px;
  margin: 10px;
  border:  0px;
  position: relative;
}

img.frighte {
  float: right;
  margin-top: 0px;
  margin-right: 0px;
  margin: 10px;
  border:  0px;
  position: relative;
}

/*------ displaying images in a block with margins ---*/

div.step {
  clear:both;
  margin-top: 25px;
  margin-bottom: 25px;
}


div.step img {
  float:left;
  padding-right: 10px;
  padding-bottom: 5px;
  position: relative;
  }


/*------ grey back ground ----*/

.gray {
  background-color:#E7E7E7
}

/*---- Centered tables ----*/
table.center {margin-left:auto; margin-right:auto;}