body{
margin:0;
padding:0;
background: #FFFCDE;
color: #967B8C;
font: 10px verdana;
line-height: 14px;}

/* Layout Images */

#bg{
background: url("images/bg.jpg") repeat-y;
width: 732px;
}

#myworld1 {
width:732px;
height:102px;
background: url("images/myworld_01.jpg") no-repeat;
}

#myworld2 {
width:732px;
height:101px;
background: url("images/myworld_02.jpg") no-repeat;
}

#myworld3 {
width:732px;
height:102px;
background: url("images/myworld_03.jpg") no-repeat;
}

#myworld4 {
width:732px;
height:107px;
background: url("images/myworld_04.jpg") no-repeat;
}

#myworld5 {
width:732px;
height:61px;
background: url("images/myworld_05.jpg") no-repeat;
text-align: justify;
}
#myworld6 {
width:732px;
height:130px;
background: url("images/myworld_06.jpg") no-repeat;

}

#myworld7 {
width:732px;
height:129px;
background: url("images/myworld_07.jpg") no-repeat;
text-align: justify;
}

#foot {
width:732px;
height:75px;
background: url("images/foot.jpg") no-repeat;
clear: both;}


/* Content */

#content {
margin: 90px 0px 0px 179px;
float:left;
display:inline;
width:379px;
text-align: justify;}

#content p{
padding: 5px;}


h1 {
background: url("images/head.jpg") no-repeat;
height: 55px;
margin: 10px 0px 5px 3px;
text-align: center;
color: #59567F;
font: bold 24px garamond; }

h1:first-letter	{
color: #B23A9C;
font: italic 54px garamond;}

/* Navigation*/

#navigation	{
width: 127px;
float:right;
display:inline;
margin: 120px 47px 0px 0px;}

h2 {
font: bold 12px garamond, serif;
text-align: right;
background: url(images/navhead.jpg) no-repeat;
margin: 3px 8px 2px 8px;
height:21px;
color: #B23A9C;
}

h2:first-letter	{
color: #59567F;
font-family: georgia;
font-size: 16px;
font-style: italic;}

#navigation ul {
list-style: none;
margin:4px 0 10px 14px;
padding: 0;}

#navigation li {
margin: 3px 0 0 0;
  height:21px;
font-family: Sylfaen, verdana, Garamond; 
background: url(images/nav.jpg) no-repeat;
  list-style-type:none;}

#navigation li a {
display: block;
color: #B15F5E;
text-align: center;
text-transform: uppercase;
}

#navigation li a:hover {
background: url(images/navhover.jpg) no-repeat;
color:#602E2E;
letter-spacing: .2em;
}

/* Hyperlinks */

a {
color:#D09168;
text-decoration: none;
font: 13px 'garamond', serif;
}

a:hover {
color: #F8328A;}

/* Style */

s{
color: #9F709C;}
i{
color: #E37977;}
b{
color: #A14663;
background: #AFAFAD;}
u{
color: #BD4FB2;}

.avi { background-color:#DFC8B6;
border: 2px dashed #DA8AAF; 
margin: 0px 6px 0px 0px ;}

ul {
 margin:  10px 4px 0px 3px;
 padding: 0;}
 
li {
 margin: 7px 4px 0px 20px;
 list-style-type:circle;}

p{
 margin: 1px 0px -8px 0px;
 }
 
/* The Multimedia cbox*/


.cbox{
margin: 10px 20px -2px 20px;
border-left: 15px solid #ABA6AA;
padding-left: 2px;}

.cbox p{
color: #B15F93;
background: #C8B4AD url("images/boxbg2.jpg") no-repeat;
border: 1px dashed #CC9999;
margin: 2px;}

.cbox h3{
font: 14px century gothic, sans-serif;
letter-spacing:.2em;
text-transform: uppercase;
color: #CA5D80;
margin: 20px 0 0 0;
padding-left: 5px;
background: none;}

/* Comment Form*/

input,textarea{
background: #C8B4AD url("images/boxbg2.jpg") no-repeat;
color: #B23A9C;
font-family: verdana, serif; 
font-size: 11px;
border:1px dotted #DA8AAF; 
width: 350px; 
margin: 4px 0px 3px 20px;}

label {
display: block; 
margin-left: 10px;}

.button {
width: 70px; 
border:2px dotted #DA8AAF}

/* Title */

#title { 
font: 40px georgia, serif;
padding: 5px 0 0 130px;
color: #D31AB2;}

/* Introduction */

#intro{
font: italic bold 9px Verdana,Courier New; 
position:relative;
text-transform: uppercase;
color: #D5D5D5;
left: 0px;
top:15px; 
height: 115px; 
width:250px;  
overflow: auto;
text-align: justify;}