/* Eastfist Efficient CSS
Copyright © 2008 By Chongchen Saelee
Website = http://www.oocities.com/eastfist
*/

body {
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: white;
text-align: center; /* IE hack to center children div*/
padding: 0px;
margin: 0px;
}

h1 { font: bold 36px/25px "trebuchet ms", helvetica, sans-serif; }

h2 { font: bold 24px/10px "trebuchet ms", helvetica, sans-serif; }

p, br {
font: 14px/20px "trebuchet ms", helvetica, sans-serif; /* <font-size>/<line-height> <font-family> */
color: black; /* can also be like this rgb(255,0,0); */
}

ul, ol {
font: bold 12px/18px "trebuchet ms", helvetica, sans-serif; 
color: black;
list-style: outside;
}

li {
font-size: 12px;
list-style-image: url("../img/bullet3d.gif");
list-style-type: disc; /* If image fails to load, use default */
}

.table-border {
border: 1px solid silver;
border-collapse: collapse;
}

a:link {
color: red;
background-color: white;
font-weight: bold;
text-decoration: underline;
}

a:visited {
color: #3366ff;
font-weight: bold;
text-decoration: underline;
}

a:hover, a:active  {
color: white;
background-color: red;
font-weight: bold;
text-decoration: underline;
}

.uppercase { text-transform: uppercase; }

.lowercase { text-transform: lowercase; }

.red { color: red; }

.white { color: white; }

.silver { color: silver; }

.image-border { border: 1px solid black; }

.image-border-linked { border: 2px solid red; } /* Do Not implement anchor hover on image, doesn't work with Firefox/Opera */

.heading {
position: relative;
top: 0px;
font: bold 36px/25px "trebuchet ms", helvetica, sans-serif;
padding: 20px;
background-color: black;
}

.footnote {
font-size: 11px;
}

#MainArea {
top: 0px;
margin: 0 auto; /* IE hack to center div*/
width: 720px;
text-align: left; /* IE hack to center div*/
background-color: white;
}

#MainContent {
padding: 0px;
}

#OldsMenu {
padding: 0px;
}

#MainMenu { font: bold 14px/12px "trebuchet ms", helvetica, sans-serif; }

/* rounded corner div implementation -DOES NOT WORK when LIVE */
.t { background: url("../img/roundcornerT.png") 0 0 repeat-x; width: 360px; background-color: #eef3f6; padding: 0px;}
.b { background: url("../img/roundcornerB.png") 0 100% repeat-x; }
.l { background: url("../img/roundcornerL.png") 0 0 repeat-y; }
.r { background: url("../img/roundcornerR.png") 100% 0 repeat-y; }
.bl { background: url("../img/roundcornerBL.png") 0 100% no-repeat; }
.br { background: url("../img/roundcornerBR.png") 100% 100% no-repeat; }
.tl { background: url("../img/roundcornerTL.png") 0 0 no-repeat; }
.tr { background: url("../img/roundcornerTR.png") 100% 0 no-repeat; padding:20px; }