/* ttrak.css */

/* Code for multi-column independent scrolling from http://www.cssplay.co.uk/layouts/body5.html */
	/* "CSS play is a partnership between myself and my wife. My name is Stuart Nicholls, but known to everyone as just Stu. I am 65 years old, married with two children, worked as an electronics design draughtsman, until I resigned to become a self employed (freelance) web designer/adviser, and have a passion for computers and photography.

	"My wife is Fran Nicholls who assists in the day to day running of the site and also controls the accounts as well as having an input into the demonstrations." */

html {
		height:100%; 
		max-height:100%; 
		padding:0; 
		margin:0; 
		border:0; 
		background-color:rgb(239,239,239);
		font-family:"Bookman Old Style", arial, helvetica;
		font-size:100%;
		/* hide overflow:hidden from IE5/Mac */ 
		/* \*/ 
		overflow: hidden; 
		/* */ 
}

/**************************************************/
/***                    Links                   ***/

link 		{	color:blue;	}
visited		{	color:purple;	}
hover 		{	color:blue;background-color:yellow;	}
active 		{	color:red;	}

a:link	 	{	color:blue;	}
a:visited	{	color:purple;	}
a:hover 	{	color:blue;background-color:yellow;	}
a:active 	{	color:red;	}

/**************************************************/

body {
		height:100%;  /* set the page body to use the full height of the window (only needed for IE) */
		max-height:100%;
		overflow:hidden;
		padding:0;
		margin:0;
		border:0;
}

page_body {
		height:100%;  /* set the page body to use the full height of the window (only needed for IE) */
		max-height:100%;
		overflow:hidden;
		padding:0;
		margin:0;
		border:0;
}

#head {	position:absolute; 
	margin:0; 
	margin-left:142px;
	margin-top:20px;
	top:0; 
	left:0; 
	display:block; 
	width:100%; 
	height:100px; 
	background:rgb(239,239,239); 
	background-repeat:no-repeat; 
	font-size:4em; 
	z-index:5; 
	color:#fff;
	}
	
#foot {	position:absolute; 
	margin:0; 
	bottom:0; 
	left:0; 
	display:block; 
	width:100%; 
	height:2px; 
	background:rgb(239,239,239); 
	font-size:0.8em; 
	z-index:5; 
	text-align:right; 
	color:rgb(157,78,84);
	}

#left1 {
	position:absolute; 
	padding:0;
	border:0;
	margin:0;
	left:1em; 
	top:50px; 
	bottom:20px; 
	width:310px; 
	text-align:left;
	font-size:1em; 
	z-index:4; 
	overflow:auto;
	}

#left1 a { display:block; /*Optional : This puts each link in the menu on a new line, remove if you want a horizontal menu*/
	text-align:left;
	} 
	
#left1 img {
	padding:0;
	border:0;
	margin-top:0;
	margin-left:15px;
	text-align:right;
	vertical-align:top;
	} 

#left2 {
	position:absolute; 
	left:0; 
	top:10px; 
	bottom:10px; 
	padding-right:20px;
	margin-left:310px;
	font-size:1em; 
	z-index:4; 
	overflow:auto;
	}
	
* html #left1, * html #left2 {
	height:100%; 
	top:0; 
	bottom:0; 
	border-top:100px 
	solid #fff; 
	border-bottom:50px 
	solid #fff;
	}

#left1 {left:0; background:rgb(239,239,239);}
#left2 {left:3px; background:rgb(239,239,239);}

.inner {display:block; padding:0 0px 10px 10px;}

.bold {font-size:1.5em; font-weight:bold;}

/**************************************************/
/***            This Space Available            ***/

img.SelectScreen {
	padding:0;
	border:2px;
	margin-top:0;
	margin-left:15px;
	text-align:right;
	vertical-align:top;
	} 

img.Screen000 {
	padding:0;
	border:0;
	margin-top:0;
	margin-left:15px;
	text-align:right;
	vertical-align:top;
	display:block;
	} 

#left0 {
	position:absolute; 
	width:100%;
	left:0; 
	top:10px; 
	bottom:10px; 
	margin-left:147px;
	font-size:1em; 
	z-index:4; 
	overflow:auto;
	}
	
/**************************************************/
/*** Attempt at making tables center themselves ***/

div.centered    {
		text-align:center;
}

div.centered table {
		margin:0 auto;
		text-align:center;
		vertical-align:text-top;
		width:50%; 
}

div.centered td {
		width:750px;
		vertical-align:top;
}

div.centered p {
		text-align:justify;
		color:black;
		/* font-family:"Bookman Old Style", arial, helvetica; */
} 
/**************************************************/
/***                   PRE                      ***/
pre.shallowindent  {
		margin-left:10%;
		margin-right:10%;
}
pre.mediumindent  {
		margin-left:20%;
		margin-right:10%;
}
pre.deepindent  {
		margin-left:30%;
		margin-right:10%;
}
/**************************************************/
/***      Unordered List and List Elements      ***/

ul.indented  {
		list-style-type:circle;
		margin-left:10%;
		margin-right:10%;
		margin-bottom:3px;
		font-family:"Bookman Old Style", arial, helvetica;
		font-style:normal;
		font-size:.9em;
}
ul.deepindent  {
		list-style-type:circle;
		margin-left:5%;
		margin-right:10%;
		margin-bottom:3px;
		font-family:"Bookman Old Style", arial, helvetica;
		font-style:normal;
		font-size:.9em;
}
/**************************************************/
/***       Ordered List and List Elements       ***/

ol.indented  {
		list-style-type:circle;
		margin-left:10%;
		margin-right:10%;
		margin-bottom:3px;
		font-family:"Bookman Old Style", arial, helvetica;
		font-style:normal;
		font-size:.9em;
}
ol.deepindent  {
		list-style-type:circle;
		margin-left:5%;
		margin-right:10%;
		margin-bottom:3px;
		font-family:"Bookman Old Style", arial, helvetica;
		font-style:normal;
		font-size:.9em;
}
/**************************************************/
/***               List Elements                ***/

/* li {	 			*/
/*	text-align:justify;	*/
/*	color:black;	 	*/
/*	font-family:"Bookman Old Style", arial, helvetica; */
/*	font-weight:normal;	*/
/*	font-size:.9em;		*/
/*	font-style:italic;	*/
/*}
/**************************************************/
/***             Floating Images...             ***/

img.left  {
		float:left;
		margin-left:10px;
		margin-right:10px;
}
img.right  {
		float:right;
		margin:10px;
}
.text_line  {
		clear:both;
}
/**************************************************/
/***                 Links...                   ***/

div.links
  {
  margin:2px;
  border:1px solid #0000ff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.links img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.links a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }



/**************************************************/

/* paragraph */
p {
	text-align:justify;
	color:black;
	/* font-family:"Bookman Old Style", arial, helvetica; */
	font-weight:normal;
	font-size:.9em;
	margin-right:10%;
	margin-left:10%;
}

.indented p {
	text-align:justify;
	color:black;
	/* font-family:"Bookman Old Style", arial, helvetica; */
	font-weight:normal;
	font-size:.9em;
	margin-right:10%;
	margin-left:12%;
}

.indentedMore p {
	text-align:justify;
	color:black;
	/* font-family:"Bookman Old Style", arial, helvetica; */
	font-weight:normal;
	font-size:.9em;
	margin-right:10%;
	margin-left:14%;
}

.columnLeft p {
	text-align:justify;
	color:black;
	/* font-family:"Bookman Old Style", arial, helvetica; */
	font-weight:normal;
	font-size:.9em;
	width:25%;
	margin-right:10%;
	margin-left:20%;
}

.columnCenter p {
	text-align:justify;
	color:black;
	/* font-family:"Bookman Old Style", arial, helvetica; */
	font-weight:normal;
	font-size:.9em;
	width:25%;
	margin-right:10%;
	margin-left:40%;
}

.columnRight p {
	text-align:justify;
	color:black;
	/* font-family:"Bookman Old Style", arial, helvetica; */
	font-weight:normal;
	font-size:.9em;
	width:25%;
	margin-right:5%;
	margin-left:60%;
}




a {
	text-align:inherit;
	color:blue;
	font-family:"Bookman Old Style", arial, helvetica;
	font-weight:bold;
	font-size:.9em;
}

/* emphasis */
strong {
	font-style:italic;
	font-weight:bold;
}

/* headers */
h1 {
	text-align:center;
	color:black;
	font-family:"Bookman Old Style", arial, helvetica;
	font-weight:bold;
	font-size:1em;
}

h2 {
	text-align:center;
	color:black;
	font-family:"Bookman Old Style", arial, helvetica;
	font-weight:normal;
	font-size:1em;
}

h3 {
	text-align:left;
	color:black;
	font-family:"Bookman Old Style", arial, helvetica;
	font-weight:bold;
	font-size:.96em;
	margin-left:10%;

}

h4 {
	text-align:left;
	color:black;
	font-family:"Bookman Old Style", arial, helvetica;
	font-weight:normal;
	font-size:.96em;
	margin-left:10%;
}

h5 {
	text-align:left;
	color:black;
	font-family:"Bookman Old Style", arial, helvetica;
	font-weight:bold;
	font-size:.93em;
	margin-left:10%;
}

h6 {
	text-align:left;
	color:black;
	font-family:"Bookman Old Style", arial, helvetica;
	font-weight:normal;
	font-size:.93em;
	margin-left:10%;
}

/**************************************************/
/***              Horizontal Rules              ***/

hr.red {
	text-align:center;
	color:#B40404;
	background-color:#B40404;
	border:0;
	width:75%;
	height:5px;
}

hr.maroon {
	text-align:center;
	color:#80004E;
	background-color:#80004E;
	border:0;
	width:75%;
	height:5px;
}

hr.choochoo {
	text-align:left;
	background:url(TTrak.common/MyDivider.wide.flat.naked.centered.030.gif);
	border:0;
	height:100px;
	width:75%;
}

hr.choochoox {
	text-align:left;
	background:url(~ttrak2.cincy/TTrak.common/MyDivider.wide.flat.naked.centered.030.gif);
	border:0;
	height:100px;
	width:75%;
}

/**************************************************/