/* Zero down margin and padding on all elements to zap browser defaults*/
* {
  margin: 0;
  padding: 0;
}

/* Add back some padding
------------------------ */

ul#navMain * {
}

ul#navMain * * {
}

#content{
  padding: 2em 0;
  padding-top: 0;
  margin-top: 5px;
}

#contentLeft h1, #contentLeft p,
#contentLeft dl{
  margin-left: 5px;
}

#contentLeft h2{
  padding-left: 5px;
}
#contentLeft h3{
  padding-left: 5px;
}
#contentLeft h4{
  padding-left: 5px;
}

#contentRight p{
  padding-right: 15px;
}

h1, h2{
  margin: 0.25em 0;
}

h2.first {
  margin-top: 25px;
}

div.aboutStep h3{
  padding-left: 20px;
}
/* =main structure
------------------------ */
html{
  background-color: #fff;
  /*background-image: url(../images/html-bg-dark.gif);*/
  background-repeat: repeat-x;

}

body {
  font: 62.5%/1.5 "Trebuchet MS",Verdana,Arial,sans-serif;
  background-color: #fff;
  background-image: url(../images/header_bg.gif);
  background-repeat: repeat-x;
  text-align: center;
  min-width: 945px;
}


#wrapper {
  width: 845px;
  margin: 0 auto; /*removed 10px top mergin on wrapper as it screwed up in IE6 */
  text-align: left;
  position: relative;
}

#banner{
  height: 105px;
  background-color: #fff;
  background-image: url(../images/header_bg.gif);
  background-repeat: repeat-x;
}

#content {
  background-color: #fff;
  width: 845px;
  float: left;
  min-height: 500px;
  /*border: solid 1px #ccc;*/
}

#contentLeft{
  float : left;
	width : 65%;
}

#contentRight{
  float : right;
  width : 25%;
  padding-top : 0;
  margin : 15px 0px;
  margin-right : 15px;
}

#footer {
  clear: both;
  background-color : #f3f4f9;
  padding: 1px 20px;
}

/* =a
------------------------ */

a:link, a:visited {
  color : #54a9e3;
  text-decoration: none;
}

a:hover, a:active {
  text-decoration : underline;
}

#contentRight a, #contentLeft a {
  font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

ul#offers a{
  color: #fff;
  text-decoration: none;
}
ul#offers a:hover{
  color: #fff;
  text-decoration: underline;
}

a.logout{
  font-size: 1.5em;
	font-weight: bold;
  position: relative;
  top: 2.5em;
  left: 8em;
	color: #fff;
}
a.logout{
	position: absolute;
  top: 2px;
  left: 775px;

}
/* =ul
------------------------ */

ul{
  /*margin-left: 20px;*/
}

ul#navMain  {
  position: relative;
  top: -27px;
  margin: 0;
  padding : 0;
  list-style : none;
  width : 945px;
  float : left;             /* float ul to prevent collapsing */
  background-color: transparent;
}
ul#navMain  {
  position: absolute;
  top: 77px;
	left: 10px;
}

ul#navMain  li {
  float : left;
  text-align: center;
}

ul#navMain  a {
  display : block;
  width: 125px;
  height: 38px;
  line-height: 34px;
  /*padding : 0 1em;*/
  font-size: 1.5em;
  text-decoration : none;
  color : #000;
  background-image: url(../images/menu-tab.gif);
  /*font-weight: bold;*/
}
ul#navMain  a.left{
  background-image: url(../images/menu-tab-left.gif);
}
ul#navMain  a.right{
  background-image: url(../images/menu-tab-right.gif);
  background-position: right;
}
ul#navMain  a:hover {
  background-image: url(../images/menu-tab-active.gif);
  color: #fff;
}
ul#navMain  a.left:hover{
  background-image: url(../images/menu-tab-left-active.gif);
}
ul#navMain  a.right:hover{
  background-image: url(../images/menu-tab-right-active.gif);
}

body.home ul#navMain a.left{
  background-image: url(../images/menu-tab-left-active.gif);
  color: #fff;
}

body.trips ul#navMain a.trips,
body.messages ul#navMain a.trips,
body.itinerary ul#navMain a.trips,
body.map ul#navMain a.trips,
body.albums ul#navMain a.trips

{
  background-image: url(../images/menu-tab-active.gif);
  color: #fff;
}

body.events ul#navMain a.right{
  background-image: url(../images/menu-tab-right-active.gif);
  color: #fff;
}

ul.features{
  list-style-position: inside;
  list-style: square;
}

ul.features li{
  font-size: 1.5em;
  color: #093;
  color: #f00;
  /*font-weight: bolder;*/
  margin-left: 2em;
}

/* =h
------------------------ */

h1 {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 3.5em;
  font-weight: bolder;
  color : #fff;
  background-color: transparent;
  float: left;
  width: auto;
  padding-left: 10px;
  padding-top: 10px;
}

h2 {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 2.2em;
  font-weight: bolder;
  color : #54a9e3;
  background-color: #fff;
  margin-left: 0;
}

h3 {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 1.8em;
  font-weight: bolder;
  color : #54a9e3;
  background-color: #fff;
}

h3.subhead{
  font-size: 1.8em;
  color : #f00;

}


h4 {
  margin-top: 1em;
  font-size: 1.4em;
  font-weight: normal;
  color : #000;
  color : #2a845c;
}

h4.sponsor-std, h4.sponsor-prem, h4.sponsor-premplus{
  font-family: "Trebuchet MS", Verdana, sans-serif;
  margin-top: 1em;
  font-size: 1.5em;
  font-weight: bold;
	color: #000;
}

div.aboutStep h4{

}

/* =p
------------------------ */

p {
  /*font-family : Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;*/
  font-size: 1.25em;
  margin: .5em 0;
  color: #414141;
}

#banner p{
  margin: 0;
  float: left;
  font-size: 1.75em;
  color: #fff;
  padding-top: 2em;
  padding-left: 1em;

}

#footer p {
  font-size : 1em;
  color : #555;
  text-align : center;
}

#contentRight p.first{
  margin: 0px;
	height : 30px;
	background-image : url(../images/right-panel-top.png);
	background-repeat : no-repeat;
}
#contentRight p{
	font-size : 1.2em;
	background-image : url(../images/right-panel-bg.png);
}
#contentRight p.last{
  margin: 0px;
	height : 30px;
	background-image : url(../images/right-panel-bot.png);
	background-repeat : no-repeat;
}

p.quote{
  font-family : "Trebuchet MS", Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  padding-bottom: 1em;
  border-bottom: dashed 1px #ccc;
}

p.quote cite{
  font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bolder;
}

/* =span
------------------------ */

span.qmark{
  font-size: 1.5em;
  line-height: 1em;
}

/* =images
------------------------ */

.imgLeft{
  float : left;
  padding: 1px;
  margin : 20px;
  margin-top : 0px;
  border: 1px solid #ccc;
}

.imgLeftFlush{
  float : left;
  padding: 1px;
  margin : 20px;
  margin-left : 0px;	
  margin-top : 0px;
  border: 1px solid #ccc;
}

#banner img{
  float: left;
  padding: 0;
  margin: 0;
}

/* =links
------------------------ */

#content a[href^="http:"] {
  background: url(../images/externalLink.gif) no-repeat right top;
  padding-right: 15px;
}

#content a[href^="mailto:"] {
  background: url(../images/email.png) no-repeat right top;
  padding-right: 15px;
}

/* =acronym, abbr
------------------------ */

#content p acronym {
  padding-left: 0px;
  border-bottom : 1px dotted;
  text-decoration : none;
  cursor : help;
}

div.clear{
  clear: both;
  line-height: 1px;
  height: 1px;
}

div.aboutStep{
  width:95%;
  float:left;
  margin-left: 20px;
  margin-bottom: 2em;
  background-color: #cff;
  padding-right: 10px;
}

ul#about, ul#about li{list-style-type:none;margin:0;padding:0}
ul#about{width: 90%;margin:20px auto 0;text-align:left}
ul#about{margin-left: 20px;}

ul#about li{float:left; width: 100%; /*height:195px;*/
    padding: 20px 20px 20px 10px;margin:8px 8px 0 0;}

ul#about li p{
  background: #666;
  color: #fff;
  padding-left:0;
  font-size: 1.4em;
}

ul#about h3{
  color: #fff;
  background: #666;
  font-weight: bolder;
  font-size: 1.65em;
}

li.about{
  background: #666;
}

li#abschools {background: #666;}
ul#about li#abschools h3{color: #fff;}

ul#about li#abschools p{color: #fff;}


li.abmore{background: #fff;}



ul#user-notes, ul#user-notes li{list-style-type:none;margin:0;padding:0}
ul#user-notes{width: 100%;margin:0 auto 20px;text-align:justify}
ul#user-notes{margin-left: 10px;}
ul#user-notes{margin-left: 0;}

ul#user-notes li{float:left; width: 100%; /*height:195px;*/
    padding: 20px 10px 20px 10px;margin:8px 8px 0 0;}

ul#user-notes li p{
  color: #fff;
  padding-left:0;
  font-size: 1.15em;
}

ul#user-notes h3{
  color: #fff;
  background: #54a9e3;
  font-weight: bolder;
  font-size: 1.65em;
}

li.user-notes{
  background: #54a9e3;
}




/* login form */

form#loginForm{
  position: relative;
  top: 4em;
  left: 2em;
}

form#loginForm{
  position: absolute;
  top: 2px;
  left: 575px;
}


form#loginForm input{
  border: solid 1px #414141;
  padding: 3px;
  width: 9em;
}

form#loginForm input.submit{
  border: inherit;
  width: auto;
  color:  #414141;
}

/* enquiry & registration forms */

#enqRegForm {
  margin-left: 20px;
  margin-top: 20px;
  font-family : "Trebuchet MS", Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#enqRegForm label{
  font-size: 1.5em;
  color: #414141;
  display: block;
  float: left;
  clear: left;
  width: 15em;
}

#enqRegForm input{
  font-size: 1.4em;
  float: left;
}
#enqRegForm textarea{
  font-family : "Trebuchet MS", Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  float: left;
  border: solid 1px #ccc;
  width: 20em;
  padding: 2px;
}

#enqRegForm label, #enqRegForm input{
  margin-bottom: 5px;
}

input.txtStd{
  font-family : "Trebuchet MS", Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 20em;
  border: solid 1px #ccc;
  padding: 2px;
}

input.txtMed{
  font-family : "Trebuchet MS", Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 15em;
  border: solid 1px #ccc;
  padding: 2px;
}

input.txtShort{
  font-family : "Trebuchet MS", Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 10em;
  border: solid 1px #ccc;
  padding: 2px;
}

input.txtTiny{
  font-family : "Trebuchet MS", Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 5em;
  border: solid 1px #ccc;
  padding: 2px;
}

input.txtLong{
  font-family : "Trebuchet MS", Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 22em;
  border: solid 1px #ccc;
  padding: 2px;
}

#enqRegForm input.submit{
  margin-left: 15em;
  margin-top: 1em;
  clear: left;
  color: #414141;
}

#enqRegForm p.note{
  margin-left: 0;
  font-style: italic;
}


#enqRegForm h3.error, #enqRegForm p.error{
  color: #f00;
  padding-left:0;
  margin-left: 0;
}

form#enqRegForm ul.errorList{
  margin-left: 30px;
}
form#enqRegForm ul.errorList li{
  margin-left: 0;
  color: #f00;
  font-size: 1.2em;
}
form#enqRegForm h3{
  padding-top: 0.75em;
}

form#enqRegForm h3, form#enqRegForm p{
  clear:left;
  margin-left: 0;
  padding-left: 0;
}

form#enqRegForm p.note{
  font-size: 1.2em;
  font-style: italic;
}

div#illustration, div#registration{
  display: none;
}





/* form hints */
span.hintSpan{
  float: left;
}

.hintA, .hintB {
  background: #54a9e3 url(../images/hintPointer.gif) left -9999px no-repeat;
  border: 1px solid #a1cd8e;
  display: none;
  font-weight: normal;
  left: 550px;
  color: #fff;
  font: 1em/200% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  line-height: 150%;
  margin-top: -10px;
  padding: 4px 10px;
  position: absolute;
  width: 200px;
}

.hintB {
  left: 400px;
  width: 200px;

}

.hintA .hintPointer, .hintB .hintPointer {
  background: url(images/hintPointer.gif) left top no-repeat;
  height: 19px;
  left: -10px;
  position: absolute;
  top: 3px;
  width: 10px;
}





ul#msgList {
  list-style: none;
  clear: left;
 /*  padding-top: 3em; */
  margin-left: 5px;
}

ul#msgList li{
  padding: 0.25em;
  font-size: 1.25em;
}

ul#msgList li.msgHead, ul#msgList li.msgBody{
  /* border: solid 1px #54a9e3; */
  border: none;
  font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

ul#msgList li.msgHead{
  border-bottom: none;
  width: 100%;
  font-size: 1.25em;
	border: solid 1px #d7ecfb;
  color: #54a9e3;
	background-color: #ffd;
  color: #555;
	background-color: #d7ecfb;
	
}
ul#msgList li.msgBody{
  width: 100%;
  margin-bottom: 1em;
  color: #555;
  font-size: 1.25em;
	border: solid 1px #d7ecfb;
	background-color: #fff;
}

/*
 ul#msgList li.msgCmtHead {
   margin-left: 30px;
   background-color: #f3f4f9;
}

ul#msgList li.msgCmtBody {
   margin-left: 30px;
   background-color:#f3f4f9;
}
*/

ul#msgList li.msgCmtHead{
  border-bottom: none;
  width: 100%;
  font-size: 1.25em;
	border: solid 1px #cf9;
  color: #555;
	background-color: #cf9;
	
}
ul#msgList li.msgCmtBody{
  width: 100%;
  margin-bottom: 1em;
  color: #555;
  font-size: 1.25em;
	border: solid 1px #cf9;
	background-color: #fff;
}






ul#trip-subNav{
  margin-left: 5px;
  margin-top: 1.25em;
  margin-bottom: 1.5em;
  display: block;
  clear: both;
  height: 2em;
  width: 100%;
  border-bottom: solid 1px #ccc;
  font-size: 1.25em;
}

ul#trip-subNav li{
  list-style: none;
  display: block;
  float: left;
}

ul#trip-subNav li a{
  list-style: none;
  display: block;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  font-size: 1em;
  text-align: center;
  width: 5.5em;
  height: 2em;
  line-height: 2em;
  float: left;
  margin-right: 1px;
  text-decoration: none;
}

ul#trip-subNav li a.selected{
  color: #fff;
  background-color: #54a9e6;
}




table#itineraryTable{
  font-family : "Trebuchet MS", Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  width: 100%;
  margin-left: 5px;
  margin-top: 2em;
}

table#itineraryTable th{
  font-family : "Trebuchet MS", Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #fff;
  background-color: #54a9e6;
  padding: 3px;
}

table#itineraryTable td{
  border: solid 1px #ccc;
  font-size: 0.8em;
  padding: 0.5em;
  border-top: none;
}


table#itineraryTable td.itineraryDate{
  width: 8em;
  border-right: none;
}

table#marker-keys{
  width: 100%;
  margin: 1.25em 0;
}

table#marker-keys td{
  font-family : "Trebuchet MS", Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: #fff;
  width: 30%;
  text-align: center;
  padding-bottom: 0.25em;
}


div.photoDetails{width: 150px; float:left; border:none; text-align: left; margin: 20px 20px 20px 5px;}
div.photoDetails img{width:150px; border: none;}
div.photoDetails p{width:165px;clear:left;font-size:1em;}
div.photoDetails a{display:block; width:150px; height:150px; background-color: #fff;}

div.sponsor-sidebar{
	text-align: center;
	margin-top: 5px;
  margin-right: 3px;;
  margin-left: 0;
  float: left;
  padding: 0;
}
div.sponsor-sidebar a{
	/*width: 100%;*/
}
div.sponsor-sidebar a, div.sponsor-sidebar a img{
	border: none;
  width: 100px;
  margin: 0;
  padding: 0;
}

div.sponsor-sidebar a img{
  border: solid 1px #ccc;
}

form#messagesForm{
	margin:  1.5em 5px;
}

form#messagesForm label{

  font-family : "Trebuchet MS", Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.25em;
	
	
}


span#mymenu{
	color: #fff;
  font-size: 1.5em;
	position: absolute;
  top: 2px;
  left: 625px;
}

span#mymenu a{
	color: #fff;
}