/*
  magenta (237,0,140)

  light beige (207,183,121)
  dark beige (130,122,83)
  
  dark blue (27,20,100)
  mid blue (46,49,146)
  light blue (144,154,174)
  light grey (217,217,217)
*/


/* START general style applying to whole site */
body {
  margin: 0;
  padding: 0;
  background-color: rgb(144,154,174);

  font-size: 85%; /* font-size:62.5% makes 1em=10px */
  font-family: Times New Roman, Courier, Garamond, serif;
  /*font-family: arial, helvetica, sans-serif;*/
  color: rgb(27,20,100);
}

h1,h2,h3,h4,h5 {margin-bottom: 0em;}

h1 {
  font-size: 160%;
  margin-bottom: 0.1em;
}
h2 {
  font-size: 120%;
}
h3 {font-size: 105%;}

a {
  color:rgb(237,0,140);
  font-weight: 400;
}

p {
  margin-top: 0.1em;
}

th {
  text-align: left;
  vertical-align: top;
  width:25%;
}
td {
  text-align: left;
  vertical-align: top;
}

.divJustify {
  text-align: justify;
}

.alignCenter {
  margin-left: auto;
  margin-right: auto;
}

.alignLeftNB {
  display: block;
  float: left;
  padding: 0px;
  border: 0px;
}
.alignLeft {
  display: block;
  float: left;
  padding-right: 1em;
}
.alignRightNB {
  display: block;
  float: right;
  padding: 0px;
  border: 0px;
}
.alignRight {
  display: block;
  float: right;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  border: 0px;
}

.clearRight {
  clear: right;
}

.inlineHeading {
  display: inline;
  font-size: 95%;
  font-weight: bold;
}

.greyBoxes {
  background-color: rgb(217,217,217);
  width: 250px;
  height: 2em;
  text-align: center;
  align: center;
}
.greyBoxes a {
  font-size: 105%;
  font-weight:bold;
}

.magentaBorder {
  width: 450px;
  padding: 1em;
  !border: 1px aqua solid;
}
.magentaBorder img {
  vertical-align:middle;
}

.magentaPBold {
  color: rgb(237,0,140);
  font-size: 95%;
  font-weight: bold;
  !font-family: verdana, arial;
}

.errorMsg {
  color: red;
}

.dbgMsg {
  color: green;
}

.teamheading {
  font-size: 95%;
  font-weight: bold;
  color: rgb(237,0,140);
}

.teamNotes {
  font-size: 75%;
}

.valignMiddle {
  vertical-align: middle;
}

/* END general styling */


/* START section styling */

#mPage  {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  background-color: white;
  width:1000px;
}


#mHeader {
  padding: 0px;
  margin: 0px;
  border: 0px;
  margin-right: 10px;
  height: 230px;
  display: table;
  color: rgb(110,110,110);
  font-style:italic;
  font-weight: bold;
}

#mHeaderLogo {
  display: table-cell;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  border: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

#mHeaderBanner {
  display: table-cell;
  vertical-align: middle;
}



#mTopMenu {
  background-color: rgb(27,20,100);
  width: 100%;
  clear: left;
}
#mTopMenu ul {
  float: left;
  width: 16.66%;
  margin: 0px;
  padding: 0px; 
  list-style: none;
}
#mTopMenu li {
  position: relative;
  margin: 0; 
}
#mTopMenu ul ul {
  width: 100%;
  position: absolute;
  z-index: 500;
}
#mTopMenu ul ul ul {
  top:0;
  left:100%;
}
div#mTopMenu ul ul,
div#mTopMenu ul li:hover ul ul,
div#mTopMenu ul ul li:hover ul ul
{display: none;}

div#mTopMenu ul li:hover ul,
div#mTopMenu ul ul li:hover ul,
div#mTopMenu ul ul ul li:hover ul
{display: block;}
#mTopMenu a,#mTopMenu h2 {
  margin: 0;
  padding: 2px 3px;

  color: white;
  background-color: rgb(27,20,100);
  display: block;
  font-size: 0.9em;
}
#mTopMenu a {
  text-decoration: none;
  font-weight:bold;
  font-size: 0.9em;
}
#mTopMenu a:hover {
  color: white;
  background-color: rgb(237,0,140);
}

#mContentPanel {
  clear: left;
}

#oneCol10f1 {
  margin: 10px 30px 0px 30px;
  clear: both;
  !border: 1px aqua solid;
}


/* single column right aligned*/
#oneCol10f1Right {
  margin-left: 780px;
  margin-right: 40px;
  padding-top: 10px;
  clear: both;
  text-align: center;
  !border: 1px maroon solid;
}

#twoCol10f2 {
  width: 50%;
  margin: 10px 0px 0px 50px;
  !border: 1px aqua solid;
}
#twoCol20f2 {
  width: 50%;
  margin: 10px 50px 0px 50px;
  float: right;
  !border: 1px maroon solid;
}

/* this is for a narrow border left and right and wide central border*/
#threeCol10f3 {
  padding: 0px;
  position: absolute;
  !border: 1px yellow solid;
}
#threeCol20f3 {
  margin-left: 200px;
  margin-right: 200px;
  padding-top: 10px;
  !border: 1px blue solid;
}
#threeCol30f3 {
  margin-left: 810px;
  margin-right: 10px;
  padding-top: 10px;
  width: 180px;
  position: absolute;
  text-align: center;
  !border: 1px red solid;
}


/* This is wide column left and right with a centered narrow central column*/
#threeACol10f3 {
  padding-top: 20px;
  margin-left: 30px;
  width: 370px;
  text-align: left;
  !border: 1px yellow solid;
}
#threeACol20f3 {
  margin-left: 400px;
  margin-right: 400px;
  margin-top: 20px;
  width: 200px;
  position: absolute;
  text-align: center;
  !border: 1px blue solid;
}
#threeACol30f3 {
  margin-left: 600px;
  padding-top: 20px;
  width: 380px;
  position: absolute;
  text-align: left;
  !border: 1px red solid;
}
/* This is special narrow right column for use on the accommodation page*/
#threeA1Col30f3 {
  margin-left: 820px;
  padding-top: 20px;
  width: 131px;
  position: absolute;
  text-align: left;
  !border: 1px red solid;
}


.greyBox {
  text-align: center;
  width: 131px;
  margin-left: 25px;
  background-color: rgb(217,217,217);
}

.greyBoxPadding {
  margin: 0px 5px;
}

/* END section styling */



/* special bits of styling */

/* Used in the table on beforeAndAfter.php*/
.width30 {
  width: 100px;
}

/* Used in flightsToBudapest.php */
.airline {
  clear: both;
  margin: 10px 0px 10px 100px;
  padding: 10px;
  border: 1px rgb(217, 217, 217) solid;
}
.airline img {
  float: right;
  vertical-align: middle;
  !border: 1px maroon solid;
}
.airline p {
  margin: 0px;
}

/* END special bits of styling */


/*  START footer styling */
#footer {
  color: white;
  font-size: 0.8em;
  background-color: rgb(27,20,100);

  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}

#footerLinks {
  text-align: right;
  float: right;
}

#copyright {
}

.designer {
  color: rgb(170,170,256);
  padding:0 4px;
}
/*  END footer styling */