/* GLOBAL */

/* commented backslash hack v2 \*/
* html {overflow:auto;} 
/* end of hack */


.clear {clear:both; height:1px;}

body {
	background-color:#000000; 
	background-attachment:fixed; 
	margin:0; 
	padding:0 10px 0 10px; 
	border:0; 
	height:100%;
}

/* * html body {overflow:C;} */


body {
	font-family:verdana, arial, sans-serif; 
	font-size:10px; 
	letter-spacing:1px;
}

#topper {
	position:fixed; 
	display:block; 
	top:0; 
	right:0; 
	width:100%; 
	height:125px; 
	background:url(../images/TA-top.gif);  
	background-repeat:repeat-x; 
	background-attachment: fixed;
	background-position: top left;
	background-color: transparent;
	font-size:40px; 
	line-height:42px; 
	font-family:"times new roman", serif; 
	overflow:hidden; 
	color:#000; 
	z-index:12;
}

* html #topper {
	position:absolute; 
	right:0;
	right/* */:/**/17px; 
	right: /**/17px;
}

#topper img {float:right;}

#taname {
	position:absolute;  
	text-align: right;
	top:20px; 
	right:150px; 
	width:240px; 
	height:186px;  
	background-color: transparent;
	font-size:50px; 
	line-height:50px; 
	font-family:verdana, arial, sans-serif; 
	overflow:hidden; 
	color: #d3d3d3; 
	z-index:25; 
	font-weight:bold;
}

.logo {  
	position: relative;
	float: right;
	top:20px; 
	right:28px;
	width: 100px;  
	height: 100px;    
	text-align: right; 
	color:inherit;
	background-color: inherit;
	border-style:outset;
	border-color: #ffffff;
	border-width:3px;
	z-index:35;
}


.leftedge { 
	display: block; 
	position: absolute;
	position: fixed; 
	float: left;
	top: 130px; 
	right: 25px;
	left: 5px;
	width: 150px !important;  
	text-align: right; 
	background:#000000; 
	color: #b3b3b3;
	z-index: 25;
}
* html .leftedge { /*\*/position: absolute; top: expression((130 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((25 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ } 
.foo > .leftedge { position: fixed; top: 130px; right: 25px; }

/* hack to correct IE6 inability to handle fixed position */
html > body.leftedge { 
	position: fixed; 
}

.scrollarea { 	
	display: block;
  	position: absolute;
	position: fixed; 
	float:left;
	top: 155px; 
	right: 25px;
	left: 170px;
	text-align:center; 
	color:inherit;
	background-color: inherit;
	width: 85px !important;
	height: 300px;
	overflow: auto; 
	z-index: 10;	
	background:#000000; 
	color: #b3b3b3;
	border-style:outset;
	border-color: #d3d3d3;
	border-width:4px;
	z-index: 25;
}
* html .scrollarea { /*\*/position: absolute; top: expression((155 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((25 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ } 
.foo > .scrollarea { position: fixed; top: 155px; right: 25px; }

/* hack to correct IE6 inability to handle fixed position */
html > body.scrollarea { 
	position: fixed; 
}

.rightside {  
	display:block;
	position: absolute;
	text-align:right;
	height: 75% !important; 
/*	_height: 300px; */
	min-width: 50%;
	max-width: 80%;
	top: 100px;
	right:25px;
	float:right;  
	z-index: 10;
}
/* hack to correct IE6 inability to handle fixed position */
 html > body.rightside { 
	position: fixed; 
}

.rightside-text {  
	display:block;
	position: absolute;
	text-align:right;
	height: 75% !important; 
	width: 65%;
	top: 100px;
	right:25px;
	float:right;  
	z-index: 10;
}


.picture-only {  
	display:block;
	position: relative;
	text-align:center;
	height: 100% !important; 
}

.canvas {
	position: absolute;  
	color:inherit;
	background-color: inherit;
	height: 67% !important; 
	border-style:outset;
	border-color: #d3d3d3;
	border-width:8px;
	z-index: 10;
	display:block;
	text-align:right;
	right:0px;
	float:right;
}
/* hack to correct IE6 inability to handle fixed position */
 html > body.canvas { 
	position: fixed; 
	height: 67% !important; 
} 

.thumbnail {
	height: 45px;
}

/* TYPOGRAPHY */
h1 {
	background-color:inherit;
	color: #b3b3b3;
	font-size: 1.25em;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, "monotype corsiva";
	font-weight: normal;
	margin: 0;
	text-align: right;
	text-transform: lowercase;
}

h2 {
	background-color:inherit;
	color: #d3d3d3;
	font-size: 3em;
	font-family: verdana, tahoma, arial, helvetica, sans-serif, "monotype corsiva";
	font-weight: normal;
	margin: 0;
	text-align: left;
	text-transform: lowercase;
}

body, h3, p {
	background-color: #000000;
	color: #b3b3b3;
	font-size: 1.25em;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	text-transform: lowercase;
}

p:first-letter {
	font-weight: bold;
}


a {
	background-color: #000000;
	color: #b3b3b3;
	font-size: 1em;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	text-transform: lowercase;
}


h4 {
	background-color: #000000;
	color: #b3b3b3;
	font-size: 1em;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	text-transform: lowercase;
}

h5 {
	background-color: #000000;
	color: #b3b3b3;
	font-size: .75em;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	text-transform: lowercase;
}

h6 {
	background-color: #000000;
	color: #b3b3b3;
	font-size: .5em;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
}

h7 {
	background-color: #000000;
	color: #b3b3b3;
	font-size: .35em;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
}