

body {

font: normal 8pt Verdana, Arial;
color: #FFFFFF;
margin: 0px;
background-color: #181818;
background-position: center;
background-repeat: repeat;
min-width: 770px;
border: 0px;
cursor: url('cursor.ani');

/*
scrollbar-face-color: #22A222;
scrollbar-shadow-color: #209B20;
scrollbar-highlight-color: #007100;
scrollbar-3dlight-color: #24AC24;
scrollbar-darkshadow-color: #1E1E1E;
scrollbar-track-color: #1D1D1D;
scrollbar-arrow-color: #FFFFFF;
*/

}




a.imagebuttons:hover {

position: relative;
left: 1%;

}



.headertable {

height: 110px;
border: 0px;
background-color: #181818;

}

.headertablecell1 {

background-image: url(images/layout/black/headerbg.gif);

}

.headertablecell2 {

width: 221px;
background-image: url(images/layout/black/header-bg-left.gif);

}

.headertablecell3 {

width: 426px;
background-color: #000000;
background-image: url(images/layout/black/yoshiart-logo.png);

}

.headertablecell4 {

width: 221px;
background-image: url(images/layout/black/header-bg-right.gif);

}

.headertablecell5 {

background-image: url(images/layout/black/headerbg.gif);

}



.headerinfobar {

height: 23px;
font: normal 8pt Verdana, Arial;
color: #FFFFFF;
border-top: #4A4A4A 1px solid;
border-bottom: #000000 1px solid;
border-left: 0px;
border-right: 0px;
padding: 0px;
background-color: #292929;

}

.decorativeline {

background-image: url(images/layout/topline.gif);
background-color: #009600;
height: 7px;
border-bottom: 1px solid #000000;

}



.menutable {

border-top: #000000 1px solid;
border-bottom: #000000 1px solid;
width: 145px;
padding: 0px;

}

.menuheadercell {

text-align: center;
letter-spacing: 4px;
font: normal 8pt Tahoma, Verdana, Arial;
color: #FFFFFF;
height: 20px;
background-color: #008A00;
background-image: url(images/layout/black/menuheadercell.gif);
border-right: #000000 1px solid;
border-left: #000000 1px solid;

}

.menucell {

text-align: left;
height: 20px;
background-color: #292929;
border-top: #000000 1px solid;
border-right: #000000 1px solid;
border-left: #000000 1px solid;
background-image: url(images/layout/black/menucellbg.gif);
text-indent: 0.03in;

}

.menucelltext {

font: bold 7.5pt Verdana, Arial;
color: #FFFFFF;
text-decoration: none;
cursor: hand;

}



.countercell {

height: 18px;
background-color: #292929;
border-top: #000000 1px solid;
border-right: #000000 1px solid;
border-left: #000000 1px solid;
background-image: url(images/layout/black/menucellbg.gif);

}



abbr, acronym, .help {
   cursor : help;
}

.greentable {

font: 8pt Verdana, Arial;
border: #000000 1px solid;

}

.greencellhead {

background-color: #008A00;
background-image: url(images/layout/black/menuheadercell.gif);
font: 9pt Verdana, Arial;
color: #FFFFFF;

}

.greencell1 {

background-color: #292929;
background-image: url(images/layout/black/menucellbg2.gif);
color: #FFFFFF;

}

.greencell2 {

background-color: #4A4A4A;
background-image: url(images/layout/black/menucellbg.gif);
color: #FFFFFF;

}




.coretable {

border: 0px;

}

.coretablecell1 {

width: 163px;
background-color: #292929;
border-top: #4A4A4A 1px solid;
border-bottom: #000000 1px solid;
border-left: 0px;
border-right: #000000 1px solid;
padding: 3px;

}

.coretablecell2 {

background-image: url(images/layout/black/wp.gif);
background-color: #181818;
background-position: center;
background-repeat: repeat;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: #000000 1px solid;
padding: 0px;

}

.coretablecell3 {

width: 163px;
background-color: #292929;
border-top: #4A4A4A 1px solid;
border-bottom: #000000 1px solid;
border-left: #000000 1px solid;
border-right: 0px;
padding: 3px;

}



.welcometablecell1 {

text-decoration: none;
text-align: center;
font: italic 8pt Verdana, Arial;
color: #FFFFFF;
height: 24px;
background-image: url(images/layout/black/menuheadercell.gif);
background-color: #008A00;
border-top: 0px;
border-bottom: #000000 1px solid;
border-left: 0px;
border-right: 0px;
padding: 0px;

}

.welcometablecell2 {

text-align: center;
font: normal 8pt Verdana, Arial;
color: #FFFFFF;
background-color: #292929;
background-image: url(images/layout/black/menucellbg.gif);
border-top: 0px;
border-bottom: #000000 1px solid;
border-left: 0px;
border-right: 0px;
padding: 3px;

}

.welcometabletext {

font: italic 8pt Verdana, Arial;
letter-spacing: 5px;
color: #FFFFFF;
text-decoration: none;
text-align: center;

}

.ystext {

height: 24px;
background-image: url(images/layout/black/welcome-y-fan.gif);

}




.updatetable {

border: 1px solid #000000;

}

.updatetablecell1 {

text-align: left;
text-indent: 0.05in;
font: bold 8pt Verdana, Arial;
color: #FFFFFF;
height: 24px;
border-bottom: 1px solid #000000;
background-color: #292929;
background-image: url(images/layout/black/menucellbg.gif);

}

.updatetablecell2 {

text-align: left;
font: normal 8pt Verdana, Arial;
color: #FFFFFF;
padding: 5px;
background-image: url(images/layout/black/menucellbg.gif);
background-color: #292929;

}

.olderupdates1 {

text-align: left;
background-image: url(images/layout/black/menucellbg.gif);
background-color: #292929;
border: 1px solid #000000;
height: 32px;
padding: 5px;
cursor: hand;
cursor: pointer;

}

.olderupdates2 {

text-indent: 0.30in;
text-decoration: none;
font: normal 8pt Verdana, Arial;
color: #FFFFFF;

}




.valignimg {

vertical-align: middle;

}




a.updatelink {

font: bold 8pt Verdana, Arial;
color: #00BE00;
text-decoration: none;
border-bottom: none;

}

a.updatelink:hover {

font: bold 8pt Verdana, Arial;
color: #00BE00;
text-decoration: none;
border-bottom: 1px solid #00BE00;

}

a.updatelink:active {

font: bold 8pt Verdana, Arial;
color: #008000;
text-decoration: none;
border-bottom: none;

}




.dashedlink {

font: normal 8pt Verdana, Arial;
color: #FFFFFF;

}

a.dashedlink {

font-family: Verdana, Arial;
text-decoration: none;
border-bottom: none;

}

a.dashedlink:hover {

font-family: Verdana, Arial;
border-bottom: 1px solid #FFFFFF;

}

a.dashedlink:active {

font-family: Verdana, Arial;
border-bottom: 1px solid #FFFFFF;

}




.pagetitle {

font: normal 35pt Trebuchet MS, Verdana, Arial;
letter-spacing: 4px;
margin-top: 20px;
margin-bottom: 20px;
color: #FFFFFF;
text-decoration: none;
text-align: center;

}

.smalltitle {

font: normal 18px Verdana, Arial;
letter-spacing: -1px;
color: #FFFFFF;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;

}




.gentable {

font: normal 8pt Verdana, Arial;
color: #FFFFFF;
border-left: #000000 1px solid;
border-right: #000000 1px solid;
padding: 0px;

}

.genheadercell {

text-align: center;
letter-spacing: 5px;
font: bold 8pt Verdana, Arial;
color: #FFFFFF;
height: 26px;
background-color: #008A00;
background-image: url(images/layout/black/menuheadercell.gif);
border-top: #000000 1px solid;
border-bottom: #000000 1px solid;

}

.gc {		/* this is for the gentable body cells */

font: normal 8pt Verdana, Arial;
color: #FFFFFF;
height: 24px;
background-color: #292929;
border-top: #4A4A4A 1px solid;
border-bottom: #000000 1px solid;

}




.largetable {

border: #000000 1px solid;
background-color: #292929;
background-image: url(images/layout/black/menucellbg.gif);
padding: 0px;

}

.gentext {	/* for largetable text */

text-align: left;
font: normal 8pt Verdana, Arial;
color: #FFFFFF;

}




.px {

font: normal 8pt Verdana, Arial;
color: #FFFFFF;

}

.px:link {

color: #FFFFFF;
text-decoration: none;

}

.px:visited {

color: #C0C0FF;
text-decoration: none;

}

.px:hover {

color: #EEEEEE;
text-decoration: underline;

}

.px:active {

color: #C0C0C0;
text-decoration: underline;

}





.textarea {

font: normal 8pt Verdana, Arial;
background-color: #FFFFFF;
border: 1px solid #000000;

}

.sendbutton {

width: 110px;
height: 25px;
color: #FFFFFF;
font: bold 9pt Verdana, Arial;
background-color: #22A222;
background-image: url(images/layout/black/menuheadercell.gif);
border-style: solid;
border-color: #000000;

}

.neatform {

font-family: Verdana, Arial;
width: 250px; 
background-color: #FFFFFF;
background-image: url(images/layout/text-shade.gif);
border: 1px solid #000000;

}




.mediumlink {

font: normal 11pt Verdana, Arial;
color: #FFFFFF;

}

a.mediumlink {

font-family: Verdana, Arial;
text-decoration: none;
border-bottom: 1px solid #FF0000;

}

a.mediumlink:hover {

font-family: Verdana, Arial;
border-bottom: 1px solid #0000FF;

}

a.mediumlink:active {

font-family: Verdana, Arial;
border-bottom: 1px solid #FFFF00;

}




.bigfatlink {

font: normal 14pt Verdana, Arial;
color: #FFFFFF;

}

a.bigfatlink {

font-family: Verdana, Arial;
text-decoration: none;
border-bottom: 2px solid #FF0000;

}

a.bigfatlink:hover {

font-family: Verdana, Arial;
border-bottom: 2px solid #0000FF;

}

a.bigfatlink:active {

font-family: Verdana, Arial;
border-bottom: 2px solid #FFFF00;

}



.tiny {

color: #292929;
font-size: 1pt;

}

