*
{
  margin:                     0;
  padding:                    0;
}

html, body
{
  width:                      100%;
  height:                     100%;
}

html {overflow-y: scroll;}

/***********************************************************
 *                                                         *
 *                        STRUCTURE                        *
 *                                                         *
 ***********************************************************/

body
{
  background:                 #484951;
  text-align:                 center;
}

div#block-header
{
	height:                     132px;
	background:                 #484951 url(../img/header-background.gif) repeat-x 0 0;
}

div#block-body
{
	background:                 #fff;
	width:                      100%;
}

div#block-navigation
{
	background:                 #FEFCF6 url(../img/navigation-background.gif) repeat-x 0 0;
	width:                      100%;
}

div#block-footer
{
	height:                     85px;
	background:                 #484951 url(../img/footer-background.gif) repeat-x 0 0;
	color:                      white;
}

div.wrapper
{
	position:                   relative;
  text-align:                 left;
  width:                      995px;
  margin:                     0 auto;
  padding:                    0 0 0 0;
}

/***********************************************************
 *                                                         *
 *                         HEADER                          *
 *                                                         *
 ***********************************************************/
 
div#header
{
	width:                      995px;
	position:                   relative;
	height:                     132px;
	background:                 transparent url(../img/header.gif) no-repeat 0 0;
} 

div#langswitch
{
  z-index:                    5;
  position:                   absolute;
  left:                       970px;
  top:                        100px;
}
 
div#menu
{
	position:                   absolute;
	left:                       340px;
	top:                        98px;
	height:                     30px;
	width:                      640px;
}

a.menu, a.menu:link, a.menu:active, a.menu:visited, a.menu:hover
{
	position:                   relative;
	display:                    block;
	height:                     30px;
	float:                      left;
	padding-right:              10px;
	background-color:           transparent;
	background-position:        0 0;
	background-repeat:          no-repeat;
       outline: none;
}

a#menu-home-pt
{
  background-image:          url(../img/menu/home_pt.gif); 
  width:                     82px; 
}
a#menu-home-pt.active, a#menu-home-pt:hover
{
  background-image:          url(../img/menu/home_hi_pt.gif); 
}

a#menu-about-pt
{
  background-image:          url(../img/menu/about_pt.gif); 
  width:                     120px;
}
a#menu-about-pt.active, a#menu-about-pt:hover
{
  background-image:          url(../img/menu/about_hi_pt.gif); 
}

a#menu-events-pt
{
  background-image:          url(../img/menu/events_pt.gif); 
  width:                     106px;
}
a#menu-events-pt.active, a#menu-events-pt:hover
{
  background-image:          url(../img/menu/events_hi_pt.gif); 
}

a#menu-contact-pt
{
  background-image:          url(../img/menu/contact_pt.gif); 
  width:                     127px;
}
a#menu-contact-pt.active, a#menu-contact-pt:hover
{
  background-image:          url(../img/menu/contact_hi_pt.gif); 
}

a#menu-newsletter-pt
{
  background-image:          url(../img/menu/newsletter_pt.gif); 
  width:                     130px;
}
a#menu-newsletter-pt.active, a#menu-newsletter-pt:hover
{
  background-image:          url(../img/menu/newsletter_hi_pt.gif); 
}

a#menu-home-en
{
  background-image:          url(../img/menu/home_en.gif); 
  width:                     82px; 
}
a#menu-home-en.active, a#menu-home-en:hover
{
  background-image:          url(../img/menu/home_hi_en.gif); 
}

a#menu-about-en
{
  background-image:          url(../img/menu/about_en.gif); 
  width:                     120px;
}
a#menu-about-en.active, a#menu-about-en:hover
{
  background-image:          url(../img/menu/about_hi_en.gif); 
}

a#menu-events-en
{
  background-image:          url(../img/menu/events_en.gif); 
  width:                     106px;
}
a#menu-events-en.active, a#menu-events-en:hover
{
  background-image:          url(../img/menu/events_hi_en.gif); 
}

a#menu-contact-en
{
  background-image:          url(../img/menu/contact_en.gif); 
  width:                     127px;
}
a#menu-contact-en.active, a#menu-contact-en:hover
{
  background-image:          url(../img/menu/contact_hi_en.gif); 
}

a#menu-newsletter-en
{
  background-image:          url(../img/menu/newsletter_en.gif); 
  width:                     130px;
}
a#menu-newsletter-en.active, a#menu-newsletter-en:hover
{
  background-image:          url(../img/menu/newsletter_hi_en.gif); 
}

div#links
{
	position:                   absolute;
	left:                       700px;
	top:                        100px;
	width:                      295px;
	height:                     20px;
  text-align:                 right;	
  font-weight:                bold;
  color:                      #aaa;
}
div#links a, div#links a:link, div#links a:active, div#links a:visited, div#links a:hover
{
	color:                      #fff;
	text-decoration:            none;
}
div#links a:hover
{
	color:                      #fff;
	text-decoration:            underline;
}


/***********************************************************
 *                                                         *
 *                         BODY                            *
 *                                                         *
 ***********************************************************/

div#body-text
{
	padding:                    15px 0 15px 0;
}
 
div#body-sidebar
{
	padding:                    15px 0 15px 0;
}
 
a#directory-button-closed,
a#directory-button-closed:link,
a#directory-button-closed:active,
a#directory-button-closed:visited,
a#directory-button-closed:hover
{
	display:                    block;
	position:                   absolute;
	left:                       780px;
	top:                        100%;
	margin:                     -31px 0 0 0;
	width:                      215px;
	height:                     31px;
	background:                 transparent url(../img/directory-button.png) no-repeat 0 0;
}
a#directory-button-closed:hover
{
	background:                 transparent url(../img/directory-button.png) no-repeat left -31px;
}

a#directory-button-open,
a#directory-button-open:link,
a#directory-button-open:active,
a#directory-button-open:visited,
a#directory-button-open:hover
{
	display:                    block;
	position:                   absolute;
	left:                       780px;
	top:                        100%;
	margin:                     -31px 0 0 0;
	width:                      215px;
	height:                     31px;
	background:                 transparent url(../img/directory-button.png) no-repeat left -62px;
}
a#directory-button-open:hover
{
	background:                 transparent url(../img/directory-button.png) no-repeat left -93px;
}


/***********************************************************
 *                                                         *
 *                        DIRECTORY                        *
 *                                                         *
 ***********************************************************/
 
div#directory
{
	position:                   relative;
	background:                 #FEFCF6 url(../img/navigation-background.gif) repeat-x 0 0;
}

div#directory-listing
{
	padding:                    15px 0 20px 0;
	width:                      757px;
}

div#directory-search
{
	position:                   absolute;
	top:                        23px;
	left:                       777px;
	width:                      198px;
	height:                     22px;
}

div#directory-search input
{
	border:                     solid 1px #D6D1C8; 
	background:                 #fff; 
	color:                      #888; 
	padding:                    1px 2px 0 2px; 
	height:                     19px; 
	width:                      132px;
}

div#directory-vodacom
{
	position:                   absolute;
	top:                        15px;
	left:                       777px;
	width:                      198px;
	height:                     52px; 
	background:                 transparent url(../lib/logos/vodacom2.gif) no-repeat 0 0;
}

div#directory-address
{
	position:                   absolute;
	top:                        55px;
	left:                       757px;
	width:                      238px;
	height:                     220px;
	background:                 transparent url(../img/address1.gif) no-repeat 0 0;
}

div#directory-address-text
{
	padding:                    36px 0 0 43px;
	font-size:                  12px;
}
 
 
/***********************************************************
 *                                                         *
 *                         FOOTER                          *
 *                                                         *
 ***********************************************************/
 
div#footer
{
	padding:                    15px 0 0 0;
	color:                      #d4d4d4;
	font-size:                  10px;
	height:                     150px;
	background:                 #484951 url(../img/footer-background.gif) repeat-x 0 0;
}

div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited, div#footer a:hover 
{
	color:                      #d4d4d4;
	text-decoration:            underline;
}

div#footer a:hover 
{
	color:                      #ffffff;
	text-decoration:            none;
}

 
/***********************************************************
 *                                                         *
 *                         TYPOGRAPHY                      *
 *                                                         *
 ***********************************************************/ 

body 
{
	font-family:                "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:                  12px;
	color:                      #5A6974;
}

a, a:link, a:active, a:visited       
{ 
	color:                      #D41400; 
	text-decoration:            underline;      
       outline: none;
}

a:hover, a.active, a.active:link, a.active:active, a.active:visited, a.active:hover
{
	color:                      #ff0000;
	text-decoration:            none;
}

h1
{
  font-size:                  22px;
  color:                      #c11;
  line-height:                1.3em;
  margin-bottom:              8px;
  padding-bottom:             1px;
  border-bottom:              solid 1px #aaa;
  background:                 transparent url(../img/ants3.gif) no-repeat right bottom;
  padding-top:                18px;
}

h2
{
  font-size:                  20px;
  color:                      #c11;
  margin-bottom:              5px;
}

h3
{
  font-size:                  15px;
  color:                      #c11;
  margin-bottom:              5px;
}

h4
{
  font-size:                  13px;
  font-weight:                bold;
}

h5
{
  font-size:                  12px;
  font-weight:                bold;
}

h6
{
  font-size:                  11px;
  font-weight:                bold;
}

p 
{
	margin-bottom:              0.4em;
	text-align:                 justify;
	line-height:                1.8em;
	font-size:                  13px;
	color:                      #2E2729;
}	

b
{
	color:                      #585858;
}

ul
{
	line-height:                1.8em;	
	margin:                     0;
	padding:                    2px 0 15px 15px;
	list-style-image:           none;
	list-style-type:            disc;
	font-size:                  13px;
	text-align:                 justify;
	color:                      #2E2729;
}

td
{
	vertical-align:             top;
}

img
{
	border:                     none;
}



div#home-photoframe-1
{
  position:                   absolute; 
  left:                       0px; 
  top:                        25px; 
  width:                      305px;
  height:                     200px;
}

div#home-photoframe-2
{
  position:                   absolute; 
  left:                       342px; 
  top:                        25px; 
  width:                      305px;
  height:                     200px;
}

div#home-photoframe-3
{
  position:                   absolute; 
  left:                       684px; 
  top:                        25px; 
  width:                      305px;
  height:                     200px;
}

div#home-phototext-1
{
  position:                   absolute; 
  left:                       5px; 
  top:                        235px; 
  width:                      305px;
}

div#home-phototext-2
{
  position:                   absolute; 
  left:                       347px; 
  top:                        235px; 
  width:                      305px;
}

div#home-phototext-3
{
  position:                   absolute; 
  left:                       689px; 
  top:                        235px; 
  width:                      305px;
}

a:hover img.fade-photo {
  opacity:                    0.8;
  filter:                     alpha(opacity=0.8);
}

a.home-title, a.home-title:link, a.home-title:active, a.home-title:visited, a.home-title:hover
{
  display:                    block;
  color:                      #D41400;
  text-decoration:            none;
  font-size:                  28px;
  height:                     55px;
  text-align:                 center;

}

a.home-title:hover
{
  opacity:                    0.7;
  filter:                     alpha(opacity=0.7);
}

.two-column
{
  margin-top:                 10px;
  width:                      100%;
  margin-right:               20px;
  margin-bottom:              0px;
}
td.first-column
{
  text-align:                 justify;
  width:                      50%;
  padding-right:              20px;
  vertical-align:             top;
  border-right:               1px dotted #cccc9d;
}
td.second-column
{
  padding-left:               10px;
  width:                      50%;
  vertical-align:             top;
}

a.org, a.org:link, a.org:active, a.org:visited       
{ 
	color:                      #333; 
	text-decoration:            underline;      
}

a.org:hover, a.active, a.active:link, a.active:active, a.active:visited, a.active:hover
{
	color:                      #333;
	text-decoration:            none;
}

ul.org
{
	line-height:                2.0em;	
	margin:                     0;
	padding:                    2px 0 15px 15px;
	list-style-image:           none;
	list-style-type:            disc;
	font-size:                  14px;
	text-align:                 justify;
	color:                      #2E2729;
}

table.cep
{
	border:                     3px solid #333;
	margin-top:                 20px;
}

table.cep th, table.cep td
{
	border:                     1px solid #333;
vertical-align: top;             
	padding-left:               10px;
	padding-right:              10px;
}
table.cep th p, table.cep td p
{
	text-align:                 left;
}
.cep-td-title
{
	font-weight:                bold;
}

table.cep th
{
	font-size:                15px;
	color:                    #333;
}


/***************************************************
 *                                                 *
 *                    DATEBOX                      *
 *                                                 *
 ***************************************************/ 

div.datebox {
  border:                     solid 1px #A40000;
  margin-right:               5px;
  color:                      #fff;
}

div.datebox-border {
  border:                     solid 1px #fff;
}

div.datebox-inner {
  background:                 #A40000;
  color:                      #fff;
  font-weight:                bold;
  line-height:                1em;
  padding:                    1px;
  text-align:                 center;
}

div.datebox-wday {
  margin-bottom:              1px;
  font-size:                  10px;
  color:                      #fff;
}

div.datebox-day {
  font-size:                  16px;
  position:                   relative;
  color:                      #fff;
}

div.datebox-month {
  color:                      #fff;
}

div.datebox-year {
  font-size:                  10px;
  color:                      #fff;
}

.events
{
  padding-left:               10px;
  text-align:                 left;
}

table#events tr
{
  padding-left:               10px;
  text-align:                 left;
 
}