Body
{
	background-color : #CCCC99;
	font-family: Verdana, Arial, sans-serif;
	font-size:10pt;
	color: #000000;
	height:100%;
}

/* Preload page */
div#prepage
{
  z-index:10;
  position:absolute;
  left:0px;
  top:0px;
  background-color:#CCCC99;
  height:100%;
  width:100%;
}

/* Logo */
div#logo
{
	z-index:3;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:55px;
	background-color: #CCCC99;
}

/* Site navigation */
div#mainNav
{
	left:355px;
	top:5px;
	z-index:4;
	position:absolute;
}

div#subNav
{
	left:355px;
	top:31px;
	z-index:4;
	position:absolute;
}

/* Standards compliance */
div#standards
{
	z-index:2;
	right: 0px;
	bottom:10px;
	position: absolute;
}

/* Legal disclaimer */
div#disclaimer
{
	z-index:2;
	font-size: 10px;
	right: 0px;
	bottom: 0px;
	background-color: #7F80FE;
	font-weight: 700;
	position: absolute;
}

body > div#logo, body > div#mainNav, body > div#subNav, body > div#standards, body > div#disclaimer {
  	/* used by IE7, Opera 5+, Netscape6+/Mozilla, Safari */
  	position: fixed;
}

ul.navlist
{
	margin-left: 0px;
	margin-top: 0px;
	white-space: nowrap;
	padding:0;
}
		
li.navlist
{
	display: inline;
	list-style-type: none;
}
		
a.navlist, a.navlistcurrent
{
  padding: 3px 10px;
	color: #000000;
	text-decoration: none;
	font-weight: 700;
}

a:link.navlist, a:visited.navlist
{
	background-color: #7F80FE;
}

a:link.navlistcurrent, a:visited.navlistcurrent
{
	background-color: #B2CDE0;
}
		
a:hover.navlist, a:hover.navlistcurrent
{
	background-color: #CCCC99;
}

/* Layout for portrait pictures in left pane*/
/* Split the content, left... */
div#leftContentNarrow
{
	position:absolute;
	top:60px;
	padding-left:10px;
	padding-right:30px;
	width:35%;
	padding-bottom:50px;
}

/* ... and right */
div#rightContentWide
{
	position:absolute;
	top:60px;
	left:35%;
	padding-left:30px;
	padding-right:10px;
	width:60%;
	padding-bottom:50px;
}

/* Layout for landscape pictures in left pane*/
/* Split the content, left... */
div#leftContentHalf
{
	position:absolute;
	top:60px;
	padding-left:10px;
	padding-right:30px;
	width:47.5%;
	padding-bottom:50px;
}

/* ... and right */
div#rightContentHalf
{
	position:absolute;
	top:60px;
	left:47.5%;
	padding-left:30px;
	padding-right:10px;
	width:47.5%;
	padding-bottom:50px;
}

/* Alternatively, content is not split and remains as one pane */
div#normalContent
{
	position:absolute;
	top:60px;
	left:10px;
	right:10px;
	padding-bottom:50px;
}

/* To display the flags and country names on the gallery maps */
div#flags
{
  z-index:2;
  position: absolute;
  top: 55px;
  left: 25px;
  background-color: #CCCC99;
}

/* Side bar for the map pages */
div#mapSideBar
{
  z-index:2;
	position:absolute;
	top:115px;
	left:10px;
	width:120px;
	height:60%;
	overflow:auto;
	background-color: #CCCC99;
}

/* Side bar for the map pages */
div#worldMapSideBar
{
  z-index:2;
	position:absolute;
	top:55px;
	left:10px;
	width:120px;
	height:75%;
	overflow:auto;
	background-color: #CCCC99;
}

/* Photo container div for galleries */
div#mapContent
{
  z-index:1;
	position:absolute;
	top:55px;
	left:140px;
	padding-bottom:50px;
}

body > div#mapSideBar, div#flags, div#worldMapSideBar {
  	/* used by IE7, Opera 5+, Netscape6+/Mozilla, Safari */
  	position: fixed;
}

/* Photo container div for galleries */
div#photoContent
{
	position:absolute;
	top:95px;
	left:140px;
	padding-bottom:50px;
}

/* Thumbnail div for galleries */
div#thumbContent
{
  z-index:2;
	position:absolute;
	top:105px;
	left:10px;
	width:120px;
	height:70%;
	overflow:auto;
	background-color: #CCCC99;
}

/* Contains the gallery navigation buttons */
div#galleryNav
{
  z-index:2;
	position:absolute;
	top:60px;
	left:0px;
	background-color: #CCCC99;
}

body > div#thumbContent, body > div#galleryNav {
  	/* used by IE7, Opera 5+, Netscape6+/Mozilla, Safari */
  	position: fixed;
}

/* Contains the description of each photo */
div#description
{
	position:absolute;
	top:60px;
	left:140px;
	width:450px;
	height:40px;
	max-height:50%;
}

li.boldBullet
{
	font-weight: 700;
}

li.noBullet
{
	list-style-type: none;
}

h1
{
	font-size:20pt;
	text-align:center;
}

h2
{
	font-size:16pt;
}

h3
{
	font-size:12pt;
}

/* Links within standard text */
a:link.SmallLink, a:hover.SmallLink, a:active.SmallLink
{
	font-size:10pt;
	text-decoration:none;
	color : #0000CC;
}

/* Visited links within standard text should change colour */
a:visited.SmallLink
{
	font-size:10pt;
	text-decoration:none;
	color: #0066FF;
}