body {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Lucida Grande, Verdana, Arial, Trebuchet, Sans-serif;
	background: #b7879c;
}
h1 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 28px;
	font-weight: 900;
/*	color: #8282ec; */
	color: #000000;
}
h2 {
	margin: 0 0 5px;
	padding: 0;
}
p {
	font-family: Lucida Grande, Verdana, Arial, Trebuchet, Sans-serif;
	font-size: 11px;
	margin: 0 0 16px;
	padding: 0;
}
.Content>p {
	margin: 0;
}
.Content>p+p {
	text-indent: 30px;
}

a {
	color: #666;
	font-family: Lucida Grande, Verdana, Arial, Trebuchet, Sans-serif;
	text-decoration: none;
}
a:link {
	color: #666;
}
a:visited {
	color: #333;
}
a:hover {
	text-decoration: underline;
}

.content {
	background-image: url('/aftft/img/aftft/clothbg1.png');
	background-repeat: repeat;
 	background-color: #ddd;
 	position: left;
	min-width: 120px;
/*	width: expression(Math.min(parseInt(this.offsetWidth), 986 ) + "px"); */
  	width: expression( 818 + "px"); 
	margin: 25px 25px 25px 205px;
	border: 5px solid #c7dbaa;
	padding: 20px;
	z-index: 3;
	font-family: Lucida Grande, Verdana, Arial, Trebuchet, Sans-serif;
	font-size: 11px;
}

#tiki-left {
  	position: absolute; 
	width: 150px;
	top: 225px;
	left: 10px;
	right: 20px;
	color: #333;
	padding: 10px;
  	z-index: 1;
	border: 1px solid black;
	voice-family: inherit;
	background: #ddd;
}
body>#tiki-left {
	width: 150px;
}
#tiki-right {
	position: absolute;
	width: 128px;
	top: 25px;
	right: 20px;
	border: 1px solid black;
	color: #333;
	padding: 10px;
	z-index: 1;
	voice-family: inherit;
	text-shadow: 0 0 2px #FFF;
	background: #ddd;
}
body>#tiki-right {
	width: 168px;
}


div.tiki-top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0;
	z-index: 100;
	voice-family: inherit;
	width: 100%;
}

body>div.tiki-top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 0;
	z-index: 100;
	voice-family: inherit;
	width: 100%;
}


div.title {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='aftft/title_background.png');
	filter:alpha(opacity=0);
	text-align: right;
	padding-right: 10px;
	font-size: 12px;
	font-weight: bold;
	font-color: #000;
}

div>div.title {
	background: transparent url("aftft/title_background.png");
	text-align: right;
	padding-right: 10px;
	font-size: 12px;
	font-weight: bold;
	font-color: #000;
}

.titlefont, a.titlefont:link, a.titlefont:hover, a.titlefont:visited, a.titlefont:active {
	font-family: Arial, copperplate gothic light, Verdana, Sans-serif;
	font-size: 10pt;
	color: #000;
	text-shadow: 1px 4px 5px #999;
	text-decoration: none;
	padding: 5px;
}
a.titlelink:link, a.titlelink:active, a.titlelink:visited {
	font-size: 8pt;
	color: #fff;
	text-decoration: none;
}
a.titlelink:hover {
	text-decoration: none;
	text-shadow: 0 0 3px #fff;
}
#shadow {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='aftft/shadow.png');
	filter: alpha(opacity=0);
	height: 20px;
	width: 100%;
	z-index: 5;
}
div>#shadow {
	background: transparent url("aftft/shadow.png");
	height: 20px;
	width: 100%;
	z-index: 5;
}
#page-bar {
	width: 100%;
	margin: 0;
	padding: 0;
}
#page-bar ul {
	width: 100%;
	display: inline;
	list-style: none;
}
#page-bar ul li {
	display: inline;
	list-style: none;
}
#page-bar ul li a {
	color: #333;
	float: left;
	text-decoration: none;
	height: 15px;
	padding: 0.2em 0.4em;
	background: #eee;
}
#page-bar ul li a:hover {
	color: #fff;
	background: #666;
}
#page-bar ul li a.active {
	background: red;
}
#treemenu {
	margin: 0;
	padding: 0;
}
#treemenu ul {
	list-style: none;
}
#treemenu ul li {
	list-style: none;
	list-style-type: none;
	padding-top: .2em;
	padding-bottom: .2em;
	margin-left: -35px;
}
#treemenu ul li img {
	vertical-align: middle;
}
#treemenu ul li a {
	height: 15px;
	padding: 0.2em 0.2em;
}
#treemenu ul li a:hover {
	color: #000;
}
.active {
	background: red;
}
.open {
	display: block;
}
.closed {
	display: none;
}
table.wikitable {
	font-family: Lucida Grande, Verdana, Arial, Trebuchet, Sans-serif;
	font-size: 11px
	width: 650px;
}

/* =========================================== PHP Layers ================================= */
.mdkhorbar      {
        color: black;
        background-color: #e6e7e6;
        border: 1px outset #525252;
}

.horbar {
	margin-left: 10px;
}

.horbaritem a {
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

.harbaritem a:visited {
	color: #FFFFFF;
}

.horbaritem a:hover {
	background-color: #21449c;
	color: #FFFFFF;
}

.mdkhorbaritem  {
        float: left;
        white-space: nowrap;
        font-size: 10px;
}

.mdkhorbaritem a        {
        display: block;
        text-decoration: none;
}

.mdkhorbaritem a:link   {
        color: #000000;
}

.mdkhorbaritem a:visited        {
        color: #000000;
}

.mdkhorbaritem a:hover  {
        color: #ffffff;
        background-color: #21449c;
}

.mdkhorbaritem a:active {
        color: #ff0000;
}

.mdkverbar      {
        color: black;
        background-color: #e6e7e6;
        border: 1px outset #fdfefd;
}

.mdksubmenu     {
        position: absolute;
        left: 0;
        top: 0;
        visibility: hidden;
         -moz-opacity:0.8;
	filter:alpha(opacity=80)
}

.mdksubframe    {
        position: relative;
        display: block;
        background-color: #394661;
        border: 2px outset #fdfefd;
}

.mdkitem        {
        position: relative;
        text-align: left;
        white-space: nowrap;
        font-size: 10px;
}

.mdkitem a      {
        position: relative;
        display: block;
        text-decoration: none;
}

.mdkitem a:link {
        color: #FFFFFF;
}

.mdkitem a:visited      {
        color: #FFFFFF;
}

.mdkitem a:hover        {
        color: #ffffff;
        background-color: #21449c;
}

.mdkitem a:active       {
        color: #ff0000;
}

.mdkitem .mdkfwdarr     {
        position: absolute;
        top: 5px;
        right: 12px;
}
input, textarea, select {
	font-size : 10px;
}



/******************************************************* CALENDAR **********************************************************/

/* LINKS TO DAYS IN THE CALENDAR */
.day {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   9px;
	text-decoration:   none;
	color:   black;
}

.day:active {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   9px;
	text-decoration:   none;
	color:   black;
}

.day:hover {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   9px;
	color:   black;
	background:   #CCCCCC;
	text-decoration:   none;
}

.day:link {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   9px;
	text-decoration:   none;
	color:   black;
}

.day:visited {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   9px;
	text-decoration:   none;
	color:   black;
}

/* LINKS FOR TODAY */
.today {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   9px;
	text-decoration:   none;
	color:   black;
	font-weight:   bold;
	text-decoration:   none;
}

.today:active {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   9px;
	text-decoration:   none;
	color:   black;
	font-weight:   bold;
	text-decoration:   none;
}

.today:hover {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   9px;
	color:   black;
	text-decoration:   none;
	font-weight:   bold;
	background:   #CCCCCC;
}

/* Links to change month, year or go to today */
.nav {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   9px;
	text-decoration:   none;
	color:   black;
	font-weight:   bold;
	text-decoration:   none;
}

.nav:active {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   9px;
	text-decoration:   none;
	color:   black;
	font-weight:   bold;
	text-decoration:   none;
}

.nav:hover {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   9px;
	color:   black;
	text-decoration:   none;
	font-weight:   bold;
	background:   #CCCCCC;
}

.changedate {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   8px;
	background:   white;
	color:   black;
	font-weight:   bold;
}

.date {
	font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:   9px;
	background:   white;
	color:   Black;
	font-weight:   bold;
}


.opaque
{
/*      opacity: .70; */
/*      background-color: #ffffff; */
	background: #c7dbaa;
        width: auto;
        border: 1px solid #666666;
        padding: 1px;
}

.box-title
{
	background: #c7dbaa;
	font-weight: bold;
	margin-top: 20px;
	padding-left: 3px;
	border: black solid;
	border-width: 1px;
}
   


/*
.opaque .box-title,
.opaque, .box-data
{
        width: auto;
}
*/


.calcontent {
        min-height: 60px;
}

TD.odd, td.gallistnameodd, td.gallistdescriptionodd, td.gallistcreatedodd, td.gallistlastModifodd, td.gallistuserodd, td.gallistimagesodd, td.gallisthitsodd, td.gallistactionsodd, td.listgalidodd, td.listgalnameodd, td.listgalcreatedodd, td.listgalhitsodd, td.listgaluserodd, td.listgalfilesizeodd, td.bloglistnameodd, td.bloglistdescriptionodd, td.bloglistcreatedodd, td.bloglistlastModifodd, td.bloglistuserodd, td.bloglistpublicodd, td.bloglistpostsodd, td.bloglistvisitsodd, td.bloglistactivityodd, td.bloglistactionsodd, td.listfgalnameodd, td.listfgaldescriptionodd, td.listfgalcreatedodd, td.listfgallastModifodd, td.listfgaluserodd, td.listfgalfilesodd, td.listfgalvisitsodd, td.listfgalactionsodd, td.listfilesnameodd, td.listfilesdescriptionodd, td.listfilesidodd, td.listfilesfilenameodd, td.listfilesfilesizeodd, td.listfilescreatedodd, td.listfilesdlsodd, td.listfilesnameodd, td.listfilesuserodd, td.listfilesactionsodd, td.listarttitleodd, td.listarttopicodd, td.listartpublishDateodd, td.listartauthorodd, td.listartreadsodd, td.listarthasimageodd, td.listartuseimageodd, td.listartactionsodd, td.listartsizeodd, td.forumstableodd, td.forumstableinfoodd, td.topictitleodd, td.topicrepliesodd, td.topicreadsodd, td.topicscoreodd, td.topiclastpostodd, td.topicauthorodd, td.jukeboxlistnameodd, td.jukeboxdescriptionodd, td.jukeboxcreatedodd, td.jukeboxlastmodifodd, td.jukeboxlistuserodd, td.jukeboxlisttracksodd, td.jukeboxlistvisitsodd {
        font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:   12px;
        color:   Black;
        background-color:   #EFEFEF;
        vertical-align:   top;
        text-align:   left;
}

/* Even rows in several listings */
TD.even, td.gallistnameeven, td.gallistdescriptioneven, td.gallistcreatedeven, td.gallistlastModifeven, td.gallistusereven, td.gallistimageseven, td.gallisthitseven, td.gallistactionseven, td.listgalideven, td.listgalnameeven, td.listgalcreatedeven, td.listgalhitseven, td.listgalusereven, td.listgalfilesizeeven, td.bloglistnameeven, td.bloglistdescriptioneven, td.bloglistcreatedeven, td.bloglistlastModifeven, td.bloglistusereven, td.bloglistpubliceven, td.bloglistpostseven, td.bloglistvisitseven, td.bloglistactivityeven, td.bloglistactionseven, td.listfgalnameeven, td.listfgaldescriptioneven, td.listfgalcreatedeven, td.listfgallastModifeven, td.listfgalusereven, td.listfgalfileseven, td.listfgalvisitseven, td.listfgalactionseven, td.listfilesnameeven, td.listfilesdescriptioneven, td.listfilesideven, td.listfilesfilenameeven, td.listfilesfilesizeeven, td.listfilescreatedeven, td.listfilesdlseven, td.listfilesnameeven, td.listfilesusereven, td.listfilesactionseven, td.listarttitleeven, td.listarttopiceven, td.listartpublishDateeven, td.listartauthoreven, td.listartreadseven, td.listarthasimageeven, td.listartuseimageeven, td.listartactionseven, td.listartsizeeven, td.forumstableeven, td.forumstableinfoeven, td.topictitleeven, td.topicreplieseven, td.topicreadseven, td.topicscoreeven, td.topiclastposteven, td.topicauthoreven, td.jukeboxlistnameeven, td.jukeboxdescriptioneven, td.jukeboxcreatedeven, td.jukeboxlastmodifeven, td.jukeboxlistusereven, td.jukeboxlisttrackseven, td.jukeboxlistvisitseven {
        font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:   12px;
        background-color:   white;
        color:   Black;
        vertical-align:   top;
        text-align:   left;
}

/***************************** Blog Specific Definitions **********************/
/******************************************************* WEBLOGS **********************************************************/

/* The header of a weblog post */
div.posthead {
        background-color:    #B5A58C;
        font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:   13px;
        color:   white;
        font-weight:   bold;
        overflow:   hidden;
        border:   1px solid black;
        border-bottom:   0px;
        text-align:   center;
        padding-left:   0px;
        padding-right:   0px;
        margin-bottom:   0px;
}

/* The font used in the heading of the weblog */
span.posthead {
        font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:   13px;
        font-weight:   bold;
        color:   white;
}

/* Links in the weblog post heading (edit/remove) */
/* When there's a link in a cbox-title */
.blogt {
        font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:   11px;
        color:   white;
        text-decoration:   none;
}

.blogt:active {
        font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:   11px;
        color:   white;
        text-decoration:   none;
}

.blogt:hover {
        font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:   11px;
        color:   white;
        text-decoration:   underline;
}

/* The post body */
div.postbody {
        overflow:    hidden;
        background:   white;
        border:   1px solid black;
        font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:   11px;
        color:   black;
        padding-left:   5px;
        padding-top:   5px;
        padding-bottom:   5px;
        margin-bottom:   10px;
}

/* The weblog title */
div.blogtitle {
        font-family:    Verdana, Arial, Helvetica, sans-serif;
        color:   white;
        font-size:   11px;
        font-weight:   bold;
        font-size:   18px;
        background-color:   #5a4a39;
        padding-left:   2px;
        padding-right:   5px;
        margin-top:   10px;
        border:   1px solid black;
        border-bottom:   0px;
}

/* The weblog information */
div.bloginfo {
        background:    white;
        border:   1px solid black;
        padding-left:   0.8em;
        padding-right:   0.8em;
        padding-top:   0.5em;
        padding-bottom:   0.5em;
        margin-bottom:   10px;
        font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:   11px;

        clear:   both;
}

/* Weblog description */
div.blogdesc {
        background:    white;
        border:   1px solid black;
        padding-left:   0.8em;
        padding-right:   0.8em;
        padding-top:   0.5em;
        padding-bottom:   0.5em;
        margin-bottom:   10px;
        font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:   11px;
        clear:   both;
}

/* Links to post/edit/rss feed for the webelog are contained inside this div */
div.blogtools {
        background:    white;
        border:   1px solid black;
        padding-left:   0.8em;
        padding-right:   0.8em;
        padding-top:   0.5em;
        padding-bottom:   0.5em;
        margin-bottom:   10px;
        font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:   10px;
        clear:   both;
}



/************************ Special Site Specific Definitions *******************/

div.teaquote {
        font-family:    Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:   12pt;
        font-weight:   bold;
	padding-left: 12px;
        color:   Black;
        vertical-align:   top;
        text-align:   center;
#	opacity: .75;
#	filter:alpha(opacity=80);
}

div.imgleft{
	float: left;
}
div.imgtext {
	vertical-align: top;
}

div.cup {
	background-image: url('aftft/img/aftft/Teacupbackdrop.png');
	min-width: 640;
	min-height: 480;
}