@charset "utf-8";
/* CSS Document */



/* General page styles ----------------------------- */
body
{
background-color: #8a421a;
font-family: "Century Gothic", Arial;
font-size: 12px;
color: #FFFFFF;
width: 875px;
margin: 0px auto 0px auto;
scrollbar-arrow-color: #AA8000;
scrollbar-3dlight-color: #5E3000;
scrollbar-darkshadow-color: #5E3000;
scrollbar-face-color: #5E3000;
scrollbar-track-color: #6b3418;
}

h1
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: oblique;
color: #FFCC00;

}

h3
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: oblique;
line-height: 15px;
font-variant: small-caps;
color: #FFCC00;
}

h4
{

}

h5
{

}

a img
{
border: 0px;
}

p
{

}

a
{
color: #fdc689;
text-decoration: underline;
font-weight: bold;
}

a:hover
{
color: #663300;
}

/* Content Element styles ------------------------- */

#headerTofa
{
margin: 0px auto 0px auto; 
width: 705px; 
position: relative;
}

#headerImage1
{
width: 171px;
height: 172px;
background-image: url(images/leftMastPic1.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

#rightContent
{
background-image: url(images/tofaGlobe.gif);
background-repeat: no-repeat;
height: 330px;
width: 335px;

}

#leftContent
{
width: 345px;

}

#trackToken
{
margin-top: 265px;
font-family: "Century Gothic", Arial;
font-size: 12px;
color: #FFFFFF;


}

#leftMast
{
font-family: "Century Gothic", Arial;
font-size: 12px;
color: #FFFFFF;
width: 353px;


}

#iconNavigation
{
margin-top: 3px;
margin-right: 7px;

}

.sublinks a
{
font-family: "Century Gothic", Arial;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;

}

.sublinks a:hover
{
color: #b78a35;
}

.socialmedia a
{
font-family: "Century Gothic", Arial;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;

}

.socialmedia a:hover
{
color: #b78a35;
}

.2ndLevel
{
margin-top: 0px;

}

.3rdLevel
{

}

.rollOverImgAd
{
float: left; 
width: 175px; 
height: 180px;
}

/* Margins & Padding  */

.2Margin
{
margin: 2px;
}

.theFooter
{
font-size: 9px;
width: 700px;
margin: 100px auto 0px auto;
text-align: center;
color: #FFFFFF;
}

.theFooter a
{
text-decoration: none;
color: #FFFFFF;
}

.theFooter a:hover
{

}

.clearBoth
{
clear: both;
}

.clearRight
{
clear: right;
}

.clearLeft
{
clear: left;
}

.textfield
{
background-color: #8a421a;
border: 1px dashed #FFF9E1;
}

#aTokenField
{
height: 125px;
width: 100%;
background-image: url(images/addStory_background.gif);
background-repeat: no-repeat;
background-position: top;
padding: 95px 0px 0px 10px;
text-align: center;
}

.squareContent
{

}

#theCharterMembers
{
width: 185px;
height: 230px;
float: left;
margin: 65px 0px 0px 65px;
overflow: auto;
}

#TokenInfoWindow
{
width: 680px;
height: 390px;
padding: 10px;
border: 1px solid #333333;
position: absolute;
margin: 23% 25% 0px 85px;
z-index: 99;
background-color: #996600;
overflow: auto;
text-align: left;
visibility: hidden;
filter: Alpha(Opacity=90);
}

#TokenInfoWindow p
{
text-align: left;
}

.justOrange
{
color: #ff9933;
font-weight: bold;
}

.justOrangeLG
{
color: #ff9933;
font-weight: bold;
font-size: 14px;
}

.justOrangeMED
{
color: #ff9933;
font-weight: bold;
font-size: 12px;
}

.justYellow
{
color: #FFF799;
font-weight: bold;
}

.justYellowLG
{
color: #FFF799;
font-weight: bold;
font-size: 14px;
}

.justYellowMED
{
color: #FFF799;
font-weight: bold;
font-size: 12px;
}

.justWHT
{
color: #ffffff;
font-weight: bold;
}

.justWHTLG
{
color: #ffffff;
font-weight: bold;
font-size: 14px;
}

.justWHTMED
{
color: #ffffff;
font-weight: bold;
font-size: 12px;
}

.the10pxMargin{margin: 10px;}
.the8pxMargin{margin: 8px;}
.the5pxMargin{margin: 5px;}

#TICKER
{

}