/* ============================================================================ */
/* TAGS */

body
{
  background: #FFF;
	color: #003066;
	font-size: 0.8em;
}

hr
{
  display: none;
}

/* ============================================================================ */
/* CLASSES */

*.inset-right
{
  float: right;
  margin: 3px 0px 5px 20px;
  border: 1px solid #003066;
}

*.inset-right img
{
  display: block;
}

span.white-tm,
span.blue-tm
{
  padding-right: 20px;
}

span.white-tm
{
  background: transparent url('../images/sail_tm_white.png') scroll no-repeat right top;
}

span.blue-tm
{
  background: transparent url('../images/sailTM-blue.gif') scroll no-repeat right top;
}

span.white-tm span,
span.blue-tm span
{
  display: none;
}

.page-numbers ul
{
  list-style: none;
}
  
.page-numbers li
{
  display: inline;
  margin: 0.5em 10px 0.5em 0px;
}
  

/* ============================================================================ */

#page
{
  width: 780px;
}


/* ============================================================================ */
/* LOGO CONTAINER */

#logo-container
{
  background: #FFF url('../images/montage-blue-top.jpg') scroll no-repeat right top;
  border-bottom: 1px solid #003066;
}

#logo-container h1
{
  float: left;
  margin: 0px;
}

#logo-container h2
{
  float: right;
  margin: 4px 6px 0px 0px;
}

#logo-container h1 img,
#logo-container h2 img
{
  display: block;
}


/* ============================================================================ */
/* STRAPLINE */

#strapline
{
  background: #003066 url('../images/strapline.png') scroll no-repeat right bottom;
  border-top: 2px solid #FFF;
  height: 30px;
}

#strapline h3
{
  display: none;
}

/* ============================================================================ */
/* MAIN CONTAINER */

#main-container
{
  background: #FFF url('../images/bg_secondary_nav.png') scroll repeat-y left top;
}

/* ============================================================================ */
/* NAVIGATION */

#navigation
{
  padding-bottom: 150px;
  width: 151px;
  float: left;
}

#navigation h3
{
  display: none;
}

#navigation h4
{
  font-size: 110%;
  margin-top: 1.5em;
  margin-left: 10px;
  margin-bottom: 0px;
}

#navigation ul
{
  margin-left: 8px;
  list-style-position: outside;
	list-style-type: disc;
	color: #E7690A;
}

#navigation ul a
{
  color: #003066;
  padding-top: 2px;
}

#navigation ul li
{
  margin-left: 15px;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* ============================================================================ */
/* MAIN CONTENT */

#main-content
{
  width: 620px;
  float: right;
  padding: 35px 0px 0px 0px;
  background: #FFF url('../images/voc-white-header-tm.gif') scroll no-repeat 0px 15px;
}

#main-content h2
{
  font-size: 120%;
	color: #E7690A;
}

#main-content h3
{
  font-size: 110%;
}

#main-content ul li.trademark a
{
  background: transparent url('../images/sail_tm_white.png') scroll no-repeat right top;
  padding-right: 20px;
}

#main-content ul li.trademark span
{
  display: none;
}

#main-content p strong
{
  color: #E7690A;
}

#main-content div.splash-box
{
  background: transparent url('../images/montage-blue-bottom.jpg') scroll no-repeat left top;
} 

#main-content div.splash-box div
{
  height: 158px;
} 

/* ============================================================================ */
/* INSET IMAGES */

#inset-cutout
{
  padding: 5px;
}


/* ============================================================================ */
/* CONTACT */

#map
{
  margin: 10px 0px;
  height: 200px;
  border: 1px solid #CCC;
  background: #EEF;
}

#contact-details
{
  margin: 10px 0px;
}

#postal-address
{
  float: left;
  width: 130px;
}

#telephone-etc
{
  float: right;
  width: 170px;
  text-align: right;
}

/* ============================================================================ */
/* FOOTER */

#footer
{
  margin: 8px 0px;
  background: #FFF url('../images/bg_nav_bottom_border.png') scroll repeat-x right top;
  padding: 10px 10px 0px 10px;
}