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

body{	/* Main Window */
  font-family: Verdana, Helvetica, Arial, sans-serif;
  width:  98%;
  margin: 0px;
  padding:0px;
  border: 0px;
  background:white;
  color: #333333;
}	 

#hdr{		/* The header section across the top inc logo */
  position: relative;
  margin:   4px;
  padding:  0px;
  width:    100%;
  background:white;
  color:    blue; 
  border-style: solid;
  border-color: blue;
  border-width: 3px 0px;
  vertical-align: baseline;
}

#ButtonMenu{	/* Buttons down the LHS */
 position: absolute;
 left:  4px;
 padding-left: 4px;
 width:  112px;
 background:#D1FAFF;
 color: #333333;
}


#MainBody{		/* MainBody for the content */
 position: absolute;
 left:     120px;
 padding:  0px;
 margin:   0px;
 background: white;
}

#TabMenu{		/* Tabs across the top */
 position: relative;
 float: left;
 top: 0;
 left: 0;
 width: 100%;
 padding: 0px;
 margin:  0px;
 border:  0px;
 vertical-align: baseline;
 font-size: 93%;
 background:#D1FAFF;
}

#Content{	/* The Content */
 clear: both;
 width: 96%;
 position: static;
 float:      left;
 padding:      5px;
 margin-left: 10px;
 margin-right:  10px;
 background:  white;
 color:       black;
}

/* Header formatting */

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

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

/* The buttons */

#ButtonMenu img { /*The buttons */
  border:  0px;
  padding: 0px;
  margin:  0px;
  width:   96px;
  height:  33px;
  position: relative;
  left:	   -16px;
}

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

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

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

/*--- 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%;
}

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

div.center {
text-align: center;
}

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;
}

.uh {	/* Underline after heading */
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid #aaa;
}

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}

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

.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 {
  overflow: auto;
  border: gray 1px dashed;
  padding: 5px;
  font-size: 0.9em;
  background: #efefef
}

pre.listing{
  margin-left: 2em;
  margin-right: 2em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

/*--------- 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;
}

img.mleft {
  float: left;
  margin-top: 0px;
  margin-left: 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;}

/*----- text stuff ------*/
h2.ul { 
  border-bottom-width:1px;
  border-bottom-style: solid;
  border-bottom-color: gray;
  }

.uline {
clear:both;
border: 0;
color: #000000;
background-color: #000000;
height: 1px;
width: 100%;
text-align: left;
}

p.fl {text-indent: -5em; margin-left: 5em;}