/* #### GLOBAL SCREEN CSS [v1.2 - A.H. - metheus.net - 2006/2007] */ 

/* #####################################################################
   REQUIRED STYLE VARIABLES - DEFINED AT BEGINNING OF PROJECT
   ##################################################################### */

/* THE BASIC ELEMENTS */
	body	{margin: 8px 0px; padding: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #666; background-image: url(images/bg_tile3.gif); background-repeat: repeat-x;}
	p	{font-size: 12px; line-height: 16px; color: #000000; font-family: Arial, Helvetica, sans-serif;}
	pre	{font-size: 12px; color: #000000; font-family: monospace;}

	li	{} 
	ul	{list-style-type: square; font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; margin-right: 1.5em;}
	ol	{font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; margin-right: 1.5em;}

	hr	{height: 1px; color: #000;  background-color: #000; border: 0px;}
	h1	{font-size: 16px; margin: 0 5px 0 0;}

/* NORMAL LINK CLASS */	
	a:link		{color: #C30232; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; padding-left: 0px;}
	a:active 	{color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; padding-left: 0px;}
	a:visited	{color: #666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; padding-left: 0px;}
	a:hover 	{color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; padding-left: 0px;}

/* TABLE STYLES */	
	table	{font-size: 12px;}
	th.thul	{font-size: 12px; text-align: left; border-bottom: 1px #000 solid;}
	th	{font-size: 12px; text-align: left; padding: 2px;}
	td.tdunderline	{border: 0px; border-bottom: 1px #000 solid; padding: 2px; margin: 0px;}
	td.tdblackline	{border: 1px #000000 solid; padding-left: 3px; vertical-align: top;}
	td.tdlines	{vertical-align: top; padding-left: 4px; padding-right: 4px; border: 1px #666 solid;}

/* #####################################################################
   POJECT SPECIFIC STYLE VARIABLES - LESS IS MORE - ADD ONLY IF NEEDED 
   ##################################################################### */

/* CONTAINER OBJECTS */	
	#container	{width: 750px; background-color: #fff; background-image: url(images/bg_w_logo.gif); background-repeat: no-repeat; background-position: top left; margin: 0 auto;}
	#bodycopy	{padding: 58px 13px 0 13px; position: relative;}
	#skip 		{position: absolute; top: -50px; left: -50px; margin: 0px; padding: 0px; z-index: 5;}

#splashphoto	{position: absolute; top: 13px; right: 13px;}
.speaker	{border: 1px solid #000; margin: 3px 0 5px 10px;}
.ruled {background:#ccc;}  
.contactline {margin: 0; padding: 0 0 0 29px; background-image: url(images/path_lines.gif); background-repeat: no-repeat;}
.pw285 {width: 285px; display: block; margin: 0 0 5px; text-align: center; border-bottom: 1px solid #999; color: #fff; background-color: #666;}




/* LIST NAVIGATION VARIABLES */
.navcontainer		 {margin-left: 0px; padding-bottom: 20px;}
.navline		 {list-style: none; padding: 0; margin: 0;}
.navline li 		{display: inline; padding: 0; margin: 0; background-image: url("images/nav_sep.gif"); background-repeat: no-repeat; background-position: 0 50%; padding: 0 0.5em 0 1em; margin: 0 1em 0 -1em; float: left;}
.navline .firstnav 	{background-image: url("images/spacer.gif"); background-repeat: no-repeat;}
	a.lnav:link, a.lnav:visited	{color: #000; text-decoration: none;}
	a.lnav:active, a.lnav:hover	{color: #c00; text-decoration: underline;}

/* TOOL TIP */
a.tooltip {position: relative;}
a.tooltip span {display: none;}
a.tooltip:hover span {display: block; position: absolute; top: 1.6em; left: 2em; padding: 2px 4px; background-color: #ffc; color: #000; border: 1px solid #000; width: 230px; text-decoration: none;}
a.tooltip:hover {background:;}






/* #####################################################################
   UNIVERSAL STYLE VARIABLES - DO NOT CHANGE THESE
   ##################################################################### */

/* POSITIONING VARIABLES */
	.center-margin		{margin: 0 auto;}
	.center-textalign	{text-align: center;}
	.float-left		{float: left;}
	.float-right		{float: right;}
	.float-clear		{clear: both;}

/* DISPLAY VARIABLES */	
	.block	{display: block;}
	.hidden	{display: hidden:}
	.clear {clear: both;}

/* WIDTH PERCENTAGES - 5% INCREMENTS */
	.w100per 	{width: 100%;}
	.w95per 	{width: 95%;}
	.w90per 	{width: 90%;}
	.w85per 	{width: 85%;}
	.w80per 	{width: 80%;}
	.w75per 	{width: 75%;}
	.w70per 	{width: 70%;}
	.w65per 	{width: 65%;}
	.w60per 	{width: 60%;}
	.w55per 	{width: 55%;}
	.w50per 	{width: 50%;}
	.w45per 	{width: 45%;}
	.w40per 	{width: 40%;}
	.w35per 	{width: 35%;}
	.w30per 	{width: 30%;}
	.w25per 	{width: 25%;}
	.w20per 	{width: 20%;}
	.w15per 	{width: 15%;}
	.w10per 	{width: 10%;}
	.w5per 		{width: 5%;}

/* WIDTH PIXELS - 50 PIXEL INCREMENTS */
	.w800pix 	{width: 800px;}
	.w750pix 	{width: 750px;}
	.w700pix 	{width: 700px;}
	.w650pix 	{width: 650px;}
	.w600pix 	{width: 600px;}
	.w550pix 	{width: 550px;}
	.w500pix 	{width: 500px;}
	.w450pix 	{width: 450px;}
	.w400pix 	{width: 400px;}
	.w350pix 	{width: 350px;}
	.w300pix 	{width: 300px;}
	.w250pix 	{width: 250px;}
	.w200pix 	{width: 200px;}
	.w150pix 	{width: 150px;}
	.w100pix 	{width: 100px;}
	.w50pix 	{width: 50px;}

/* PADDING BY SIDE OR ALL - 5px & 10px */
	.pad5left 	{padding-left: 5px;}
	.pad5right 	{padding-right: 5px;}
	.pad5top 	{padding-top: 5px;}
	.pad5bottom 	{padding-bottom: 5px;}
	.pad5all 	{padding: 5px;}

	.pad10left 	{padding-left: 10px;}
	.pad10right 	{padding-right: 10px;}
	.pad10top 	{padding-top: 10px;}
	.pad10bottom 	{padding-bottom: 10px;}
	.pad10all 	{padding: 10px;}
	
/* MARGIN BY SIDE OR ALL - 5px & 10px */
	.mar5left 	{margin-left: 5px;}
	.mar5right 	{margin-right: 5px;}
	.mar5top 	{margin-top: 5px;}
	.mar5bottom 	{margin-bottom: 5px;}
	.mar5all 	{margin: 5px;}

	.mar10left 	{margin-left: 10px;}
	.mar10right 	{margin-right: 10px;}
	.mar10top 	{margin-top: 10px;}
	.mar10bottom 	{margin-bottom: 10px;}
	.mar10all 	{margin: 10px;}
	
/* BORDER 1PX - BLACK */
	.border-1px-black-left 		{border-left: 1px solid #000;}
	.border-1px-black-right 	{border-right: 1px solid #000;}
	.border-1px-black-top		{border-top: 1px solid #000;}
	.border-1px-black-bottom 	{border-bottom: 1px solid #000;}
	.border-1px-black-all		{border: 1px solid #000;}