#outer_container {
    display: table;
    width: 1500px;
}
#outer_container > div {
    display: table-cell;
    width: 240px;
}
#outer_container > div:nth-child(2) {
    width: 1000px;
}


/*@font-face {
    font-family: "avant guard";
    src: url('http://www.uow.edu.au/~dhastie/font/AVANTGU.TTF') format(truetype);
    font-style: normal;
}*/

/* background-color is the colour of the overall background of the page */
body {
/*    font-family: "avant guard", arial, helvetica, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #f4f7d9;
    margin: 0px;
    padding: 2;
    background-color:#2580a2;
}

html {
    overflow-y: scroll;
}

/* margin: top right bottom left */
h1 {
    font-size: 34px;
    color: #e6e6e6;
    margin: 2px 0px 0px 4px;
    padding: 4 0 2 0;
    text-align: left;
    nowrap;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #42a092;
    margin: 2px 15px 2px 15px;
    padding: 2;
    text-align: right;
    nowrap;
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #e6e6e6;
    margin: 2px 15px 2px 15px;
    padding: 2;
    vertical-align: middle;
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #132c28;
    margin: 2px 15px 2px 15px;
    padding: 2;
}

.p1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #132c28;
    margin: 2px 15px 2px 15px;
    padding: 2;
}

wrapper {
    vertical-align: middle;
    text-align: center;
}


#cssmenu {

  border: none;

  border: 0px;

  margin: 0px;

  padding: 0px 5px 5px 0px;

  font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

  width: auto;

}


/* background is the colour to the left of the menu */
#cssmenu ul {

  background: #5C2700;

  height: 30px;

  list-style: none;

  margin: 0;

  padding: 0;

}


#cssmenu li {

  float: right;

  padding: 0px;

}


/* background is the colour of the main menu bar */
#cssmenu li a {

/*  background: #333333 url('images/seperator.png') bottom right no-repeat;*/

  background: #4f4f4f url('images/seperator.png') bottom right no-repeat;
  display: block;

  font-weight: normal;

  line-height: 30px;

  margin: 0px;

  padding: 0px 15px;

  text-align: center;

  text-decoration: none;

}


/* color is the colour of the text in the main menu bar */
#cssmenu > ul > li > a {

  color: #e6e6e6;

}


/* color is the colour of the text in the pull down menus */
#cssmenu ul ul a {

  color: #e6e6e6;

}


/* background is the colour of the mouse over on the main menu bar */
/* color is the colour of the text after mouse over on the main menu bar */
#cssmenu li > a:hover,

#cssmenu ul li:hover > a {

  background: #2580a2 url('images/hover.png') bottom center no-repeat;

  color: #FFFFFF;

  text-decoration: none;

}


/* this section changes the height of the coloured section in the drop down menus */
#cssmenu li ul {

/*  background: #333333;*/

/*  background: #4f4f4f;*/

  display: none;

  height: auto;

  padding: 0px;

  margin: 0px;

  border: 0px;

  position: absolute;

  width: 146px;

  z-index: 200;


}


#cssmenu li:hover ul {

  display: block;

}


#cssmenu li li {

  background: url('images/sub_sep.png') bottom left no-repeat;

  display: block;

  float: none;

  margin: 0px;

  padding: 0px;

  width: 146px;

}


#cssmenu li:hover li a {

  background: none;

}


#cssmenu li ul a {

  display: block;

  height: 30px;

  font-size: 12px;

  font-style: normal;

  margin: 0px;

  padding: 0px 10px 0px 15px;

  text-align: left;

}


#cssmenu li ul a:hover,


/* background is the colour of the mouse over in the pull down menu bar */
/* color is the colour of the text after mouse over in the pull down menu */
#cssmenu li ul li:hover > a {

  background: #2580a2 url('images/hover_sub.png') center left no-repeat;

  border: 0px;

  color: #ffffff;

  text-decoration: none;

}


#cssmenu p {
  clear: left;

}