html, body {
 height: 100%;
 margin: 0;
 padding: 0;
 background-image: url(bkgd.jpg);
 font: 12px Arial, Helvetica;
 color: #000;
}
#wrapper {
 position: relative;
 width: 923px;
 height: 100%;
 margin: 0 auto;
}

div#index {
 background-image: url(Life/bkgd_life.jpg);
 background-position: 26px 0;
 background-repeat: repeat-y;
}
marquee {
	font-size: 1.1em;
	color: #444;
	font-weight: bold;
}
marquee a {color: #444; text-decoration: underline;}

* html #wrapper {
 height: 100%;
}
.clear {clear: both;}
.clear20px {clear: both; height: 20px;}

img {padding: 0px; margin: 0px; border: none;}
a {text-decoration: none;}
ol, ul {
list-style-image: none; list-style-position:outside; list-style-type:none; 
margin: 0; padding: 0;
}
/*Typography*/
p {margin: 0 0 10px 0; padding:0px;}
h1 {font-size: 1em; font-weight: bold; font-family: Arial, Helvetica; margin: 0 0 10px 0; padding: 0;}
h2 {color: #000; font-size: 1.25em; font-family: Arial, Helvetica; width: 100%; border-bottom: 1px solid #000; margin-top: 15px;}
h3 {font-size: 1.1em; text-transform: uppercase; margin: 0; font-family: Arial, Helvetica;}
h4  {font-size: 1.8em; font-weight: bold; font-family: Arial, Helvetica; color: #f5821f; width: 100%; /*border-bottom: 1px solid #f5821f;*/ margin: 10px 0 0 0;display: inline;}
h5 {color: #f5821f; font-size: 1em; font-family: Arial, Helvetica; margin-bottom: 2px; margin-top: 10px; display: inline;}
h6 {color: #f5821f; font-size: 1.2em; font-family: Arial, Helvetica; width: 100%;}
p.quote {color: #666; font-style: italic; font-size: 1.1em; display: block; margin-top: 20px; font-weight: bold;}
p.quoteB {color: #000; font-style: italic; font-size: 1.1em; display: block; margin-top: 20px; font-weight: bold;}
ol li {list-style: decimal inside none;}
ol li {margin-left: 20px;}

#NewsletterBrochure {
color: #fff; 
width: 290px; 
margin: -25px 15px 0 0; 
z-index: 1000; 
float: right;
font-family: Arial, Helvetica; 
font-weight: bold;
font-size: 1.2em;
}
#NewsletterBrochure a {color: #fff;}
#NewsletterBrochure a:hover {color: #c00;}


#header {
 padding-left: 26px;
 float: left;
}
#header img, img.header {float: left;}

#menu {
 padding-left: 26px;
 float: left;
 width: 180px;
}
div#search {
 width: 100%;
 height: 50px;
 float: left;
 margin-left: 26px;
 background: url(Life/searchTours.gif) 0 0 no-repeat;
}
div.searchForm{
	margin-left: 325px;
	margin-top: 20px;
}
div.searchForm select{
	display: inline;
	width: 120px; margin-right: 5px;
}
div.searchForm input{
	display: inline;
	width: 118px; margin-right: 5px;
}
a.searchGo {
	width: 38px; height: 24px;
	float: right; display: block; 
	margin: -20px 50px 0 0; padding:0;
	background: url(searchGo.gif) 0 0 no-repeat;
}
a:hover.searchGo {
	background: url(searchGo.gif) -38px 0 no-repeat;
}

/* CONTENT */
#content {
 width: 665px;
 float: left;
 padding: 10px 0px 30px 30px;
 background-image: url(Life/bkgd_life.jpg);
 background-position: -180px 0;
 background-repeat: repeat-y;
}
#main {
 width: 478px;
 float: left;
}

#NewsletterBrochure {
color: #fff; 
width: 290px; 
margin: -25px 15px 0 0; 
z-index: 1000; 
float: right;
font-family: Arial, Helvetica; 
font-weight: bold;
font-size: 1.2em;
}
#NewsletterBrochure a {color: #fff;}
#NewsletterBrochure a:hover {color: #c00;}


#header {
 padding-left: 26px;
 float: left;
}
#header img, img.header {float: left;}

#menu {
 padding-left: 26px;
 float: left;
 width: 180px;
}

div.hr {border-top: 1px solid #f5821f; height: 10px; width: 100%; margin-top: 10px;}


/* footer=====================================================================*/
a img#footerLink {padding-left: 39px; display: inline; margin-bottom: -6px;}

#footer {
 height: 104px;
 font-family: Arial, Helvetica;
 color: #fff;
 padding-left: 34px;
 background-image: url(Life/footer_life.jpg);
 background-position: 26px;
 background-repeat: no-repeat;
 margin-top: 10px;
}
#footer a img {float: left; border: none;}
 
#emailLink {
width: 620px; 
margin-left: 225px;
padding-top: 68px;
padding-right: 30px;
font-weight: bold;
font-size: 1.1em;
text-align: right;
}

#emailLink a {
color: #fff; text-decoration: underline;
}
#emailLink a:hover {color: #c00;}

.normal {font-family: Arial; font-weight: normal;}

.footer {
 padding-top: 10px; 
 padding-bottom: 20px;
 width: 100%;
 margin: 0 auto;
 text-align: center;
 clear: both;
 color: #bdae8f; 
}
.footer a {
 color: #6e5b3d; text-transform: capitalization;
}
.footer a:hover {color: #c00;}
.footer h2 {border: none;}

/*Maps*/
div.map {background-color: #f6bf7f; text-align: center; margin-bottom: 10px;}
div.map img {padding: 10px 0 10px 0;}

/*menu=======================================================================*/
li, ul {margin: 0; padding: 0;}
  
#nav {width: 179px;}
#nav li {list-style: none;}  
   
/* first level - menu buttons */
.mainListItemClass a {display: block; width: 169px; height: 26px; padding: 10px 0 0 10px; font-size: 1.2em; font-weight: bold; color: #fff;}
.mainListItemClass a:focus {outline: none;}   
   
   
/*Styles Classes Added on Aug 13th by HBI------------------------*/
.mainListItemClassTwitter a {display: block; width: 169px; height: 46px; padding: 0 0 0 10px; font-size: 1.2em; font-weight: bold; color: #fff;}
.mainListItemClassBlog a {display: block; width: 169px; height: 61px; padding: 0 0 0 10px; font-size: 1.2em; font-weight: bold; color: #fff;}

   
   
   /* menu buttons mouse-over state are defined here NOTE: overstate button in the same image! */
.mainListItemClass a:hover, .mainListItemClass a.selected {background-position: -180px 0px;  }
   
   /* specify menu individual buttons here - note they are numbered 1 => 99999 */
#mainMenuListItem1 a {background-image: url(Life/AcaciaHome.gif);}
#mainMenuListItem2 a {background-image: url(Life/AcaciaTours.gif);}
#mainMenuListItem3 a {background-image: url(Life/AcaciaAfrica.gif);}
#mainMenuListItem4 a {background-image: url(Life/AcaciaTraveller.gif);}
#mainMenuListItem5 a {background-image: url(Life/AcaciaLife.gif);}
#mainMenuListItem6 a {background-image: url(Life/AcaciaAgents.gif);}
#mainMenuListItem7 a {background-image: url(ViewDigitalBrochure.gif); color: #ffb400; font-size: 1em;}
#mainMenuListItem7 a:hover {color: #000;}
#mainMenuListItem8 a {background-image: url(AcaciaSpecials.gif); text-indent: -2000px;}
#mainMenuListItem9 a {background-image: url(DiscountTravelkit.gif); text-indent: -2000px;}
#mainMenuListItem10 a {background: url(LiveChat.gif) 0 0 no-repeat; text-indent: -2000px;}
#mainMenuListItem11 a {background: url(SkypeMe.gif) 0 0 no-repeat; text-indent: -2000px;}
#mainMenuListItem10 a:hover, #mainMenuListItem10 a.selected {background: url(LiveChat.gif) -180px 0px no-repeat;}
#mainMenuListItem11 a:hover, #mainMenuListItem11 a.selected {background: url(SkypeMe.gif) -180px 0 no-repeat;}
/*Styles Added on Aug 13th by HBI------------------------*/
#mainMenuListItem12 a {background: url(twittericon.jpg) 0 0 no-repeat; text-indent: -2000px;}
#mainMenuListItem13 a {background: url(blogicon.jpg) 0 0 no-repeat; text-indent: -2000px;}
   
   /* second level */
#nav li {margin-bottom: 0px;}   
#nav li ul {display: none; border-top: 1px solid #fff;}
#nav li ul a {display: block; width: auto; height: auto; text-indent: 0; text-decoration: none; text-transform: capitalize; padding:0px 10px 5px 10px; margin: 0; background-image: none; color:#fff; font: 12px Arial, Helvetica; font-weight: bold;}
#mainMenuListItem2 ul {background-color: #f5821f; padding-top: 10px;}
#mainMenuListItem2 li a {color: #fff;}
#mainMenuListItem2 li a:hover {color: #e14210;}
#mainMenuListItem3 ul {background-color: #ceb300; padding-top: 10px;}
#mainMenuListItem3 li a {color: #fff;}
#mainMenuListItem3 li a:hover  {color: #990;}
#mainMenuListItem4 ul {background-color: #9b5821; padding-top: 10px;}
#mainMenuListItem4 li a {color: #fff;}
#mainMenuListItem4 li a:hover  {color: #783626;}
#mainMenuListItem5 ul {background-color: #f69f0a; padding-top: 10px;}
#mainMenuListItem5 li a {color: #fff;}
#mainMenuListItem5 li a:hover  {color: #e56106;}
#mainMenuListItem6 ul {background-color: #c31e00; padding-top: 10px;}
#mainMenuListItem6 li a {color: #fff;}
#mainMenuListItem6 li a:hover  {color: #a60100;}




#mainMenuListItem12 ul {display: block; background-color: #f6821f; padding: 5px 0 0px 2px; width: 175px; clear: both; height: 16px;}
#mainMenuListItem12 li.left a {}
#mainMenuListItem12 li.right a {}

/*Additional Menu in Overland Section*/
#nav li.otherOverland a {font-size: 1.2em; margin: 10px 0; background-color: #f6bf7f; /*width: 168px; height: 26px;*/ padding: 10px 0 10px 10px; display: block; color: #f58215; font-weight: bold;}
#nav li.otherOverland ul {display: block;  width: 175px; border: none;}
#nav li.otherOverland ul li.left {color: #fff; width: 150px;}
#nav li.otherOverland ul li.left a {font-size: 0.8em; background-color: #f6821f; color: #fff; padding: 0px; margin: 0; display: inline;}
#nav li.otherOverland ul li.left a:hover {text-decoration: underline;}
#nav li.otherOverland ul li.right {font-size: 1em; line-height: 1em; margin-top: -1em; color: #fff; width: 25px; margin-left: 150px;/*float: right;*/text-align: right; }

/*Life differences*/

div#main_Life p {font-size: 1.1em; padding-right: 15px; margin-right: 225px;}
div#main_Life h1 {margin-right: 225px;}
div#main_Life h5 {font-size: 1.2em; display: block; padding-bottom: 5px; margin-right: 225px;}
div#main_Life ul.discs {list-style: disc outside none; margin: 0 0 15px 30px; width: 435px;}
div#main_Life ul.dash {list-style: none outside none; margin: 0; width: 430px;}
div#main_Life a {color: #000; text-decoration: underline;}
div#main_Life a:hover {color: #c00;}
div#main_Life h6 a {color: #f5821f; font-weight: normal; padding: 0 4px 2px 4px; border-right: 1px solid #f5821f; font-weight: normal; font-size: 0.95em; margin-bottom: 10px; display: block; float: left;}
div#main_Life h6 a:hover {color: #c00;}
div#main_Life h6 a.last {border: none; padding: 0 0 2px 4px;}

div.RHSlogos img{float: right; margin-right: 15px; clear: both;}

.top20px {margin-top: 20px;}
.normal {font-weight: normal;}