body, h1, h2, h3, h4, h5, h6, p, form, ul, ol, li, div, input, table, tr, td { margin: 0; padding: 0; }

body {
margin-bottom: 20px;
font-size: 62.5%;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #000;
background: #fff url("img/bg-body.jpg") 0% 0% no-repeat;
text-align: left;
}

#wrap {
width: 770px;
font-size: 1.2em;
text-align: left;
background: #fff url("img/bg-wrap.jpg") 50% 0% repeat-y;
}

/* Header */

#header {
width: 770px;
height: 90px;
text-align: left;
background: #333092 url("img/logo-opa.gif") no-repeat;
background-position: 48px 25px;
}

#header a img {
margin: 25px 0 0 0;
}

/* Main */

#main_0 {
width: 450px;
padding: 42px 70px 50px 250px;
color: #fff;
background: #333092 url("img/clare.jpg") no-repeat;
background-position: 122px 47px;
}

#main {
width: 650px;
margin: 0 0 0 120px;
padding-top: 28px;
}

#table1 table {
width: 650px;
border: 0;
}

#table1 td {
width: 325px;
}

#nav1, #nav3 {
margin-right: 15px;
margin-bottom: 30px;
width: 310px;
}

#nav2, #nav4 {
margin-bottom: 30px;
margin-left: 15px;
width: 310px;
}

#nav1 {
padding-top: 17px;
background: #fff url("img/star2.jpg") 99% 92% no-repeat;
border-bottom: 2px solid #00a88f;
}

#nav2 {
padding-top: 17px;
background: #fff url("img/qmark.jpg") 99% 92% no-repeat;
border-bottom: 2px solid #f78f1e;
}

#nav3 {
background: #fff url("img/pound.jpg") 99% 85% no-repeat;
border-bottom: 2px solid #e54097;
}

#nav4 {
background: #fff url("img/and-dark2.jpg") 99% 85% no-repeat;
border-bottom: 2px solid #3c7bb3;
}

.nav5 {
width: 310px;
margin-right: 15px;
font-size: 1.4em;
}

.nav5 strong {
font-size: 0.9em;
}

.nav6 {
width: 310px;
margin-left: 15px;
font-size: 1em;
}

.nav6 strong {
font-size: 0.9em;
}

.nav7 {
width: 310px;
margin-right: 15px;
padding-top:10px;
font-size: 1em;
}

.nav8 strong {
font-size: 0.9em;
}

.nav8 {
margin-left: 15px;
padding-top:10px;
font-size: 1em;
width: 310px;
}

.nav9 {
width: 310px;
margin-right: 15px;
padding-top:10px;
font-size: 1em;
}

.nav9 strong {
font-size: 0.9em;
}

.nav10 strong {
font-size: 0.9em;
}

.nav10 {
padding-top:10px;
margin-left: 15px;

font-size: 1em;
width: 310px;
}

#main h1 {
display: block;
margin-bottom: 10px;
padding: 17px 30px 2px 0;
font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 1.3em;
color: #888;
}

#main_0 h2 {
padding-top: 70px;
font-family: Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 1.3em;
}

#main_0 h2 a {
color: #fff;
text-decoration: none;
}

#main_0 h2 a:hover {
color: #fc6;
}

#main h2 {
padding-top: 15px;
font-weight: bold;
font-size: 1em;
}

#main h3 {
margin-bottom: 3px;
padding-right: 40px;
font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 1.3em;
/* letter-spacing: -1px; */
color: #888888;
}

#main h3 a {
color: #888888;
text-decoration: none;
}

#main h3 a:hover {
color: #111;
text-decoration: none;
}

#main h4 {
padding-top: 6px;
font-size: 1.1em;
font-weight: normal;
font-style: italic;
line-height: 1.3em;
}

#main h5 {
margin-top: 12px;
/* font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif; */
font-weight: normal;
font-size: 1.2em;
color: #333092;
}

#main h5 a {
color: #333092;
}

#main h5 a:hover {
color: #a7a9ac;
}

#main h6 {
margin-bottom: 3px;
font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 1.3em;
line-height: 1.5em;
/* letter-spacing: -1px; */
color: #a7a9ac;
}

#main h6 a {
color: #a7a9ac;
text-decoration: underline;
}

#main h6 a:hover {
color: #30b1fe;
}

#main_0 p {
padding-bottom: 10px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 1.6em;
}

#main p {
padding-top: 6px;
line-height: 1.3em;
}

#main_0 p img {
float: left;
display: inline;
margin: 4px 12px 4px 0;
}

#main_0 p img.unquote {
float: none;
display: inline;
vertical-align: top;
padding: 0 0 0 0;
}

#main ul {
margin-left: 25px;
padding-top: 6px;
list-style-type: square;
list-style-position: outside;
line-height: 1.3em;
}

#main #column {
float: left;
display: inline;
width: 220px;
}

#main #column ul {
margin-left: 0;
padding-top: 6px;
list-style-type: none;
line-height: 1.3em;
}

#main ul li strong {
color: #888;
font-weight: normal;
}

#main ul li em {
color: #000;
font-style: normal;
}

#main #column ul li ul {
margin-left: 15px;
padding-top: 0;
}

#content {
float: right;
padding-top: 10px;
display: inline;
width: 410px;
}

#content img {
margin-bottom: 10px;
}

#content h2 {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 1.0em;
font-weight: bold;
line-height: 1.3em;
}

#content #nav {
padding-top: 10px;
padding-bottom: 30px;
width: 404px;
}

#main a:hover {
color: #a7a9ac;
}

.archive {
padding-top: 20px;
}

.archive em {
font-style: normal;
color: #30b1fe;
}

.mediacentre {
padding-top: 20px;
}

#main .mediacentre h6 a {
text-decoration: none;
}

.response {
font-weight: bold;
}

.response2 {
font-weight: normal;
}

#registerform textarea {
width: 520px;
margin-top: 2px; padding: 2px;
}

#bottom {
clear: both;
padding-top: 40px;
}

#bottom .left {
display: inline;
float: left;
margin-right: 30px;
padding-bottom: 10px;
width: 310px;
}

#bottom .right {
display: inline;
float: right;
width: 310px;
padding-bottom: 10px;
text-align: right;
}

#bottom p {
color: #888;
font-size: 1.0em;
}

#main #bottom a {
color: #888;
font-weight: bold;
text-decoration: underline;
}

#main #bottom a:hover {
color: #333092;
}

#bottom2 {
clear: both;
padding-top: 25px;
padding-bottom: 10px;
}

#bottom2 p {
font-size: 0.9em;
font-weight: bold;
}

#bottom2 p a {
color: #30b1fe;
text-decoration: none;
}

/* Search */

#main dt a, .s_links a, p.fd_results a {
color: #e54097;
text-decoration: none;
}

p.fd_results {
color: #999;
}

p.fd_results i {
color: #000;
}

dl {
line-height: 1.3em;
}

dd.sr {
padding-top: 4px;
}

.s_links {
text-align: center;
}

b.hl1 {
font-weight: normal;
background: #cff;
}

/* Footer */

#footer {
clear: both;
width: 638px;
height: 2.0em;
margin: 0 0 0 120px;
padding: 6px;
background: #AFAFAF;
font-size: 1.0em;
}

#footer ul {
display: inline;
float: left;
width: 414px;
padding: 4px 0 2px 6px;
list-style-type: none;
}

#footer ul#navpage {
display: inline;
float: left;
width: 298px;
margin-right: 30px;
padding: 4px 0 2px 6px;
list-style-type: none;
}

#footer ul li {
display: inline;
margin-right: 10px;
}

#footer ul li a {
color: #fff;
text-decoration: none;
}

#footer ul li a:hover {
color: #333092;
text-decoration: underline;
}

#footer p {
	color:#fff;
font-size:.9em;
}

#searchform {
display: inline;
float: right;
width: 200px;
text-align: right;
}

#searchform .fixedwidth {
width: 120px;
padding: 2px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

#searchform submit {
margin-top: 1px;
}

#searchform_navpage {
display: inline;
float: left;
width: 200px;
text-align: left;
}

#searchform_navpage .fixedwidth {
width: 120px;
padding: 1px;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

/* General */

a img, a:hover img {
border: none;
}

img {
vertical-align: bottom;
}


#overlay {
  position:absolute;
  margin:auto;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:9997;
  background-color:black;
  /*
  filter:alpha(opacity="70");
  MozOpacity:0.7;
  KhtmlOpacity:0.7;
  opacity:0.7;
  */
	filter:alpha(opacity="90");
	MozOpacity:0.9;
	KhtmlOpacity:0.9;
	opacity:0.9;
  visibility:hidden;
}


#overlay_inner {
	font-size:15px;
	z-index:9998;
	background-color:white;
	filter:alpha(opacity="100");
	MozOpacity:1.0;
	KhtmlOpacity:1.0;
	opacity:1.0;
	width:50%;
	padding:30px;
	margin:0px auto;
	text-align:left;
}