html, body {margin: 0; padding: 0; border: 0;}

body {
color: #000; 
background-color: #fff;  /* backgound colour was grey #eee */
font-family: verdana, sans-serif; 
font-size: 80%; 
text-align: center;
margin: 0px 0;
}

a:link { color:#E75A2C; text-decoration:none; font-weight: bold; border:0px solid #fff;}
a:visited { color:#990000; text-decoration:none; font-weight: bold; border:0px solid #fff;}
a:hover { color:#FF9900; text-decoration:none; font-weight: bold; border:0px solid #fff;}
a:active { color:#FF9900; text-decoration:none; font-weight: bold; border:0px solid #fff;}

p  {margin: 0; padding: 4px;}

h2 {font-size: 1.2em; text-align: left; padding: 3px;}

h3 {font-size: 0.9em; text-align: center; color: #FFF;}

.clear { clear: both; }

<!--	a {text-decoration: none; font-weight: bold; color: #E75A2C;}	-->

.alignright {margin-top: 0; text-align: right;}

.blue {color:#2facef;}

.white {color:#fff;}

.orange {color:#E75A2C}

.small {font-size: .9em;}

.darkblue {color:#084D8E;}

.wrapper {
margin: 0 auto;
width: 697px;
text-align: left;
background: #0E87F0;/*#add8e6;*/
border: 2px solid #fff;
}
.wrapperWhite {
margin: 0 auto;
width: 697px;
text-align: left;
background: #fff;/*#add8e6;*/
border: 2px solid #fff;
}
/*** Below is the Tan hack, needed because the decorative side borders (thin black) on 
.wrapper. It fixes the box model of IE5.x/win, making it display the same as other browsers. ***/

* html .wrapper {
width: 700px; 
w\idth: 697px; 
}

.outer {
border-left: 188px solid #fff;  
border-right: 211px solid #fff;
/*background: url(../images/blackline.gif) 100% 0 repeat-y;*/
}
/*** These are the visible side col BG's. The image BG is needed to replace a side border
on div.inner, which can't be used because of problems in Mozilla. 
***/

* html .outer {
/*background:  url(../images/blackline.gif) 565px 0 repeat-y;*/
}

.inner {
margin-left: -2px; /*** This fixes a small overlap problem in IE6. ***/
width: 548px; /*** This width is for non-IE browsers. Mozilla makes this necessary. ***/
border: 2px solid #fff; /*** vertical inner border colour ***/
border-width: 0 0 0 2px;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width!
***/

* html .inner {
width: 100%;
}

.float-wrap {
float: left;
width: 567px;
margin-left: -188px;       /*** Same length as left column width ***/
}

/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

.left {
float: left;
width: 186px;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
background:  url(../images/Slice_02.gif) no-repeat;
background-color: #fff;
}

.right {
float: right; 
width: 210px;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}

* html .right {
margin: 0 -210px 0 0; /*** IE gets this margin. ***/
}

.center {
float: right;
width: 375px;
}

.wide {
background-color: #fff;    /*** header and footer colours ***/
width: 100%; 
font-size: 1.4em;
font-weight: bold;
}

.wide p {padding: 5px;}

.top {
background:  url(../images/Slice_01.gif) no-repeat;
height: 243px;
width: 778px;
border-width: 0 0 2px;
}

.bottom {
background:  url(../images/Slice_04.gif) no-repeat;
width: 778px;
height: 79px;
border-width: 2px 0 0;}

/* Mozilla bug fixes */
html>body .inner, html>body .float-wrap {
border-bottom: 1px solid transparent;
}

.SearchButton {
	position:relative;
	left:581px;
	top:69px;
	width:51px;
	height:16px;
}
.SearchArea {
	position:relative;
	left:582px;
	top:-72px;
	width:172px;
}
.PageInfo {
	position:relative;
	left:0px;
	top:139px;
	width:190px;
	height:42px;
	z-index: 0;
}
.Clock {
	float:right;
	padding:0px 5px 0px 0px; 
	width: 30px;
	z-index: 1;
}
.ClockIndex {
	float:right;
	padding:35px 5px 0px 0px; 
	width: 30px;
	z-index: 1;
}
.scrollClock  {
    font-family: verdana, sans-serif;
    COLOR: #0e87f0;
    background-color: #fff;
    border: medium none
}
.SubMenuHeader {
	position:relative;
	left:97px;
	top:153px;
	width:82px;
	height:31px;
}
.MainTextHeader {
	position:relative;
	left:195px;
	top:120px;
	width:104px;
	height:29px;
}
.RightImages {
	float: left;
	/*width:85px;*/
	padding: 0px 10px 10px 10px;
	height:80px;
	z-index: 3;
}
.RightBoxOut {
	float: right;
	width:82px;
	padding: 0px 19px 0px 0px;
	z-index: 4;
}
.CenterBoxOut {
	float: right;	
	width:102px;
	padding: 10px 0px 10px 10px;
	z-index: 4;
}
.CenterImages {
	float: left;
	/*margin:20px;*/
	padding: 10px 10px 10px 10px;
	z-index: 3;
	background-color: #fff; 
}
.CenterImagesRight {
	float: right;
	/*margin:20px;*/
	padding: 10px 10px 10px 10px;
	z-index: 3;
	background-color: #fff; 
}
.CenterBoxOutWhite {
	float: left;	
	width:232px;
	padding: 10px 10px 0px 0px;
	z-index: 4;
	backgound-color: #fff;
}
.CenterTextArea {
	float: left;	
	width:232px;
	padding: 0px 0px 50px 0px;
	z-index: 4;
	backgound-color: #fff;
}
.ImageSpacer {
	float: left;	
	width:232px;
	height:70px;
	/*padding: 0px 0px 50px 0px;*/
	z-index: 4;
	backgound-color: #fff;
}
.MembersBoxOut {
	float: right;
	padding: 10px 5px 0px 10px;
}
.SubMenuHeader1 {
	float:right;
	padding: 0px 0px 10px 10px;
	width:170px;
}
.SubMenutext1 {
	float:right;
	width:165px;
	padding: 0px 10px 5px 0px;
}
.SubMenutext2 {
	float:right;
	width:165px;
	padding: 0px 10px 20px 0px;
}
.Sponsors {
	float:left;
	padding: 200px 10px 10px 10px;
}
.Associates {
	padding: 200px 10px 10px 10px;
}
.Logo {
	position:relative;
	top: 0px;
	left: 10px;
	padding: 0px 0px 10px 0px;
}
.teleType {
	float:right;
	width:165px;
	padding: 0px 10px 20px 0px;
}
.FrenchFlag {
	float:left;
	padding:38px 2px 0px 4px;
}
.GermanFlag {
	float:left;
	padding:39px 0px 0px 0px;
}
.ItalianFlag {
	float:left;;
	padding:37px 0px 0px 2px;;
}
.SpanishFlag {
	float:left;
	padding:38px 0px 0px 2px;
}
.PortugeseFlag {
	float:left;
	padding:37px 0px 0px 5px;
}
.Contact {
	float:right;
	padding:0px 5px 0px 0px;
}
.scroll  {
    font-family: verdana, sans-serif;
    COLOR: #FFF;
    background-color: #0e87f0;
    border: medium none
}
#InlinePage {
	position:relative;
	left:0px;
	top:0px;
	width:375px;
}