body {
   background: #96c7df url(images/bg.jpg) no-repeat top center;
   text-align: center;
   margin: 0;
   padding: 0;
   font-family: verdana, arial;
   font-size: 14px;
   font-weight: normal;
   color: #8a8a8a;
   line-height: 22px;
}



/***** MAIN OBJECTS *****/

div#container {
   width: 720px;
   margin: 0 auto;
   padding: 0;
   background: url(images/page.jpg) repeat-y;
}

div#topics {
   width: 600px;
   height: 160px;
   padding: 0;
   margin: 250px auto 0 auto;
   background: url(images/hot.png) no-repeat top right;
}

div#content {
   width: 420px;
   min-height: 500px;
   margin: 0 0 40px 40px;
   text-align: left;
   float: left;
}

div#sidebar {
   float: right;
   width: 200px;
   border-left: 1px dashed #cacaca;
   margin: 0;
   padding: 0;
   text-align: center;
}

div#footer {
   clear: both;
   margin: 0 20px;
   padding: 20px 20px 40px 20px;
   text-align: left;
   border-top: 1px dashed #cacaca;
}

div#footer .copy {
   float: left;
   margin: 0;
   padding: 0;
   font-size: 10px;
   color: #999999;
}

div#footer .author {
   float: right;
   margin: 0;
   padding: 0;
}

div#footer .stats {
   float: left;
   margin: 0 0 0 100px;
   padding: 0;
   font-size: 10px;
   color: #999999;
}

div#pagetop {
   margin: 0 auto;
   padding: 0;
   width: 720px;
   height: 15px;
   background: url(images/pagetop.jpg) repeat-y;
}

div.clear {
   clear: both;
}

div.spacer {
   height: 50px;
}







/***** PARAGRAPHS *****/

div#content p {
   margin: 0 0 40px 0;
}

div#content span.highlight {
   color: #00adef;
}






/***** HEADINGS *****/

h1 {
   font-family: georgia, times new roman;
   font-size: 30px;
   font-weight: normal;
   color: #00adef;
   margin: 30px 0 50px 0;
}

h2 {
   font-family: georgia, times new roman;
   font-size: 18px;
   font-weight: normal;
   color: #00adef;
   margin: 30px 0 10px 0;
}




/***** LISTS *****/

div#topics ul {
   margin: 0;
   padding: 0;
}

div#topics ul li {
   display: inline;
   list-style-type: none;
   margin: 0;
   padding: 0;
}

div#content ul {
   margin: -20px 0 20px 30px;
   padding: 0;
}

div#content ul li {
   margin: 0 0 10px 0;
   padding: 0;
}

div#sidebar ul {
   margin: 0;
   padding: 0;
}

div#sidebar ul li {
   font-family: georgia, times new roman;
   font-size: 16px;
   list-style-type: none;
}




/***** LINKS *****/

div#topics a {
   display: block;
   float: left;
   width: 105px;
   height: 139px;
   border: none;
   background-repeat: no-repeat;
}

div#topics a.topic-travel {
   background-image: url(images/topic_travel.jpg);
}

div#topics a.topic-travel:hover {
   background-position: -105px 0;
}

div#topics a.topic-language-learning {
   background-image: url(images/topic_language-learning.jpg);
}

div#topics a.topic-language-learning:hover {
   background-position: -105px 0;
}

div#topics a.topic-cultural-services {
   background-image: url(images/topic_cultural-services.jpg);
}

div#topics a.topic-cultural-services:hover {
   background-position: -105px 0;
}

div#sidebar a {
   font-family: georgia, times new roman;
   font-size: 16px;
   font-weight: normal;
   color: #8a8a8a;
   text-decoration: none;
}

div#sidebar a:hover {
   color: #ff004e;
}

div#content a {
   color: #ff004e;
   text-decoration: none;
   border-bottom: 1px dotted #ff004e;
}

div#topics a.language {
   position: relative;
   top: 110px;
   left: 210px;
   width: 100px;
   height: 20px;
   margin: 0;
   padding: 0;
   text-decoration: none;
   color: #ff004e;
   font-size: 10px;
}

div#topics a.language:hover {
   border-bottom: 1px dotted #ff004e;
}









/***** IMAGES *****/

img {
   border: 1px dashed #cacaca;
   padding: 4px;
   margin: 0 15px 0 0;
   float: left;
}

div#footer img {
   border: none;
   margin: 0;
   padding: 0;
   float: none;
}

img.paypal {
   border: none;
   padding: 0;
   margin: 50px 0 0 0;
   float: none;
}

div#content p.gallery img {
   border: 1px dashed #cacaca;
   padding: 3px;
   margin: 0 15px 15px 0;
}