/* 
 *
 * PERIPLOI STYLESHEET 
 *  Created by Patrick Beasley @ Dataflow Solutions
 *   pbeasley@dataflow.com.au
 * 
 */


/******* VISUAL STYLE *******/

div#content { color: #016d93; }

body {
	background: #ffffff;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
}

div#frame { 
	background: #ffffff;
}
div#main-nav-bar { background: #ffffff; }
div#main-nav-bar ul { background: #ffffff; }

ul#side-nav-bar li a:link,
ul#side-nav-bar li a:visited {
	color: #ffffff;
	text-decoration: none; 
	font: bold 1em/1em Arial Narrow, Arial, Helvetica, sans-serif;
	background: #016d93;
	border-bottom: solid 1px #b8d9e5;
	border-left: solid 1px #b8d9e5;
	border-right: solid 1px #b8d9e5;
}

ul#side-nav-bar li a:link:hover,
ul#side-nav-bar li a:visited:hover {
	background: #ffffff;
	color: #016d93;
}

div#content {
  font: 0.8em/1.1em Arial Narrow, Arial, Helvetica, sans-serif;
}


div#main-nav-bar a:link,
div#main-nav-bar a:visited {
  border-right: 1px solid #ffffff;
  color: #ffffff;
  background: #016d93;
  text-decoration: none;
  font: bold 1em/1em Arial Narrow, Arial, Helvetica, sans-serif;
  border-bottom: solid 0.5em #ffffff;
}

div#main-nav-bar li:first-child a{
  border-left: 1px solid #ffffff;
}
div#main-nav-bar a:hover {
  background: #ffffff;
  color: #016d93;
  border-bottom: solid 0.5em #016d93;
}

div#frame {
  border: solid 16px #016d93;
}

div#logo {
  background: #ffffff url(images/logo4.gif) no-repeat center center;
  width: 510px;
  height: 100px;
  float: left;  
}

div#world {
  background: #ffffff url(images/world.gif) no-repeat center center;
  width: 281px;
  height: 71px;
  float: right;
}

div#globe {
  width: 250px;
  height: 160px;
  float: right;
}


/******* LAYOUT *******/


div#title-bar {
  background: #016d93;
  color: #ffffff;
  font: bold 1.3em/1em Arial Narrow, Arial, Helvetica, sans-serif;
  width: 100%;
  height: 1em;
  padding: 20px;
  float: left;
  border-bottom: solid 1px #b8d9e5;
  margin: 0;
  text-align: center;
}

div#frame {
  width: 800px;
  min-width: 800px;
  margin: auto;
  overflow: hidden;
}

div#main-nav-bar {
  clear: both;
  margin: auto;
  padding: 0;
}

div#main-nav-bar ul {
  margin: auto;
  padding: 0px;
  list-style-type: none;
  text-align: center;
  width: 100%;
}

div#main-nav-bar ul li {
  display: inline;
  margin-left: -4px;
}

div#main-nav-bar a:link,
div#main-nav-bar a:visited {
  margin: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  float: left;
  height: 2.8em;
  text-align: center;
  width: 113px;
}


div#header-nav-bar {
  margin: 0;
  padding: 0;
  padding-left: 40px;
  width: 250px;
  float: right;
  background: #016d93 url(images/header-edge.gif) no-repeat bottom left;
}

div#header-nav-bar ul li {
  list-style-type: none;
  float: left;
  padding: 0;
  margin: 0;
}

div#header-nav-bar ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

div#header-nav-bar a:link,div#header-nav-bar a:visited {
  color: #ffffff;
  background: #016d93;
  margin: 0;
  padding-left: 10px;
  padding-right: 6px;
  padding-top: 10px;
  padding-bottom: 6px;
  float: left;
  width: auto;
  height: 1em;
  text-align: center;
  text-decoration: none;
  font: italic 0.7em/0.8em Arial Narrow, Arial, Helvetica, sans-serif;
}
div#header-nav-bar a:link:hover,
div#header-nav-bar a:visited:hover {
  text-decoration: underline;
}


div#footer-nav-bar {
  margin: 0;
  padding: 0;
  width: 25em;
  float: left;
  background: #016d93 url(images/footer-edge.gif) no-repeat top right;
  clear: both;
}

div#footer-nav-bar ul li {
  list-style-type: none;
  float: left;
  padding: 0;
  margin: 0;
}

div#footer-nav-bar ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

div#footer-nav-bar a:link,
div#footer-nav-bar a:visited {
  color: #ffffff;
  background: #016d93;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  float: left;
  width: auto;
  height: 1em;
  text-align: center;
  text-decoration: none;
  font: italic 0.7em/0.8em Arial Narrow, Arial, Helvetica, sans-serif;
}
div#footer-nav-bar a:link:hover,
div#footer-nav-bar a:visited:hover {
  text-decoration: underline;
}


ul#side-nav-bar {
	clear: both;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#side-nav-bar li {
	display: inline;
}

ul#side-nav-bar li a:link,
ul#side-nav-bar li a:visited {
	padding: 6px;
	display: block;
	width: 220px;
	height: 16px;
}

ul#side-nav-submenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
}

ul#side-nav-submenu li a:link,
ul#side-nav-submenu li a:visited {
	margin-left: 2em;
	padding: 2px;
	background-color: #ffffff;
	color: #016d93;
	font: bold 0.8em/1.1em Arial Narrow, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

ul#side-nav-submenu li a:link:hover,
ul#side-nav-submenu li a:visited:hover {
	text-decoration: underline;
}


div#content {
  padding-right: 20px;
  float: right;
  background: #ffffff;
  width: 520px;
  margin-top: 20px;
}


div#city-nav-bar {
  margin: 0;
  padding: 0;
  width: 25em;
  float: right;
  background: #ffffff;
  clear: right;
}

div#city-nav-bar ul li {
  list-style-type: none;
  float: left;
  padding: 0;
  margin: 0;
}

div#city-nav-bar ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

div#city-nav-bar a:link,div#city-nav-bar a:visited {
  color: #016d93;
  background: #ffffff;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  float: left;
  width: auto;
  height: 1em;
  text-align: center;
  text-decoration: none;
  font: italic 0.8em/0.8em Arial Narrow, Arial, Helvetica, sans-serif;
}
div#city-nav-bar a:link:hover,
div#city-nav-bar a:visited:hover {
  text-decoration: underline;
}


div#contact-details {
  float: left;
  clear: both;
}