/* CSS Stylesheet for TMS website */
/* Copyright 2004,2005 The Motion Studio multimedia productions */

html {
	height: 100%;
}

body { 
	font: 8pt/11pt Arial; 
	color: #666666; 
	background: #FFFFFF; 
	margin: 0px;
	padding: 0px;
	height: 100%;
}

p, h1, h2 {
	margin: 0px;
	padding: 0px;
}

a:link, a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #666666; 
}

a:hover, a:active { 
	text-decoration: underline; 
	color: #333333; 
}

img {
	border: 0px;
}

object {
	border: 0px;
}

/*
* CONTAINER
*/
table#container { 
	margin: 0px; 
	height: 100%;
}

table#container td {
	vertical-align: top;
}

table#container td.left {
	background-color: #FFFFFF;
	width: 184px;
	height: 100%;
	text-align: right;
}
table#container td.right {
	background-color: #640020;
	width: 100%;
}


/*
* MENU-SECTION
*/
#menu-section { 
	font: 9pt/16pt Arial; 
	padding: 10px 20px 10px 20px;  
	margin: 0px; 
	float: right;
}
#menu-section img.tms-image {
	clear:both;
	margin: 5px;
	border: 0px;
	width: 150px;
	height: 120px;
}
#menu-section ul {
	clear: both;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	text-align: right;
}
#menu-section li {
	line-height: 2.5ex; 
	list-style-type: none;
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	font-weight: bold; 
	text-decoration: none; 
	color: #333333;
}
#menu-section li a:link, #menu-section li a:visited{ 
	color: #666666;
}
#menu-section li a:hover,  #menu-section li a:active{
	color: #333333;
}

/*
* CONTACT
*/

table#menu {
	height: 100%;
}

table#menu td.bottom {
	vertical-align: bottom;
	padding: 10px 40px 40px 20px; 
}

/*
* MAIN-SECTION
*/
#main-section { 
	padding: 50px 70px 50px 50px;  
	margin: 0px;
}
#content-container {
	width:552px;
}

/*
* SUBMENU
*/
#submenu p {
	font: bold 9pt/10pt Arial;
	color: #999999;
	margin-bottom: 2px;
}
#submenu p.left {
	float:left;
	padding-left: 10px;
}
#submenu p.right {
	float:right;
	padding-right: 10px;
}

#submenu a:link, #submenu a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #CCCCCC; 
}
#submenu a:hover, #submenu a:active { 
	text-decoration: underline; 
	color: #999999; 
}

/*
* CONTENT-AREA
* The white area including the corners
*/
#content-area {
	clear: both;
	background-color: #FFFFFF;
}

/*
* CONTENT-CORNERS
*/
div.content-corners {
	clear: both;
	height: 7px;
}

div.content-corners img {
	border: 0px;
	width: 7px;
	height: 7px;
	margin: 0px;
}
div.content-corners img.corner-left {
	float: left;
}
div.content-corners img.corner-right {
	float: right;
}

/*
* CONTENT
* The area that actually contains the content
*/
#content {
	padding: 10px;
}

#content h1 {
	clear: both;
	font: bold 11pt/12pt Arial;
	color: #FF9900;	
	margin: 10px 0px 10px 0px;
}

#content h2 {
	font: 8pt/11pt Arial; 
	margin: 10px 0px 5px 0px;
}

#content p {
	margin: 0px 0px 2px 0px;
}

#content p.text-head {
	font-weight: bold;
	line-height: 12pt;
	margin: 10px 0px 0px 0px;
}

#content p.text-error {
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 2px;
	color: #F84040;	
}

#content img, #content object {
	clear: right;
	float: right;
	margin: 10px;
	border: 0px;
}

/*
* COPYRIGHT
* The copyright sign at the bottom
*/
#copyright {
	clear: both;
	float: right;
	color: #999999; 
}

/*
* LIST-SECTION
* The lists in the listpages
*/
#list-section {
	float: left;
	padding: 0px 5px 0px 5px;
}

#list-section.odd {
	clear: both;
}

#list-section.even {
	float:right;
}

#list-section p {
	font: normal 8pt/15pt Arial;
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	width: 250px;
}

#list-section h1 {
	font: bold 8pt/11pt Arial;
	margin: 5px 0px 0px 67px;
	color: #37141B;
}

#list-section img {
	clear: both;
	width: 62px;
	margin: 0px 5px 5px 0px;
	vertical-align: middle;
	float: left;
}

#list-section a:link, #list-section a:visited { 
	font-weight: normal; 
}

/*
* EXTRA-INFO
* A block of extra hidden information about the page
*/
div.extra-info h1 {
	visibility: hidden;
	background-color: #640020;
	color: #640020;
	font: bold 3pt Arial;
	margin: 0px;
	padding: 0px;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
}