
body {

font: normal 9pt Trebuchet MS, Verdana, Arial;
color: #808080;
margin: 0px;
background-color: #FFFFFF;
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: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
*/

}



a.imagebuttons:hover {

position: relative;
left: 1%;

}



.headertable {

height: 110px;
border: 0px;

}

.headertablecell1 {

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

}

.headertablecell2 {

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

}

.headertablecell3 {

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

}

.headertablecell4 {

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

}

.headertablecell5 {

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

}



.headerinfobar {

height: 23px;
font: normal 8pt Verdana, Arial;
color: #2A2A2A;
border-top: #000000 1px solid;
border-bottom: #000000 1px solid;
border-left: 0px;
border-right: 0px;
padding: 0px;

}

.hibc {

background-color: #E6E6E6;
background-image: url(images/layout/headerinfobar-bg.gif);

}

.decorativeline {

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

}




.menutable {

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

}

.menuheadercell {

text-align: center;
font: bold 10pt Verdana, Arial;
color: #FFFFFF;
height: 26px;
background-color: #109513;
background-image: url(images/layout/menuheadercell.gif);
border-right: #797979 1px solid;
border-left: #797979 1px solid;

}

.menucell {

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

}

.menucelltext {

font: normal 8pt Verdana, Arial;
color: #2A2A2A;
text-decoration: none;

}



.countercell {

height: 21px;
background-color: #D2D2D2;
border-top: #797979 1px solid;
border-right: #797979 1px solid;
border-left: #797979 1px solid;

}


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

.greentable {

border: #797979 1px solid;
font: 8pt Verdana, Arial;
color: #2A2A2A;

}

.greencellhead {

background-color: #109513;
font: 9pt Verdana, Arial;
color: #FFFFFF;

}

.greencell1 {

background-color: #D2D2D2;

}

.greencell2 {

background-color: #ECECEC;

}


.coretable {

border: 0px;

}

.coretablecell1 {

background-image: url(images/layout/coretablecell1bg.gif);
width: 163px;
background-color: #EEEEEE;
border-top: 0px;
border-bottom: #C0C0C0 1px solid;
border-left: 0px;
border-right: #C0C0C0 1px solid;
padding: 3px;

}

.coretablecell2 {

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

}

.coretablecell3 {

background-image: url(images/layout/coretablecell3bg.gif);
width: 163px;
background-color: #EEEEEE;
border-top: 0px;
border-bottom: #C0C0C0 1px solid;
border-left: #C0C0C0 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/bluegreen.gif);
background-color: #008679;
border-top: 0px;
border-bottom: #C0C0C0 1px solid;
border-left: 0px;
border-right: 0px;
padding: 0px;

}

.welcometablecell2 {

text-align: center;
font: normal 8pt Verdana, Arial;
color: #000000;
background-color: #FFFFFF;
background-image: url(images/layout/yoshi-welcome.jpg);
background-position: top;
background-repeat: no-repeat;
border-top: 0px;
border-bottom: #C0C0C0 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/welcome-y-fan.gif);

}




.updatetable {

background-color: #FFFFFF;
border: 1px dashed #000000;

}

.updatetablecell1 {

background-color: #FFFFFF;
background-image: url(images/layout/update-arrows.gif);
text-align: left;
text-indent: 0.35in;
letter-spacing: 1px;
font: italic 10pt Verdana, Arial;
color: #000000;
height: 32px;
border-bottom: 1px dashed #000000;

}

.updatetablecell2 {

text-align: left;
background-color: #FFFFFF;
font: normal 10pt Trebuchet MS, Verdana, Arial;
color: #4F4F4F;
padding: 5px;

}

.olderupdates1 {

text-align: left;
background-color: #FFFFFF;
border: 1px dashed #000000;
height: 32px;
padding: 5px;
cursor: hand;
cursor: pointer;

}

.olderupdates2 {

text-indent: 0.30in;
text-decoration: none;
font: italic 10pt Verdana, Arial;
letter-spacing: 1px;
color: #000000;

}




.valignimg {

vertical-align: middle;

}




a.updatelink {

font-weight: normal;
color: #000000;
text-decoration: none;
border-bottom: 1px dashed #FF0000;

}

a.updatelink:hover {

font-weight: normal;
color: #000000;
text-decoration: none;
border-bottom: 1px dashed #0000FF;

}

a.updatelink:active {

font-weight: normal;
color: #000000;
text-decoration: none;
border-bottom: 1px dashed #FFFF00;

}




.dashedlink {

font: normal 8pt Verdana, Arial;
color: #2A2A2A;

}

a.dashedlink {

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

}

a.dashedlink:hover {

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

}

a.dashedlink:active {

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

}




.pagetitle {

font: italic 34pt Trebuchet MS, Verdana, Arial;
letter-spacing: 3px;
margin-top: 20px;
margin-bottom: 20px;
color: #484848;
text-decoration: none;
text-align: center;

}

.smalltitle {

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

}




.gentable {

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

}

.genheadercell {

text-align: center;
letter-spacing: 5px;
font: bold 8pt Verdana, Arial;
color: #FFFFFF;
height: 27px;
background-color: #008679;
background-image: url(images/layout/bluegreen.gif);
border-top: #C0C0C0 1px solid;
border-bottom: #C0C0C0 1px solid;

}

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

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

}




.largetable {

border: #C0C0C0 1px solid;
background-color: #FFFFFF;
padding: 0px;

}

.gentext {	/* for largetable text */

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

}




.px {

font: normal 8pt Verdana, Arial;
color: #0000FF;

}

.px:hover {

color: #0179FF;

}

.px:visited {

color: #0161FF;

}

.px:active {

color: #008080;

}





.textarea {

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

}

.sendbutton {

width: 110px;
height: 25px;
color: #000000;
background-color: #FFFFFF;
font: bold 9pt Verdana, Arial;
border-style: solid;
border-color: #C0C0C0;

}

.neatform {

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

}




.mediumlink {

font: italic 11pt Verdana, Arial;
color: #2A2A2A;

}

a.mediumlink {

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

}

a.mediumlink:hover {

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

}

a.mediumlink:active {

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

}




.bigfatlink {

font: normal 14pt Verdana, Arial;
color: #2A2A2A;

}

a.bigfatlink {

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

}

a.bigfatlink:hover {

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

}

a.bigfatlink:active {

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

}



.tiny {

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

}

