html {height: 100%;} /* you need to include this so that the page goes full height in firefox */

body {
	text-align:center;
	background-color:#003;
	font-size:small;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0px;
	padding:0px;
	border-left:10px solid #933;
	border-right:10px solid #933;
	background-image:url(../images/bg.gif);
	background-position:right;
	background-repeat:repeat-y;
	min-height:100%;
	_height:100%;	
}

body.ger {	
	border-left:10px solid #363;
	border-right:10px solid #363;
}

#wrapper {
	clear:both;
	position:relative;
	text-align:left;
	width:auto;
	border-right:350px solid #fff;
}

#header {text-align:center; padding:20px 10px;}
h1 {font-size:200%; margin:0px; padding:0px; font-family:"Times New Roman", Times, serif;}

.strapline {margin:0px; padding:0px; font-size:140%; _width:200px;/*only narrow width for IE6 as Firefox doesn't correctly align to centre when width has been set*/}

#searchbox {position:absolute; top:20px; right:-350px; _right:0px; width:310px; color:#000; margin:0px; padding:0px;}
#searchbox input {width:50%; border:1px solid #ccc;}
#searchbox input.radio, #searchbox input.check {width:auto; border:none;}
#searchbox input.button {width:120px; background-color:#933; color:#fff;}
#searchbox label span {width:auto; font-size:90%;}

#mainnav {float:right; position:relative; top:50px; right:-320px; z-index:10; width:320px; text-align:left;}
#mainnav ul {list-style:none;}
#mainnav strong {color:#933;}

#content {padding:0;margin-left: 15px;margin-right: 15px;}
#contenthome {padding:10px;padding-right: 250px;}
#sectionhome #content {padding:10px 200px 10px 10px;}
h2 img.gerflame {border:none; margin-right:10px;}
a {color:#999966; font-weight:bold;}
a img {border:none;}

#oet_flame {clear:both; position:absolute; top:100px; right:-48px; _right:302px; background-image:url(../images/oet_flame.jpg); background-repeat:no-repeat; width:245px; height:336px; margin:0px; padding:0px;}
#ger_flame {clear:both; position:absolute; top:100px; right:-48px; _right:302px; background-image:url(../images/ger_flame.jpg); background-repeat:no-repeat; width:245px; height:336px; margin:0px; padding:0px;}

.opec {float:right; position:relative; top:-50px; right:-350px; width:320px; color:#000; text-align:right; padding:0px 10px;}

#footer {clear:both; padding:10px; font-size:80%; width:90%;}
.bplogo {position:absolute; top:20px; right:-325px; _right:20px;}

/* Ollies Additions */

/* Headings */

h2 {font-size:120%; margin:0px; padding:16px 16px 16px 0px; color:#fff;}
h3 {font-size:110%; margin:0px; padding:14px 14px 14px 0px; color:#fff;}
h4 {font-size:95%; margin:0px; padding:10px 10px;}

/* Conversion Table Styles */

caption {text-align:left; font-weight: bold; border-bottom:none; padding-bottom: 10px;}
hr {background-color: white;}
table {width:90%; margin:10px 10px 20px 10px;border-collapse: collapse; empty-cells: show;}
thead {text-align: center;}

/* Removed specified table widths so pad cells */

th {padding-left: 10px;padding-right: 10px; text-align: left; border: 1px solid silver;}
td {padding-left: 10px;padding-right: 10px; text-align: left; border: 1px solid silver;}

/* Table Data Borders */

td.noborder {border:0px;}

/* Content */
#section #content {padding:10px;}
#content ul.maincontent {list-style-type: disc;}
#content ul.subcontent {padding-left: 15px;list-style-type: square;}
#content .hyperlinks {	border: 1px dashed white;
						font-weight: bold;
						width: 400px;
						padding: 5px 5px 5px 5px;
						margin-bottom: 20px;
					 }

/* Top Arrow Link */

.toparrow {position:absolute; right:50px; _right:370px; width:34px;}

/* Inherited Paragraph Classes */

p.right {text-align: right;}

.box {
	color: #003;
	background: #996;
	border: 1px dashed #fff;
	margin: 10px 30px 10px 30px;
	padding: 10px 5px 10px 5px;
}
.box li {color: #003;}
.box a:link, .box a:visited {color: #003;}


/* Firefox list gap */

li {padding: 2px 2px;}