/***************************************
 * TITLE: Gazetteer Default Stylesheet *
 * URI  : gazetteer/default.css        *
 * MODIF: 2003-Nov-08 13:56 +0800      *
 * MEDIA: screen, projection, tv       *
 ***************************************/

/* DESCRIPTION:
 * This is the default stylesheet for Gazetteer. It renders the main copy in three columns
 * and has a tab-like bar beneath the title for navigation. The tabs become depressed when
 * the User hovers the mouse pointer over them, giving a dynamic effect.
 *
 * This stylesheet is best used for display on large display areas (eg: standard computer
 * monitors).
 */


/* ##### Common Styles ##### */

body {
  color: gray;
  background-color: white;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 71%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 8.5pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted gray;
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

acronym:hover, .titleTip:hover {  /* Ignored by MSIE. The nerve! */
  border-bottom: 1px solid rgb(70,130,180);  /* 'steelblue' not recognised here by Opera */
}

.doNotDisplay {
  display: none;
}

.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}


/* ###### Header ###### */

.headerTitle {
  color: rgb(175,175,175);
  background-color: transparent;
  font-family: garamond, "times new roman", times, roman, serif;
  font-size: 400%;
  margin: 0 0 0 5mm;
  padding: 1ex 0 0 0;
}

.subHeader {
  margin: 0;
  padding: 0.75em 1ex 0.5ex 1ex;
  border-bottom: 10px solid rgb(70,130,180);  /* 'steelblue' not recognised here by Opera */
}

.subHeader .dateline {
  color: rgb(175,175,175);
  background-color: transparent;
  font-style: italic;
  float: right;
  margin: 0 1ex;
  padding: 0;
}

.subHeader .navigation {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

.subHeader .navigation li {
  line-height: 1.75em;
  margin: 0;
  padding: 0;
  display: inline;
}

.subHeader a {
  color: rgb(175,175,175);
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.subHeader a:hover {
  color: #4682B4;
  background-color: transparent;
  text-decoration: none;
}

.subHeader .navigation .tab {
  color: rgb(175,175,175);
  background-color: rgb(248,248,248);
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0.5ex 1.25em 1ex 1.25em;
  border-top: 1px solid rgb(231,231,231);
  border-right: 1px solid rgb(97,97,97);
  border-left: 1px solid rgb(231,231,231);
}

.subHeader .navigation a.tab:hover {
  color: #4682B4;
  background-color: rgb(248,248,248);
  text-decoration: none;
  padding-bottom: 0.8ex;
  border-top: 1px solid rgb(97,97,97);
  border-right: 1px solid rgb(231,231,231);
  border-left: 1px solid rgb(97,97,97);
  position: relative;
  left: 1px;
  top: 1px;
}

.subHeader .navigation .highlighted {
  color: white;
  background-color: #4682B4;
  border-top-color: #4682B4;
  border-right-color: #4682B4;
  border-left-color: #4682B4;
}


/* ##### Main Copy ##### */

#main-copy {
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 2em;
  padding: 0;
}

#main-copy p {
  text-indent: 1em;
  margin: 0 0 1.5em 0;
  padding: 0;
}

#main-copy q {
  color: rgb(225,225,225);
  background-color: transparent;
  font-size: 200%;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
  text-indent: -1ex;
  margin: 0.3em 0 0.8em 1ex;
  padding: 0;
  display: block;
}

#main-copy q.centred {
  text-align: center;
  margin-left: 0;
}

q:before, q:after {  
}

#main-copy a {
  color: gray;
  background-color: transparent;
  text-decoration: underline;
}

#main-copy a:hover {
  color: #4682B4;
  background-color: transparent;
  text-decoration: none;
}

#main-copy h1 {
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 145.5%;
  font-weight: bold;
  margin: 0 0 1.05em 0;
  padding: 0;
}

.byline {
  font-size: 91%;
  border-bottom: 1px solid gray;
  margin: -1.2em 0 1em 0;
  padding: 0;
  width: 100%;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

[class~="byline"] {
  margin-top: -1.4em;
}

#main-copy .byline a {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

#main-copy .byline a:hover {
  color: #4682B4;
  background-color: transparent;
  text-decoration: underline;
}

.column1, .column2, .column3 {
  margin: 3em 0;
  padding: 0 2%;
  float: left;
  width: 28%;
}

.column2 {  /* Renders the column dividers */
  border-left: 1px solid rgb(204,204,204);
  border-right: 1px solid rgb(204,204,204);
}

.raisedCap {
  text-indent: 0.5em;
}

[class~="raisedCap"] {  /* Circumvents a rendering bug (?) in MSIE 6.0 */
  text-indent: 1em;
}

.raisedCap:first-line {
  font-weight: bold;
}

.raisedCap:first-letter {
  font-size: 155%;
}

.noIndent {
  text-indent: 0 !important;
}


/* ###### Footer ###### */

#footer {
  color: rgb(175,175,175);
  background-color: rgb(250,250,250);
  margin: 0;
  padding: 0.25em 5mm 1.25ex 4mm;
  clear: both;
}

body > #footer {  /* Circumvents a rendering bug (?) in MSIE 6.0 */
  padding-top: 0.5em;
}

#footer .left {
  line-height: 1.45em;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 1.45em;
}

#footer a {
  color: rgb(175,175,175);
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  color: #4682B4;
  background-color: transparent;
  text-decoration: none;
}

.LogoImg{
	background-image: url('http://fp1.imagesatlantic.com/homesite/index/logo.jpg');
	width: 331px;
	height: 83px
}
.LogoImgDownload{
	background-image: url('http://fp1.imagesatlantic.com/homesite/ooz/EN/ooz_logo.gif');
	width: 180px;
	height: 78px
}
.BannerDownload{
	background-image: url('http://fp1.imagesatlantic.com/homesite/ooz/EN/ooz_banner.gif');
	width: 248px;
	height: 78px
}
.BackgammonImg{
	background-image: url('http://fp1.imagesatlantic.com/homesite/index/EN/backgammon.jpg');
	width: 260px;
	height: 310px
}
.ClickImg
{
	background-image: url('http://fp1.imagesatlantic.com/homesite/index/EN/click_to_play.jpg');
	width: 285px;
	height: 248px
}
.LogoPromotions{
	background-image: url('http://fp1.imagesatlantic.com/Newsletter/PR_04/BR1/logo.jpg');
	width: 600px;
	height: 125px
}
.tableDownload {
	background: #27543F;
	COLOR: #F6D28C;
	font-family : Tahoma;
	font-size : 12;
	border : double;
	border-color : #D99B04;
	border-width: 1px 1px 1px;
	padding-left: 5px;
	padding-right: 5px; 
	padding-top: 2px;
	
}

.textUserDL {
	FONT-WEIGHT: bold;
	font-family : Tahoma;
	color :#F6D28C;
	font-size : 15;
}

.tableDownloadOrange {
	background: #D99B04;
	height: 1px;
	
}
.tableHeaderIndex {
	background: #1D348A;
}
.tableMenu {
	background: #3F7A7B;
}
.tableBorder {
	border : double;
	border-color : #1D348A;
	border-width: 0px 1px 1px;
	background : #E1E7FE;
}
.tableGreen {
	background: #2D5540;
}
.tableGreen2 {
	background: #D8E4DC;
}
.tableMain2 {
	background: #D8E4DC;
}
.text1Main {
	COLOR: #C3FD56;
	font-family : Tahoma;
	font-size : 12;
}
.tableblue {
	background: #E1E7FE;
}

.textLogo {
	FONT-WEIGHT: bold;
	font-family : Tahoma;
	color : #FFF200;
	font-size : 25;
	
}
.textLogo2 {
	FONT-WEIGHT: normal;
	font-family : Tahoma;
	color : #24553E;
	font-size : 25;
	font-style : italic;
	font : oblique;
}
.textLogoMain {
	FONT-WEIGHT: normal;
	font-family : Tahoma;
	color : #24553E;
	font-size : 25px;
	font-style : italic;
	font : oblique;
	text-decoration : blink;
}

.text {
	FONT-WEIGHT: bold;
	font-family : Tahoma;
	color :#FFFFFF;
	font-size : 20;
}
.textUser {
	FONT-WEIGHT: normal;
	font-family : Tahoma;
	color : #24553E;
	font-size : 23;
	font-style : italic;
	font : oblique;
}
.textUser2 {
	FONT-WEIGHT: normal;
	font-family : Tahoma;
	color :#24553E;
	font-size : 21;
	font-style : italic;
	font : oblique;
}
.text1Main {
	COLOR: #1A2B6A;
	font-family : Tahoma;
	font-size : 12;
}
.textMain {
	font-family : Tahoma;
	font : oblique;
	color : #FFFFFF;
	font-size : 18;
	margin-left : 20px;
	background-color : #1D348A;
}
.textMainT {
	font-family : Tahoma;
	font : oblique;
	color : #FFFFFF;
	font-size : 21;
	margin-left : 20px;
	background-color : #3F7A7B;
}
.text1 {
	COLOR: #1A2B6A;
	font-family : Tahoma;
	font-size : 12;
}

.textmenusimple {
	COLOR: #F6D28C;
	font-family : Tahoma;
	font-size : 12;
}

.textmenu {
	COLOR: #F6D28C;
	font-family : Tahoma;
	font-size : 12;
	background-color: #3F7A7B;
}
.textsmall {
	COLOR: #505F9B;
	font-family : Tahoma;
	font-size : 10;
}
.text2 {
	COLOR: #FEF327;
	font-family : Tahoma;
	font-size : 11;
}
.textStep {
	COLOR: #FFFFFF;
	font-family : Tahoma;
	font-size : 11;
}
.textred {
	COLOR: #505F9B;
	font-family : Tahoma;
	font-size : 11;
}
.text3 {
	COLOR: #FFFFFF;
	font-family : Tahoma;
	font-size : 12;
}

A:link {
	FONT-WEIGHT: normal;
	COLOR: #FFFFFF;
	font-family : Arial;
	font-size : 12;
	text-decoration:none
}
A:visited{color:#FFFFFF; 
	text-decoration:none;
	font-family : Arial;
	font-size : 12;
	font : normal;
} 
A:hover{
	color:#F6D28C; 
	font-family : Arial;
	font-size : 12;
	text-decoration:none;
	font : normal;}
	
A:link.Main1 {
	font : bold;
	color: #1D348A;
	font-family :  Tahoma;
	font-size : 17;
	text-decoration: underline;
	
}
A:visited.Main1{
	color: #1D348A;
	text-decoration: underline;
	font-family :  Tahoma;
	font-size : 17;
	font : bold;
	
} 
A:hover.Main1{
	color: #1D348A;
	font-family : Tahoma;
	font-size : 17;
	text-decoration: underline;
	font : bold;
	
}
		
A:link.textrec {
	FONT-WEIGHT: bold;
	COLOR: #257053;
	font-family : Tahoma;
	font-size : 12;
	text-decoration:none
}
A:visited.textrec{color:#257053; 
	text-decoration:none;
	font-family : Tahoma;
	font-size : 12;
	font : bold;
} 
A:hover.textrec{color:#1A2B6A; 
	font-family : Tahoma;
	font-size : 12;
	text-decoration:none;
	font : bold;}
	
	A:link.textrec2 {
	FONT-WEIGHT: bold;
	COLOR: #257053;
	font-family : Tahoma;
	font-size : 21;
	font : oblique;
	text-decoration:none
}
A:visited.textrec2{color:#257053; 
	text-decoration:none;
	font-family : Tahoma;
	font-size : 21;
	font : oblique;
	font : bold;
} 
A:hover.textrec2{color:#1A2B6A; 
	font-family : Tahoma;
	font-size : 21;
	font : oblique;
	text-decoration:none;
	font : bold;}
	
	A:link.home {
	FONT-WEIGHT: normal;
	COLOR: #D00707;
	font-family : Tahoma;
	font-size : 12;
	text-decoration:none
}
A:visited.home{color:#FFFFFF; 
	text-decoration:none;
	font-family : Tahoma;
	font-size : 12;
	font : normal;
} 
A:hover.home{color:#D00707; 
	font-family : Tahoma;
	font-size : 12;
	text-decoration:none;
	font : normal;}
	
	A:link.logo{
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	font-family : Tahoma;
	font-size : 30;
	text-decoration:none
}

A:visited.logo{
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	font-family : Tahoma;
	font-size : 30;
	text-decoration:none
}
A:hover.logo{
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	font-family : Tahoma;
	font-size : 30;
	text-decoration:none
}
A:link.grey {
	FONT-WEIGHT: normal;
	COLOR: #1D348A;
	font-family : Tahoma;
	font-size : 11;
	text-decoration: underline;
}
A:visited.grey
{color:#1D348A; 
	text-decoration:none;
	font-family : Tahoma;
	font-size : 11;
	font : normal;
	text-decoration: underline;
} 
A:hover.grey{
	color:#505F9B;
	font-family : Tahoma;
	font-size : 11;
	text-decoration: underline;
	font : normal;
}
	
	.buttonLight {  font-family: Tahoma, Helvetica, sans-serif;
	 font-size: 12px;
	 font-style: normal; 
	 font-weight: bold; 
	 color: #264D0A; 
	 background-color: #83C355;
	 border-color: #D1F6B7 #D1F6B7 #264D0A #264D0A;
	 border-style: solid; 
	 border-top-width: 1px; 
	 border-right-width: 1px; 
	 border-bottom-width: 1px;
	 border-left-width: 1px}
	 
	 
	 .button {
  font-family: Tahoma;
  font-size: 12px; 
  font-style: normal;
   font-weight: bold; 
   color: #FEDE94; 
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 2px;
	padding-bottom: 2px;
   background-color: #457659; 
   border-color: #7BA38B #7BA38B #2A4F3A #2A4F3A;
    border-style: solid; 
	border-top-width: 2px; 
	border-right-width: 2px; 
	border-bottom-width: 2px; 
	border-left-width: 2px;
	}
		
.SubMenuButton { 
	color:#F6D28C; 
	font-family : Tahoma;
	font-size : 12;
	text-decoration:none;
	font : normal;
	background-color: #3F7A7B;
	border-color: #9AB9BA #224243 #224243 #95B5B6;
	border-style: solid; 
	border-top-width: 2px; 
	border-right-width: 2px; 
	border-bottom-width: 2px;
	border-left-width: 2px
}	
	.SubmitButton { 
	color:#F6D28C; 
	font-family : Tahoma;
	font-size : 12;
	text-decoration:none;
	font : normal;
	background-color: #3F7A7B;
	border-color: #9AB9BA #224243 #224243 #95B5B6;
	border-style: solid; 
	border-top-width: 2px; 
	border-right-width: 2px; 
	border-bottom-width: 2px;
	border-left-width: 2px;
	width: 100px;
	height: 23px
	}