﻿/* css style */
p{margin:0; padding: 0; text-align: justify}

/* css style */
body { background-color: #e2e2e2; font: 12px Verdana; background-repeat: repeat-x }


/*global classes*/
.left{ float: left }
.right{ float: right }
.clear{ clear: both }
.center{ text-align: center }
.bold{ font-weight: bold }

/*site container */
#container{ background-color: #fff; border: #737373 2px solid; border-top: none; width: 798px; margin: 0 auto; color: #505050;}

/* Site HEADER */
#header{ height: 220px }
.header_top{ background: url('images/header.gif') no-repeat center}

/* BORDER IMAGE */
#Border{ height: 23px }
.border1{ background: url('images/border.gif') no-repeat center}

/*letter content*/
#letter_box{ height: 316px }
.letter_box_image{ background: url('images/letter.gif') no-repeat center }
#letter_box p.text{ margin: 20px 0 0 50px; line-height: 20px; margin-right:7cm; font-family: "trebuchet ms", tahoma, verdana, ariel; color:#494A00; font-size:1.2em }

/* footer content*/
#footer{ height: 135px; background: url('images/shadow.gif'); no-repeat center }

/*hyperlink style */
A {font-family:"trebuchet ms", tahoma, verdana, ariel;font-size:1.0em;cursor: auto}
A:link {color:blue;}
A:visited {color: #660066;}
A:hover {text-decoration: none; color: #ff9900; font-weight:bold;}
A:active {color: #ff0000;text-decoration: none}

/*font and paragraph settings */
#heading1
{
margin: 20px 0 0 30px;
font-family: "trebuchet ms", tahoma, verdana, ariel;
color: #313200;
background-color: #FFFFFF;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.3em;
font-size: 1.8em;
font-weight: bold;
}
#heading2
{
margin: 20px 0 0 50px;
font-family: "trebuchet ms", tahoma, verdana, ariel;
color: #494A00;
background-color: #FFFFFF;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.3em;
font-size: 1.4em;
font-weight: bold;
}
#heading3
{
margin: 20px 0 0 30px;
font-family: ;
background-color: #fff;
color: #3d001c;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.2em;
}
#normal
{
text-align:justify;
margin: 20px 0 0 50px;
margin-right: 1cm;
font-family: "trebuchet ms", tahoma, verdana, ariel;
color: #010008;
background-color: #FFFFFF;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.5em;
font-size: 1.1em;
}

#listing
{
margin: 20px 0 0 80px;
margin-right: 2cm;
font-family: "trebuchet ms", tahoma, verdana, ariel;
font-weight:bold;
color: #6C4006;
background-color: #FFFFFF;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: .1em;
line-height: 1.5em;
font-size: 1.3em;
}

ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

li.main
{
background-image: url(images/20.png);
background-repeat: no-repeat;
background-position: .8em;
padding-left: 2.4em;
}

li.others
{
background-image: url(images/19.png);
background-repeat: no-repeat;
background-position: .8em;
padding-left: 2.4em;
}

li.heart
{
background-image: url(images/heart.png);
background-repeat: no-repeat;
background-position: .8em;
padding-left: 2.4em;
}

li.clubs
{
background-image: url(images/clubs.png);
background-repeat: no-repeat;
background-position: .8em;
padding-left: 2.4em;
}

li.spade
{
background-image: url(images/spade.png);
background-repeat: no-repeat;
background-position: .8em;
padding-left: 2.4em;
}

li.diamond
{
background-image: url(images/diamond.png);
background-repeat: no-repeat;
background-position: .8em;
padding-left: 2.4em;
}

