body{
margin: 0;
padding:0;
background: url("Images/bg.jpg")}


a{
text-decoration:none;
cursor:crosshair;
background: #e7fd51;
color: #26477d;}
a:hover{
background:none;}

#wtable{
width:100%;
background: url("Images/topbg.jpg") repeat-x;}

#Table_01 {
	background: url("Images/sidebg.jpg") repeat-y;
	width:100%;
}


#index-01 {
	float:left;
	width:503px;
	height:156px;
	background: url("Images/index_01.jpg") no-repeat;
	margin-right:-60px;
}

#index-02 {
	float:right;
	width:197px;
	height:156px;
	background: url("Images/index_02.jpg") no-repeat;
}

#title{
font: small-caps 26px century, serif;
color:#646464;
margin: 15px 0 -10px 320px;}
#title:first-letter{
font: 44px garamond, serif;
color: #1b1b1b;}
#byline{
font: small-caps 12px century gothic, sans-serif;
color:#646464;
margin-left: 365px;
text-transform:lowercase;
text-align:right;}


#index-03 {
	width:100%;
	height:244px;
	clear:both;
	background: url("Images/index_03.jpg") no-repeat;
}

#container{
float:right;
margin: 0px 15px 0 -120px;
font: 16px tahoma, sans-serif;
line-height:155%;
text-align: left;
width:100%;
color:#424242;}
#content{
margin-left: 135px;}

#content h1{
text-align:right;
font: small-caps 22px century gothic, sans-serif;
color:#646464;
margin:5px 0 0 0;
background:url("Images/conth.gif") 100% 100% no-repeat;
padding-bottom: 5px;}
#content h1:first-letter{
font: 28px century, serif;
color: #7519D1;}

.box{
margin: 0 20% 0 20%;
border-top:2px dotted #787878;}
#content .box h1{
text-align:left;
background: none;
border-bottom: 2px dotted #787878;
margin: 0;
font: small-caps 18px century gothic, sans-serif;
letter-spacing: .2em;
color: #0033CC;}
#content .box h1:first-letter{
font: small-caps 18px century gothic, sans-serif;}

#f1,#f2,#f3{
clear:left;
display:block;
float:left;
height:23px;}
#f1{
width: 100px;}
#f2{
width:80px;}
#f3{
width:50px;}


#nav{
font: small-caps 12px century gothic, sans-serif;
line-height:230%;
width:90px;
margin: 99px 0 0 0;
text-align: right;
float:left;
color:#424242;}
#nav h1{
margin:0 0 0 10px;
text-align:left;
float:left;
padding: 5px 0 0 7px;
height: 28px;
width:24px;
background:url("Images/navh.gif") no-repeat;
font: 18px century gothic, sans-serif;
color: #1b1b1b;}
#nav p{
margin: 9px 0 0 15px;}
#nav ul, #nav li{
list-style:none;
margin:9px 0 0 0;
font: 16px garamond, serif;
line-height:200%;}
#nav li{
margin:0 0 1px 0;}
#nav a{
color: #0033CC;
text-decoration:none;
background: url("Images/conth.gif") 5% 0% no-repeat;}
#nav a:hover{
background:url("Images/linkbg.gif") 100% 0% no-repeat;}

#foot{
clear:both;
width:100%;
background: url("Images/botbg.jpg") repeat-x;
height:50px;
font: small-caps 10px century gothic, sans-serif;}
#foot a{
background:none;}
#footl{
float:left;
background: url("Images/foot_01.jpg") no-repeat;
height:50px;
width: 547px;
padding-left: 55px;}
#footl a{
float:left;
margin-top:25px;}

#footr{
float:right;
background: url("Images/foot_02.jpg") no-repeat;
height: 50px;
width: 153px;}

#footr a{
float:left;
margin:25px 5px 0 0;}
#footr a:hover{
background:url("Images/conth.gif") 0 50% no-repeat;}

p{
margin:0;
padding:0;}

ul{
list-style: circle;
margin:0 0 0 25px;
padding:0;}

li{
list-style: circle;
margin:0 0 0 25px;
padding:0;}

b{
color:black;}
i{
color: #003D5C;}
u{
color: #000066;}

img{
border: 1px dotted black;
margin: 5px;}

input, textarea, button
{font: small-caps 12px tahoma, sans-serif;
color:#003D5C;
background: transparent;
margin: 0 0  5px 0;
border: 1px dotted #333385;}

.avat{
float: left;
margin: 5px;}