/*
  Royal Thai Consulate, Sao Paulo Brazil
  Copyright 2006 Royal Thai Consulate. All rights reserved.
  Developer: Darren Krape
  Mon 12 June 2006
*/

body {
  margin: 0; padding: 0;
  font-family: Verdana,Arial,sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  color: #000;
  background: #FFF url(../i/bg.png);
}
  
img { border: 0; }

a {
  color: #CC0000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

hr {
  margin: 20px 0; _margin: 2px 0;
  height: 1px;
  border: 0;
  color: #CDD3E2; background-color: #CDD3E2;
  clear: both;
}

hr.section {
  margin: 14px 0 0 0; padding: 0;
  height: 17px;
  background: #FFF url(../i/div_section.png);
  border: none;
}

hr.clear {
  clear: both;
}

a.more {
  padding-right: 8px;
  background: url(../i/arrow_red_sm.png) no-repeat right 5px;
}

.date {
  margin-top: 20px;
  clear: both;
  color: #999;
  display: block;
}

.note {
  margin-top: 20px;
  clear: both;
  color: #999;
  display: block;
}

ul {
  margin: 4px 0 0 18px; padding: 0;
  list-style: none;
}

ul li {
  margin: 0; padding: 2px 0;
  padding-left: 16px;
  background: url(../i/arrow_red_list.png) no-repeat 0 7px;
}

/*  Main CSS */

#wrapper {
  width: 756px;
  margin: auto;
  padding-top: 20px;
}

#header {
  height: 101px;
  background: #FFF url(../i/header/bg_header.png) no-repeat;
}

#header h1 {
  margin: 0; padding: 0;
}

#header h1 a {
  width: 362px; height: 44px;
  margin: 30px 0 0 134px; padding: 0;
  float: left;
  background: url(../i/header/logo.png);
  text-indent: -9000px;
}

#header ul {
  margin: 20px 20px 0 0; padding: 0;
  float: right;
  display: inline;
}

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

#header ul a {
  height: 14px; 
  margin: 0 0 0 10px; padding: 0;
  float: left;
  display: block;
  text-indent: -9000px;
}

#header a.home {
  width: 53px;
  background: url(../i/header/menu_home.png) no-repeat 0 0;
}

#header a.home:hover {
  background: url(../i/header/menu_home.png) no-repeat 0 -18px;
}

#header a.contact {
  width: 78px;
  background: url(../i/header/menu_contact.png) no-repeat 0 0;
}

#header a.contact:hover {
  background: url(../i/header/menu_contact.png) no-repeat 0 -18px;
}

#header a.sitemap {
  width: 68px;
  background: url(../i/header/menu_sitemap.png) no-repeat 0 0;
}

#header a.sitemap:hover {
  background: url(../i/header/menu_sitemap.png) no-repeat 0 -18px;
}

#header #language {
  margin: 28px 20px 0 0; padding: 0;
}

#header #language a {
  width: 30px; height: 22px; 
  margin: 0 0 0 14px; padding: 0;
  float: left;
  display: block;
}

#header #language a.en {
  background: transparent url(../i/header/lang_en.png) no-repeat 0 -28px;
}

#header #language a.en:hover, #header #language a.en_active {
  background: transparent url(../i/header/lang_en.png) no-repeat 0 0;
}

#header #language a.pr {
  background: transparent url(../i/header/lang_pr.png) no-repeat 0 -28px;
}

#header #language a.pr:hover, #header #language a.pr_active {
  background: transparent url(../i/header/lang_pr.png) no-repeat 0 0;
}

#main {
  padding: 0px 7px 16px 7px;
  background: #FFF url(../i/bg_body.png);
}

#menu {
  width: 260px;
  float: right;
  background: #FFF url(../i/menu/bg_menu.jpg) no-repeat;
}

#menu ul.nav {
  margin: 0; padding: 0;
}

#menu ul.nav li {
  margin: 0; padding: 0;
  list-style: none;
  background: none;
}

#menu ul.nav a {
  width: 260px; height: 62px;
  display: block;
  border-bottom: 1px solid #E8E8E8;
  text-indent: -9000px;
}

#menu h3 a.meet {
  width: 260px; height: 118px;
  margin: 24px 0;
  display: block;
  background: url(../i/meet_consular.png) no-repeat;
  text-indent: -9000px;
}

#menu h3 a.gallery {
  width: 260px; height: 103px;
  margin: 24px 0;
  display: block;
  background: url(../i/gallery.png) no-repeat;
  text-indent: -9000px;
  border: none;
}

#menu ul.nav a.visa { background: url(../i/menu/menu_visa.png) no-repeat 16px 0; }
#menu ul.nav a.visa:hover { background: url(../i/menu/menu_visa.png) no-repeat 16px -62px; }

#menu ul.nav a.tourism { background: url(../i/menu/menu_tourism.png) no-repeat 16px 0; }
#menu ul.nav a.tourism:hover { background: url(../i/menu/menu_tourism.png) no-repeat 16px -62px; }

#menu ul.nav a.about { background: url(../i/menu/menu_about.png) no-repeat 16px 0; }
#menu ul.nav a.about:hover { background: url(../i/menu/menu_about.png) no-repeat 16px -62px; }

#menu ul.nav a.contact { background: url(../i/menu/menu_contact.png) no-repeat 16px 0; border-bottom: 1px solid #D6D6D6; }
#menu ul.nav a.contact:hover { background: url(../i/menu/menu_contact.png) no-repeat 16px -62px; }

#menu .box {
  padding: 14px;
  background: url(../i/bg_box.png) no-repeat;
  font-size: 7.5pt;
  color: #999;
}

#menu .box h3 {
  margin: 0; padding: 0;
  text-indent: -9000px;
  background: url(../i/title_quicklinks.png) no-repeat;
}

#menu .box ul {
  margin: 0 0 0 18px; padding: 0;
  list-style: disc url(../i/arrow_red_list.png);
}

#menu .box ul li {
  padding: 4px 0 4px 0;
  background: none;
	border-bottom: 1px solid #e8e8e8;
}

#menu .box ul a {
  display: block;
}

#menu .box_bottom {
  display: block;
  background: url(../i/bg_box_bottom.png) no-repeat;
}

#content {
  width: 478px;
}

#features a {
  float: right;
  margin: 6px 0 14px 0;
  border: 4px solid #e8e8e8;
}

#features a:hover {
  border: 4px solid #CC0000;
}

#features .one a {
  float: left;
}

#news {
  line-height: 11pt;
  font-size: 7.5pt;
}

#news p {
  margin: 0; padding: 0;
}

#news a.more {
  float: right;
  color: #000;
  background: url(../i/arrow_black_sm.png) no-repeat right 5px;
}

#news h2 {
  margin: 0 0 4px 0; padding: 0;
  text-indent: -9000px;
}

#news ul {
  margin: 0 0 8px 0; padding: 0;
  list-style: none;
  border-top: 1px solid #999;
}

#news ul li {
  margin: 0; padding: 10px 0;
  border-bottom: 1px solid #E8E8E8;
  background: none;
}

#news .tourism {
  width: 218px;
  margin-left: 10px; _margin-left: 6px;
  float: left;
}

#news .tourism h2 {
  background: url(../i/title_news_tourism.png) no-repeat;
}

#news .tourism ul li {
  padding-left: 20px;
  background: url(../i/icon_link_offsite.png) no-repeat 0 12px;
}

#news .consulate {
  width: 218px;
  margin-left: 22px;
  float: left;
}

#news .consulate a img {
  margin: 0 10px 0 0;
  display: block;
  float: left;
}

#news .consulate a img {
  float: left;
  border: 4px solid #e8e8e8;
}

#news .consulate a:hover img {
  border: 4px solid #CC0000;
}

#news .consulate .date {
  margin-top: 10px;
}

#news .consulate h2 {
  background: url(../i/title_news_consulate.png) no-repeat;
}

#news .consulate ul a {
  font-weight: bold;
}

br.clear {
  clear: both;
}

#footer {
  height: 76px; _height: 100px;
  margin-bottom: 20px;
  padding: 28px 18px 0 18px;
  background: url(../i/bg_footer.png) no-repeat;
  font-size: 7.5pt;
}

#footer ul {
  height: 28px;
  margin: 0; padding: 0;
  border-bottom: 1px solid #999;
}

#footer ul li {
  padding: 0 16px;
  display: inline;
  list-style: none;
  float: left;
  background: url(../i/border_v_dotted_gray.png) repeat-y right;
}

#footer ul li.home {
  padding-left: 0;
}

#footer ul li.contact {
  background: none;
}

#footer ul li.copyright {
  padding-right: 0;
  float: right;
  background: none;
  border-left: 1px solid #666666;
}

#footer p {
  margin: 9px 0 0 0; padding: 0;
}

#footer p a {
  text-decoration: none;
}

/* -- INSIDE -- 

#list {
  margin: 0; padding: 0;
}

#list li {
  margin-bottom: 8px;
  padding: 4px 4px 4px 28px;
  list-style: none;
  border: 1px solid #ccc;
  background: #f3f3f3 url(../i/arrow_red_list.png) no-repeat 10px center;
}*/

#list {
  margin: 8px 0 0 20px;
  padding: 0 0 0 10px;
}

#list li {
  margin: 0 4px 14px 0;
  padding-left: 6px;
  list-style: none;
  list-style: disc url(../i/arrow_red_lg.png);
  background: none;
}

#list li a {
  font-weight: bold;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 10pt;
}

#list li ul li {
  margin-top: 12px;
}

#related {
  margin-top: 16px;
  padding-top: 6px; _padding-top: 22px;
  border-top: 1px solid #CDD3E2;
}

#related h4 {
  width: 94px; height: 9px;
  margin-bottom: 12px; _margin: 4px 0 2px 0;
  display: block;
  background: url(../i/title_relatedlinks.png) no-repeat;
  text-indent: -9000px;
}

#related ul a {
  font-weight: bold;
}

.inside #content {
  width: 450px; _width: 422px;
  padding: 14px;
  float: left;
  line-height: 18px;
  color: #333;
  background: #FFF url(../i/bg_inside.png) no-repeat top;
}

.inside h2 {
  margin: 0;
  padding: 0 0 29px 0;
  background: #FFF url(../i/div_section.png) bottom left no-repeat;
  line-height: 16pt;
  font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
  font-size: 12pt;
  color: #336699;
}

.inside h3 {
  margin: 20px 0 0 0;
  padding: 0;
  font-family: "Trebuchet MS", Verdana, Arial;
  font-size: 10pt;
  color: #336699;
}

.gallery h3 {
  margin-bottom: 10px;
}

.inside h3 a {
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 8pt;
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid black;
  padding-right: 8px;
  background: url(../i/arrow_red_sm.png) no-repeat right 5px;
}

.inside p {
  _margin-top: 10px;
}

.inside p a {
  text-decoration: underline;
}

.inside p a:hover {
  text-decoration: none;
}

a.imgleft {
  margin: 5px 12px 8px 0;
  border: 4px solid #e8e8e8;
  float: left;
}

a.imgleft:hover {
  border: 4px solid #CC0000;
}

.caption a {
  font-weight: bold;
}

.caption p {
  margin: 0; padding: 0;
}

a.image {
  margin: 0 18px 18px 0;
  display: block;
  float: left;
}

a.image img {
  float: left;
  border: 4px solid #e8e8e8;
}

a.image:hover img {
  border: 4px solid #CC0000;
}

a.back {
  margin-bottom: 12px; _margin-bottom: 0;
  padding-left: 8px;
  display: block;
  float: left;
  clear: both;
  background: url(../i/arrow_red_back.png) no-repeat left 5px;
  font-weight: bold;
  text-decoration: none;
}

a.back:hover {
  text-decoration: underline;
}