/* CSS Document */
<!--

html, body {
height: 100%;
background-color:#333333;
}

body{
background-image:url(../images/bgdark.gif);
background-repeat:repeat-x;
font-family:Georgia, serif;
font-size:17px;
line-height:22px;
margin-top: 0px;
margin-bottom: 0px;
margin-left:auto;
margin-right:auto;
text-align:center;
overflow:hidden;
}
a{
color:#000000;
}




table{
text-align:left;
color:#FFFFFF;
margin-left:100px;
}
table a:link{
color:#FFFFFF;
font-size:12px;
}
table a:visited{
color:#FFFFFF;
font-size:12px;
}
#wrapper{
width:864px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
padding-bottom:0px;
}
#fronttitle{
width:420px;
}
#fronttitle h1{
font-size:16px;
padding-left:18px;
padding-top:25px;
}
#toplogodiv{
width:723px;
float:left;
}
#searchdiv{
width:141px;
float:left;
height:90px;
margin:0;
padding:0;
}

#searchholder {
	padding-top:36px;
	float:left;
	width:87px;
	height:31px;
}
#searchForm{
padding:0;
margin:0;
text-align:left;
float:left;
}
#searchForm input{
padding:0;
margin-top:0;
padding-left:3px;
border:0;
height:18px;
font-size:10px;
width:84px;

}
#searchForm form{
width:200px;
padding:0;
margin:0;
font-size:10px;
}
#searchbutton{
padding-top:36px;
width:18px;
height:18px;
cursor:pointer;
vertical-align:bottom;
float:left;
}
#searchbutton img{
padding-top:0;
margin-top:0;
vertical-align:top;
height:18px;
width:18px;
}
#accessbutton{
float:left;
}
#accessbutton a:link{
font-size:10px;
text-decoration:none;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#accessbutton a:hover{
font-size:10px;
text-decoration:underline;
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#accessbutton a:visited{
font-size:10px;
text-decoration:none;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contentwarning{
font-size:12px;
float:right;
margin-right:35px;
}
#contentwarning a:link{
color:#000000;
}
#contentwarning a:visited{
color:#000000;
}
#contentwarning a:hover{
color:#999999;
}
#Table_01 {
	width:864px;
	height:600px;
}

#Navigation-Jun08-Spliced-01 {
	float:left;
	width:250px;
	height:90px;
	text-align:left;
}

#Navigation-Jun08-Spliced-02 {
	float:left;
	width:473px;
	height:90px;
	background-color:#333333;
	color:#FFFFFF;
	font-size:15px;
	line-height:18px;
	text-align:left;
	padding-left:0px;
	font-weight:bold;
	padding-top:0px;
}

#Navigation-Jun08-Spliced-03 {
	float:left;
	width:141px;
	height:61px;
}



#Navigation-Jun08-Spliced-05 {
	float:left;
	width:723px;
	height:2px;
}

#1stnavbar {
	float:left;
	width:864px;
	height:20px;
	background-color:#993300;
	background:#993300;
	text-align:left;
	overflow:hidden;
	max-height:20px;
	min-height:20px;
	color:#FFFFFF;
}

#2ndnavbar {
	float:left;
	width:864px;
	height:20px;
	background-color:#996600;
	overflow:hidden;
	max-height:20px;
	min-height:20px;
	color:#FFFFFF;
}

#3rdnavbar {
	float:left;
	width:864px;
	height:20px;
	background-color:#cc9933;
	overflow:hidden;
	max-height:20px;
	min-height:20px;
	color:#FFFFFF;
	clear:both;
}
#title{
width:864px;
font-family:Trebuchet MS;
float:left;
color:#FFFFFF;
color:#000;
margin-top:-22px;
margin-left:84px;
font-size:12px;
padding-left:5px;
}

#Navigation-Jun08-Spliced-09 {
	float:left;
	width:864px;
	height:2px;
}

#Navigation-Jun08-Spliced-10 {
	float:left;
	width:864px;
	height:412px;
}

#Navigation-Jun08-Spliced-11 {
	float:left;
	width:864px;
	height:1px;
}

#Navigation-Jun08-Spliced-12 {
	float:left;
	width:591px;
	height:1px;
}

#Navigation-Jun08-Spliced-13 {
	float:left;
	width:273px;
	height:55px;
	padding-top:2px;
}

#bottomnav {
	float:left;
	height:54px;
}
#bottomnav a:link{
	color:#B3B3B3;
	text-decoration:none;
}
#bottomnav a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
#bottomnav a:visited{
	color:#B3B3B3;
	text-decoration:none;
}
#bottompanel{
width:70px;
float:left;
height:45px;
clear:left;
}
#bottompanel2{
float:left;
width:273px;
text-align:right;
}
#bottompanelinner{
width:410px; 
float:left;
}
#bottompanel3{
color:#B3B3B3;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:right;
padding-top:7px;
}
#bottompanel3 a:link{
color:#FFFFFF;
}
#bottompanel3 a:visited{
color:#FFFFFF;
}
#bottompanel3 a:hover{
color:#999999;
}
#bottompanel4{
line-height:14px;
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:right;
}
#tradingfaces{
float:left;
width:80px;
height:25px;
padding-top:15px;
padding-left:14px;
}
h1{
color:#FFFFFF;
font-size:12px;
margin-top:0px;
}
h2{
color:#000000;
font-size:12px;
margin-top:0px;
}
#title h2{
line-height:18px;
}
#title li{
line-height:18px;
margin-left:0px;
}
#title a{
color:#fff;
}
#title a:link{
/*color:#fff;*/
text-decoration:none;
font-weight:bold;
margin-top:0px;
padding-top:0px;
}
#title a:hover{
color:#000;
text-decoration:none;
font-weight:bold;
}
#title a:visited{
color:#fff;
text-decoration:none;
font-weight:bold;
}
.littlespace{
margin-right:10px;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {font-family: Trebuchet MS, sans-serif; width:854px; height:20px; position:relative; margin:0; font-size:12px; margin:0px 0px 22px 79px; position:relative; z-index:100; min-height:20px; float:left; font-weight:bold;}
.menu ul {padding:0; margin:0 10px 0 10px; list-style-type: none;}

.menu ul li {float:left; padding:2px 0px 0px 10px;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; padding:0 10px 0 0px; height:18px; line-height:18px; color:#FFFFFF}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:20px; left:0; margin-top:0px}


.menu ul li:hover a,
.menu ul li a:hover {color:#CC9933; height:18px; margin-top:0px;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:864px;background:#CC9933; color:#fff; height:20px;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#CC9933; color:#fff;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:22px;}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; color:#fff; }

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {color:#000;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#fff;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#fff; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#fff; color:#fff;}

#title ul {padding:0; margin:0 10px 0 0px; list-style-type: none;}

#title ul li { float:left; padding:2px 0px 0px 10px; height:18px;}


.roundedgoldleft{
background-image:url(../images/test/left_tab_gold.gif);
background-repeat:no-repeat;
background-position:left 2px;
}

.roundedgoldright{
background-position:right;
background-image:url(../images/test/right_tab_gold.gif);
background-repeat:no-repeat;
background-color:#CC9933;
color:#FFFFFF;
}
.roundedgoldright h1{
display:inline;
color:#FFFFFF;
}
a.roundedgoldright:link{
color:#FFFFFF;
}
a.roundedgoldleft:hover{
color:#FFFFFF;
}
a.roundedgoldleft:visited{
color:#FFFFFF;
}
.roundedwhiteleft{
background-image:url(../images/test/left_tab_white.gif);
background-repeat:no-repeat;
background-position:left 3px;
}
.roundedwhiteright{
background-image:url(../images/test/right_tab_white.gif);
background-position:right 0px;
background-repeat:no-repeat;
background-color:#fff;
color:#000;
height:18px;
margin-top:2px;
padding-right:10px;
border-top:1px #CC9933 solid;
}
.roundedwhitelefttitle{
background-image:url(../images/test/left_tab_white.gif);
background-repeat:no-repeat;
background-position:left 2px;
color:#000000;
}
.roundedwhiterighttitle{
background-position:right;
background-image:url(../images/test/right_tab_white.gif);
background-repeat:no-repeat;
background-color:#fff;
color:#000;
height:18px;
margin-top:0px;
padding-right:10px;
float:left;
}
.roundedwhiterighttitle li{
color:#000000;
}
.roundedwhiterighttitle h2{
color:#000000;
display:inline;
}
a.roundedwhiterighttitle:link{
color:#000000;
}
a.roundedwhiterighttitle:visited{
color:#000000;
}
a.roundedwhiterighttitle:active{
color:#000000;
}
a.roundedwhiterighttitle:hover{
color:#000000;
}

/*Home page*/
#hometop{
height:179px;
background-color:#FFFFFF;
}
#homebottom{
height:233px;
background-color:#ebd699;
}
#homeinnerleft{
font-size:14px;
font-family:Georgia, serif;
width:557px;
text-align:left;
float:left;
margin-left:100px;
margin-top:10px;
line-height:20px;
}
#homeinnerright{
width:207px;
float:left;
margin-top:10px;
margin-left:0px;
}




.frontbuttonholder{
width:157px; height:18px; margin-bottom:10px; margin-right:35px; float:right; margin-top:15px; margin-left:30px;
}

.frontbuttonholderleft{
width:8px; height:18px; background-image:url(../images/front-button-leftside.gif); float:left;
}
.frontbuttonholderright{
width:8px; height:18px; background-image:url(../images/front-button-rightside.gif); float:left;
}
.frontbuttonholderinner{
width:135px; height:18px; float:left; background-color:#993300; font-size:12px; font-weight:bold; color:#FFFFFF; font-family:"Trebuchet MS";
}
.frontbuttonholdertext{
position: relative; top: -10%;
}
.frontbuttonholderinner a:link{
color:#FFFFFF;
text-decoration:none;
}
.frontbuttonholderinner a:hover{
color:#FFFFFF;
text-decoration:none;
}
.frontbuttonholderinner a:visited{
color:#FFFFFF;
text-decoration:none;
}
#bottomnavbar{
font-family:"Trebuchet MS";
font-size:16px;
font-weight:bold;
height:26px;
}
#bottomnavbar a:link{
text-decoration:none;
}
#bottomnavbar a:hover{
text-decoration:none;
}
#bottomnavbar a:visited{
text-decoration:none;
}
#performingartstab{
text-align:left;
color:#336633;
float:left;
width:250px;
height:26px;
}
#performingartstab a:link{
color:#336633;
}
#performingartstabover{
text-align:left;
background-image:url(../images/pa-tab.jpg);
display:none;
float:left;
width:250px;
height:26px;
}
#performingartstabover a:link{
color:#000;
}
#voicestab{
text-align:centre;
float:left;
width:92px;
height:26px;
}
#voicestab a:link{
color:#996600;
}
#voicestabover{
background-color:#d9ae00;
text-align:centre;
float:left;
width:92px;
display:none;
height:26px;
}
#voicestabover a:link{
color:#000;
}
#opendoorstab{
text-align:left;
color:#336633;
float:left;
width:233px;
height:26px;
}
#opendoorstabover{
text-align:left;
color:#336633;
float:left;
width:233px;
height:26px;
background-image:url(../images/od-tab.jpg);
display:none;
}
#opendoorstab a:link{
margin-left:15px;
color:#B30000;
}
#opendoorstabover a:link{
margin-left:15px;
color:#fff;
}
#normalpanel{
width:864px; height:207px; background-image:url(../images/Home_Montage.jpg); display:block;
}
#performingartspanel{
width:864px; height:207px; background-image:url(../images/Rollover_Performing.jpg); display:none;
}
#performingartspanelinner{
font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:12px; line-height:20px; width:540px; height:137px; margin-left:0px; text-align:left; float:left; margin-left:100px; margin-top:10px;
}
#voicespanel{
width:864px; height:207px; background-image:url(../images/Rollover_Voices.jpg); display:none;
}
#voicespanelinner{
font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:12px; line-height:20px; width:451px; height:137px; margin-left:0px; text-align:left; float:left; margin-left:100px; margin-top:10px;
}
#opendoorspanel{
width:864px; height:207px; background-image:url(../images/Rollover_OpenDoors.jpg); display:none;
}
#opendoorspanelinner{
font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:12px; line-height:20px; width:495px; height:137px; margin-left:0px; text-align:left; float:left; margin-left:100px; margin-top:10px;
color:#FFFFFF;
}
#papanelbtn{
background-image:url(../images/pa-panel-btn.gif);
width:94px; height:18px;
color:#FFFFFF; font-family:"Trebuchet MS";
}
#papanelbtnmiddle {position: absolute; top: 50%;} /* for explorer only*/
#papanelbtnmiddle[id] {display: table-cell; vertical-align: middle; position: static;}
#papanelbtninner {position: relative; top: -10%} /* for explorer only */
/* optional: #contactpanelbtninner[id] {position: static;} */
#papanelbtn a:link{
margin-left:10px;
color:#FFFFFF; font-family:"Trebuchet MS"; font-weight:bold;
text-decoration:none;
}
#papanelbtn a:visited{
margin-left:10px;
color:#FFFFFF; font-family:"Trebuchet MS"; font-weight:bold;
text-decoration:none;
}
#vpanelbtn{
background-image:url(../images/v-panel-btn.gif);
width:94px; height:18px;
color:#FFFFFF; font-family:"Trebuchet MS"; font-weight:bold;
background-position:center;
display:inline;
float:left;
position:relative;
cursor:pointer;
}
#vpanelbtnmiddle {position: absolute; top: 50%;} /* for explorer only*/
#vpanelbtnmiddle[id] {display: table-cell; vertical-align: middle; position: static;}
#vpanelbtninner {position: relative; top: -10%} /* for explorer only */
/* optional: #contactpanelbtninner[id] {position: static;} */
#vpanelbtn a:link{
margin-left:10px;
color:#FFFFFF; font-family:"Trebuchet MS"; font-weight:bold;
text-decoration:none;
}
#vpanelbtn a:visited{
margin-left:10px;
color:#FFFFFF; font-family:"Trebuchet MS"; font-weight:bold;
text-decoration:none;
}
#odpanelbtn{
background-image:url(../images/od-panel-btn.gif);
width:94px; height:18px;
color:#FFFFFF; font-family:"Trebuchet MS";font-weight:bold;
background-position:center;
display:inline;
float:left;
position:relative;
cursor:pointer;
}
#odpanelbtnmiddle {position: absolute; top: 50%;} /* for explorer only*/
#odpanelbtnmiddle[id] {display: table-cell; vertical-align: middle; position: static;}
#odpanelbtninner {position: relative; top: -10%} /* for explorer only */
/* optional: #contactpanelbtninner[id] {position: static;} */
#odpanelbtn a:link{
margin-left:10px;
color:#FFFFFF; font-family:"Trebuchet MS"; font-weight:bold;
text-decoration:none;
}
#odpanelbtn a:visited{
margin-left:10px;
color:#FFFFFF; font-family:"Trebuchet MS"; font-weight:bold;
text-decoration:none;
}
/*Open Doors*/
#opendoors{
background-image:url(../images/opendoors/OpenDoors_Back.gif);
width:864px;
height:412px;
}
#opendoorstext{
background-color:#FFFFFF;
width:864px;
height:412px;
overflow:auto;
}
#opendoorstextpop{
background-color:#FFFFFF;
width:864px;
height:390px;
overflow:auto;
}
#opendoorstext a:link{
color:#B30000;
}
#opendoorstext a:visited{
color:#B30000;
}
#opendoorsintro{
color:#FFFFFF;
font-family:Georgia, serif;
font-size:12px;
text-align:left;
float:left;
margin-left:102px;
margin-top:61px;
width:530px;
line-height:18px;
}
#opendoorsbuttons{
float:left;
padding-top:30px;
padding-left:248px;
}
#opendoorsbuttons img{
margin-bottom:3px;
border:0;
float:left;
}
#opendoorsbanner{
margin-left:100px;
margin-top:30px;
margin-bottom:0px;
text-align:left;
float:left;
width:664px;
height:55px;
}
#opendoorsinnerstart{
text-align:left;
float:left;
width:504px;
font-family:Verdana,sans-serif;
font-size:11px;
color:#000000;
line-height:14px;
margin-top:5px;
}
#opendoorsinnermain{
text-align:left;
float:left;
width:504px;
font-family:Verdana,sans-serif;
font-size:11px;
color:#000000;
margin-top:15px;
line-height:20px;
}
#opendoorscolumns{
float:left;
}
#opendoorscolumn1{
margin-top:10px;
margin-left:125px;
float:left;
width:120px;
height:150px;
text-align:left;
}
#opendoorssubmittitle{
margin-top:19px; float:left; margin-left:20px;
}
.opendoorselement{
border-bottom:#990000 1px solid;
float:left;
}
.opendoorsimage{
width:120px;
height:120px;
float:left;
}
.opendoorsdata{
float:left;
width:367px;
padding-left:10px;
}
/*Contact Page*/
#contactcolumn1{
float:left;
clear:both;
width:100px;
height:350px;
}
#contactcolumn2{
width:350px;
float:left;
text-align:left;
font-size:11px;
font-family:Verdana,sans-serif;
}
#contactcolumn3{
width:400px;
float:left;
text-align:left;
font-size:11px;
font-family:Verdana,sans-serif;
margin-top:18px;
line-height:28px;
}
#contactcolumn3 hr{
width:350px;
float:right;
}
.contactstyle{
display:block;
text-align:left;
float:left;
margin-left:0;
padding:5px;
width:320px;
height:160px;
font-family:Verdana,sans-serif;
margin-top:0;
padding-top:0;
}
#contactgreypanel{
width:297px;
float:left;
font-size:10px;
line-height:14px;
background-color:#CCCCCC;
padding:18px;
margin-top:10px;
}
#contactgreypanel a:link{
color:#993300;
}
#contactgreypanel a:visited{
color:#993300;
}
#contactpanelbtn{
background-image:url(http://www.tradingfacesonline.com/images/od-panel-btn.gif);
background-position:bottom;
width:94px; height:18px;
color:#FFFFFF; font-family:"Trebuchet MS";font-weight:bold;
display:inline;
margin-bottom:15px;
padding-top:-5px;
padding-bottom:1px;
margin-left:30px;
float:right;
position:relative;
cursor:pointer;
}
#contactpanelbtnmiddle {position: absolute; top: 50%;} /* for explorer only*/
#contactpanelbtnmiddle[id] {display: table-cell; vertical-align: middle; position: static;}
#contactpanelbtninner {position: relative; top: -25%} /* for explorer only */
/* optional: #contactpanelbtninner[id] {position: static;} */

#contactpanelbtn a:link{
margin-left:10px;
color:#FFFFFF; font-family:"Trebuchet MS"; font-weight:bold;
text-decoration:none;
}
#contactpanelbtn a:visited{
margin-left:10px;
color:#FFFFFF; font-family:"Trebuchet MS"; font-weight:bold;
text-decoration:none;
}
.contactcolumnspacing{
margin-top:10px;
width:192px; float:left;
}
#plaintext{
padding-top:10px;
font-family:Verdana, sans-serif;
font-size:11px;
float:left;
text-align:left;
width:635px;
line-height:16px;
}
#plaintext p{
margin-top:0px;
margin-bottom:8px;
}
#plaintext h1{
color:#993300;
font-family:"Trebuchet MS";
font-size:14px;
font-weight:bold;
margin-bottom:3px;
margin-top:12px;
}
#plaintext h2{
margin-bottom:0;
}
#plaintext ul{
padding:0;
}
#plaintext li{
padding:0;
}
#pa-front-holder{
background-image:url(../images/pa-background.jpg);
height:412px;
width:864px;
}
#pa-front-holder p{
margin-top:0;
margin-bottom:8px;
}
#pa-intro-text1{
margin-left:100px;
float:left;
color:#FFFFFF;
font-size:12px;
font-family:Georgia, serif;
width:560px;
text-align:left;
line-height:18px;
margin-top:50px;
}
#pa-intro-text2{
margin-left:100px;
float:left;
color:#FFFFFF;
font-size:12px;
font-family:Georgia, serif;
width:520px;
text-align:left;
line-height:18px;
margin-top:0px;
}
#pa-front-nav{
margin-top:240px;
width:197px;
float:left;
margin-left:20px;
}
#voicesfront{
width:864px; height:412px; background-image:url(../images/VoicesStart_Back2.jpg); float:left;
}
#voicesfrontinner{
color:#FFFFFF;
font-size:12px;
text-align:left;
width:665px;
margin-top:50px;
margin-left:100px;
line-height:18px;
float:left;
}
#accessfrontinner{
color:#FFFFFF;
font-size:12px;
text-align:left;
width:665px;
margin-top:50px;
margin-left:100px;
line-height:18px;
float:left;
height:350px;
overflow:auto;
}
#accessfrontinner a:link{
color:#FF9900;
}
#accessfrontinner a:visited{
color:#FF9900;
}
.creditscolumn1{
width:459px; float:left;
}
#plaintext h1{
padding-top:0;
margin-top:12px;
clear:left;
}
.creditscolumnfull{
width:630px; float:left;
}
.creditscolumn2{
width:160px; float:left;
}
.creditscolumnA{
width:190px; float:left;
}
.creditscolumnB{
width:270px; float:left;
}
.creditscolumnC{
width:173px; float:left;
}
.creditshr{
color:#990000;
height:1px;
float:left;
width:640px;
clear:left;
margin-top:8px;
}
#plaintext ol, ol ol {
list-style-type: numeric;
}
#toc h1{
color:#993300;
font-family:"Trebuchet MS";
font-size:14px;
font-weight:bold;
margin-bottom:3px;
margin-top:12px;
display:inline;
margin-right:5px;
}
#toc ol{
padding-top:5px;
padding-bottom:5px;
margin-left:5px;
}
#toc li{
padding-top:5px;
padding-bottom:5px;
margin-left:5px;
}
#toc{
float:left;
}
#surveylink{ font-size:11px; color:#9999FF; width:158px; margin-top:8px; float:left; padding:0px; line-height:13px; text-align:left;
}
#surveylink a{
color:#FFFFFF;
font-weight:bold;
}
#PureCreative{
display:none;
}
-->