html, body { height:100%; }
body {
margin: 0px; padding: 0px; background-image: url(images/gtPageBgAlt.jpg); background-repeat: repeat-x; background-color: #b86412;
font-family:Arial, Helvetica, sans-serif; font-size: 0.7em; color: #FFFFFF;}
a {color: #FFFFFF;}
/*#header {width: 780px; height: 114px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; display: block;}*/
#header {width: 780px; height: 20px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; display: block;}
#header h1 {margin: 0px; padding: 0px;}
/*#header h1 a {display: block; float: right; width: 149px; height: 114px; text-indent: -900em; background-image: url(images/gtLogo.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px;}*/
#header h1 a {display: block; float: right; width: 149px; height: 20px; text-indent: -900em; margin: 0px; padding: 0px;}
/* Main menu styles */
#topMenu {width: 774px; height: 23px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#topMenu ul {list-style-type: none; display: block; padding: 0px; height: 23px; width: 100%; margin: 0px;}
#topMenu ul li {display: block; float: left;}
#topMenu ul li a.menuHomeIn {display: block; width: 155px; height: 23px; text-indent: -900em; background-image: url(images/tabs/homeTab_In.jpg); background-repeat: no-repeat;}
#topMenu ul li a.menuToursIn {display: block; width: 155px; height: 23px; text-indent: -900em; background-image: url(images/tabs/toursTab_In.jpg); background-repeat: no-repeat;}
#topMenu ul li a.menuTeamIn {display: block; width: 154px; height: 23px; text-indent: -900em; background-image: url(images/tabs/equipmentTab_In.jpg); background-repeat: no-repeat;}
#topMenu ul li a.menuDatesIn {display: block; width: 154px; height: 23px; text-indent: -900em; background-image: url(images/tabs/datesTab_In.jpg); background-repeat: no-repeat;}
#topMenu ul li a.menuContactIn {display: block; width: 155px; height: 23px; text-indent: -900em; background-image: url(images/tabs/contactTab_In.jpg); background-repeat: no-repeat;}
#topMenu ul li a.menuHomeIn:hover {background-image: url(images/tabs/homeTab_InOvr.jpg);}
#topMenu ul li a.menuToursIn:hover {background-image: url(images/tabs/toursTab_InOvr.jpg);}
#topMenu ul li a.menuTeamIn:hover {background-image: url(images/tabs/equipmentTab_InOvr.jpg);}
#topMenu ul li a.menuDatesIn:hover {background-image: url(images/tabs/datesTab_InOvr.jpg);}
#topMenu ul li a.menuContactIn:hover {background-image: url(images/tabs/contactTab_InOvr.jpg);}
#topMenu ul li a.menuHomeOut {display: block; width: 155px; height: 23px; text-indent: -900em; background-image: url(images/tabs/homeTab_Out.jpg); background-repeat: no-repeat;}
#topMenu ul li a.menuToursOut {display: block; width: 155px; height: 23px; text-indent: -900em; background-image: url(images/tabs/toursTab_Out.jpg); background-repeat: no-repeat;}
#topMenu ul li a.menuTeamOut {display: block; width: 154px; height: 23px; text-indent: -900em; background-image: url(images/tabs/equipmentTab_Out.jpg); background-repeat: no-repeat;}
#topMenu ul li a.menuDatesOut {display: block; width: 154px; height: 23px; text-indent: -900em; background-image: url(images/tabs/datesTab_Out.jpg); background-repeat: no-repeat;}
#topMenu ul li a.menuContactOut {display: block; width: 155px; height: 23px; text-indent: -900em; background-image: url(images/tabs/contactTab_Out.jpg); background-repeat: no-repeat;}
#topMenu ul li a.menuHomeOut:hover {background-image: url(images/tabs/homeTab_OutOvr.jpg);}
#topMenu ul li a.menuToursOut:hover {background-image: url(images/tabs/toursTab_OutOvr.jpg);}
#topMenu ul li a.menuTeamOut:hover {background-image: url(images/tabs/equipmentTab_OutOvr.jpg);}
#topMenu ul li a.menuDatesOut:hover {background-image: url(images/tabs/datesTab_OutOvr.jpg);}
#topMenu ul li a.menuContactOut:hover {background-image: url(images/tabs/contactTab_OutOvr.jpg);}
/* Content Styles */
/* #contentWrapper {
width: 806px; min-height: 600px; max-height: 100%; background-image: url(images/gtBodyBg.jpg); background-repeat: repeat-y; margin-top: 0px; margin-right: auto;
margin-bottom: 0px; margin-left: auto; height: auto; display: table; } */
#contentWrapper {
width: 806px; min-height: 600px; background-image: url(images/gtBodyBg.jpg); background-repeat: repeat-y; margin-top: 0px; margin-right: auto;
margin-bottom: 0px; margin-left: auto; height: auto; display: table; }
/* Page back grounds */
#mainContent.blank {background-image: url(images/gtBlankBg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.home {background-image: url(images/gtHomeBg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.tours {background-image: url(images/gtToursBg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.team {background-image: url(images/gtTeamBg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.dates {background-image: url(images/gtDatesBg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.contact {background-image: url(images/gtContactBg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.namibia_classic {background-image: url(images/gtNamibiaClassicBg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.kaokoveld_adventure {background-image: url(images/bgTour2.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.christmas_special {background-image: url(images/xmas_sBg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.new_year_tour {background-image: url(images/newYear1Bg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.new_year_tour_special {background-image: url(images/newYear2Bg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.easter_tour {background-image: url(images/easterBg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.windhoek_capetown_tour {background-image: url(images/windhoekBg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.capetown_windhoek_tour {background-image: url(images/capeTownBg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.meet_the_team {background-image: url(images/meetTeamBg.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#mainContent.equipment {background-image: url(images/bgEquipment.jpg); background-position: top; background-repeat: no-repeat; width: 806px; min-height: 619px;}
#contentHeader {width: 766px; height: 245px; float: left; margin: 40px 40px 0px 0px;}
#contentHeader h2 {margin: 0px 0px 15px 0px; font-size: 3em; font-weight: normal; text-transform: lowercase; text-align: right;}
#contentHeader p {margin: 10px 0px 10px 370px; font-weight: normal; text-align: right; font-size: 1.1em;}
#contentHeaderSmall {width: 766px; height: 115px; float: left; margin: 40px 40px 0px 0px;}
#contentHeaderSmall h2 {margin: 0px 0px 15px 0px; font-size: 3em; font-weight: normal; text-transform: lowercase; text-align: right;}
#contentHeaderSmall p {margin: 10px 0px 10px 370px; font-weight: normal; text-align: right; font-size: 1.1em;}
#callOutLeft,
#callOutCentre,
#callOutRight
{display: table; float: left; width: 255px; height: 324px; margin-left: 0px;}
#callOutLeft {margin-left: 20px;}
#callOutLeft h3,
#callOutCentre h3,
#callOutRight h3
{margin: 0px 15px 0px 15px; padding-top: 15px; padding-bottom: 4px; padding-left: 2px; font-weight: normal; font-size: 1.3em; border-bottom: 1px solid #FFFFFF;}
#callOutLeft h4,
#callOutCentre h4,
#callOutRight h4
{margin: 6px 15px -6px 17px; padding: 0px; font-weight: bold; font-size: 1em;}
#callOutLeft p,
#callOutCentre p,
#callOutRight p
{margin: 6px 15px 10px 17px; font-weight: normal;}
#callOutLeft img,
#callOutCentre img,
#callOutRight img
{margin: 2px 0px 5px 5px; float: right;}
#callOutLeft ul,
#callOutCentre ul,
#callOutRight ul
{list-style: none; margin-left: 0px; padding-left: 20px;}
#callOutLeft li,
#callOutCentre li,
#callOutRight li
{display: block; background-image: url(images/bullet.jpg); background-repeat: no-repeat; background-position: left; margin-left: 0px; padding-left: 25px;
line-height: 21px; margin-bottom: 10px;}
#callOutLeft li a,
#callOutCentre li a,
#callOutRight li a
{color: #FFFFFF; text-decoration: none;}
#callOutLeft li a:hover,
#callOutCentre li a:hover,
#callOutRight li a:hover,
#callOutLeft a.rightLink:hover,
#callOutCentre a.rightLink:hover,
#callOutRight a.rightLink:hover
{text-decoration: underline;}
#callOutLeft.homeCallOut {background-image: url(images/gtHomeCOLeftBg.jpg); background-repeat: repeat-y;}
#callOutCentre.homeCallOut {background-image: url(images/gtHomeCOCentreBg.jpg); background-repeat: repeat-y;}
#callOutRight.homeCallOut {background-image: url(images/gtHomeCORightBg.jpg); background-repeat: repeat-y;}
#callOutLeft #callOutLeftBody.homeCallOut {background-image: url(images/gtHomeCOLeftHeader.jpg); background-repeat: no-repeat; min-height: 310px;}
#callOutLeft #callOutLeftFooter.homeCallOut {background-image: url(images/gtHomeCOLeftFooter.jpg); background-repeat: no-repeat; height: 14px;}
#callOutCentre #callOutCentreBody.homeCallOut {background-image: url(images/gtHomeCOCentreHeader.jpg); background-repeat: no-repeat; min-height: 310px;}
#callOutCentre #callOutCentreFooter.homeCallOut {background-image: url(images/gtHomeCOCentreFooter.jpg); background-repeat: no-repeat; height: 14px;}
#callOutRight #callOutRightBody.homeCallOut {background-image: url(images/gtHomeCORightHeader.jpg); background-repeat: no-repeat; min-height: 310px;}
#callOutRight #callOutRightFooter.homeCallOut {background-image: url(images/gtHomeCORightFooter.jpg); background-repeat: no-repeat; height: 14px;}
#contentBody {width: 762px; min-height: 470px; margin: 0px 0px 0px 22px; padding: 0px; float: left;}
#bodyHeader {background-image: url(images/css/bodyHeader.png); background-repeat: no-repeat; margin-top: 0px; height: 10px; width: 762px;}
#bodyText {display: table; background-image: url(images/css/bodyBg.png); background-repeat: repeat-y; margin-top: 0px; min-height: 450px; width: 762px;}
#bodyFooter {width: 762px; height: 15px; background-image: url(images/css/bodyFooter.png); background-repeat: no-repeat; float: left;}
#leftMenu {width: 230px; float: left; margin-top: -10px;}
#leftMenu h3 {margin: 0px 15px 0px 15px; padding-top: 15px; padding-bottom: 4px; padding-left: 2px; font-weight: normal; font-size: 1.3em; border-bottom: 1px solid #FFFFFF;}
#leftMenu h4 {margin: 6px 15px -6px 17px; padding: 0px; font-weight: bold; font-size: 1em;}
#leftMenu p {margin: 6px 15px 10px 17px; font-weight: normal;}
#leftMenu img {margin: 2px 0px 5px 5px; float: right;}
#leftMenu ul {list-style: none; margin-left: 0px; padding-left: 20px;}
#leftMenu li
{display: block; background-image: url(images/arrowBtn.png); background-repeat: no-repeat; background-position: left; margin-left: 0px; padding-left: 25px;
line-height: 21px; margin-bottom: 10px;}
#leftMenu li a {color: #FFFFFF; text-decoration: none;}
#leftMenu a.rightLink:hover, #leftMenu li a:hover
{text-decoration: underline;}
#leftMenu a.rightLink
{display: block; background-image: url(images/arrowBtn.png); background-repeat: no-repeat; background-position: right; margin-left: 0px; padding-right: 25px;
line-height: 21px; margin-bottom: 0px; padding-bottom: 0px; text-align: right; color: #FFFFFF; text-decoration: none;}
#mainText {float: left; width: 500px; display: table; margin-left: 10px; margin-top: -10px;}
#mainText h3 {margin: 0px 15px 0px 15px; padding-top: 15px; padding-bottom: 4px; padding-left: 2px; font-weight: normal; font-size: 1.3em;}
#mainText h4 {margin: 15px 15px -6px 17px; padding: 0px; font-weight: bold; font-size: 1em;}
#mainText p {margin: 6px 15px 10px 17px; font-weight: normal; font-size: 1.9ex; line-height: 1.5em;}
#mainText .firstItem {padding-top: 15px;}
#mainText .small {font-size: smaller;}
#leftMenu .imageBank {
width: 117px;
margin: 20px 10px 20px 45px;
}
#mainText .imageBank {
float: right;
width: 117px;
margin: 10px 0px 10px 10px;
}
.imageBank img {
padding-top: 5px;
padding-bottom: 5px;
}
.bodyImage {
margin: 10px 15px 10px 18px;
float: left;
width: 130px;
height: 150px;
}
.bodyImageCenter img {
margin: 10px auto 10px auto;
display: block;
}
h5 {
text-align: center;
font-style: italic;
font-size: 0.9em;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
font-weight: normal;
}
/* Generic styles */
a.rightLink
{display: block; background-image: url(images/arrowBtn.png); background-repeat: no-repeat; background-position: right; margin-left: 0px; padding-right: 25px;
line-height: 21px; margin-bottom: 0px; padding-bottom: 0px; text-align: right; color: #FFFFFF; text-decoration: none;}
a.rightLink:hover {text-decoration: underline;}
a.leftLink
{background-image: url(images/arrowBtn.png); background-repeat: no-repeat; background-position: left; margin-left: 0px; padding-left: 25px;
line-height: 24px; margin-bottom: 0px; padding-bottom: 3px; padding-top: 3px; text-align: left; color: #FFFFFF; text-decoration: none;}
a.leftLink:hover {text-decoration: underline;}
#lineBreak {
width: 100%;
height: 0px;
clear: left;
}
#contentFooter
{width: 806px; display: table; height: 20px; background-image: url(images/gtFooterBg.jpg); background-repeat: repeat-y; margin-top: 0px; margin-right: auto;
margin-bottom: 0px; margin-left: auto;}
/* EDITABLE STYLES */
#contentWrapper #mainContent #callOutLeft #callOutLeftBody,
#contentWrapper #mainContent #callOutCentre #callOutCentreBody,
#contentWrapper #mainContent #callOutRight #callOutRightBody {
height: 310px; /*change this to make the call out boxes on a 3 column layout longer or shorter */
}