@import url("base.css");
@import url("navigation.css");

/* CSS Document for general layout*/

body {
background: #C0D4E8;
font-family: 'Verdana', 'Arial', sans-serif;
}

/* body.home #contents {
background: url("../images/ukmap.jpg") no-repeat top 410px;
}*/

a {  
color: #00357A; /* OIE dark blue*/
text-decoration: underline;
font-weight: bold;
}

a:visited {  
color: #7795CA; /* OIE sub blue*/  
}

a:hover {  
color: #C52946; /* OIE crimson */
text-decoration: none;
}

a.mylink {  
background: url("../images/bullet.gif") no-repeat left;
padding-left: 20px;
}

#wrapper {
background: url("../images/basebg.gif") repeat-y;
width: 820px;
margin: 0 auto;
text-align: center;
padding: 0px;
}

/* HEADER
----------------------------------------------------------------*/
#header h1 {
display:none;
  }

#header {
  width: 800px;
  margin: 0 auto;
  background: url("../images/topbanner.gif") no-repeat top;
  height: 115px;
 /* border: 1px solid #000; */
  }

#footer {
background: url("../images/footerbg.gif") no-repeat;
padding: 8px 0px 2px 0px;
color: #003877; /* OIE dark blue */
width: 820px;
margin: 0 auto;
font: 0.8em 'Osaka', 'ＭＳ Ｐゴシック', 'Verdana', 'Arial', sans-serif;
text-align: center;
clear: both;
}

#footerbase {
background: url("../images/footer_btmbg.gif") no-repeat top;
width: 820px;
margin: 0 auto;
text-align: center;
height: 20px;
}

#footer a:link {  
color: #003877; /* OIE dark blue */
text-decoration: none;
}

#footer a:hover {  
color: #ABC1EF;
text-decoration: none;
}

#contents {
margin: 0px;
padding: 0px 10px 0px 10px;
min-height: 500px;
}


#navigation{
float:left;
width: 142px;
color: #ffffff;
padding: 20px 0px 10px 0px;
border: 0px;
margin: 0 0 30px 0;
}


#main{
margin: 0px 25px 10px 143px;
width: relative;
background: url("../images/cornerbutt.gif") no-repeat top left;
padding: 5px 5px 10px 25px;
text-align: left;
}

#slides {
margin: 10px 0px 20px 0px;
}

#right {
float: right;
width: 250px;
margin: 0px 0px 20px 15px;
text-align: left;
}

#right-narrow {
float: right;
width: 175px;
margin: 0px 0px 20px 15px;
text-align: left;
}

#right img, #right-narrow img{
margin-bottom: 10px;
}


#right325 {
float: right;
width: 325px;
margin: 10px 10px 0px 20px;
text-align: left;
}

h1{
color: #00357A; /* OIE dark blue */
margin:5px 0px 8px 0px;
padding:0px;
font-family: 'Verdana', 'Arial', sans-serif;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.8em;
}

h2{
color: #000; 
font: 1.4em 'Verdana', 'Arial', sans-serif;
font-weight: bold;
margin: 2px 0px 5px 0px;
padding: 2px;
}

h3{
color: #00357A; /* OIE dark blue */
font: 1.2em 'Verdana', 'Arial', sans-serif;
font-weight: bold;
margin: 2px 0px;
padding: 0px 0px 5px 0px;
}

h4{
color: #C52946; /* OIE crimson */
font: 1.2em 'Verdana', 'Arial', sans-serif;
font-weight: bold;
margin: 2px 0px;
padding: 0px;
}

h4 a, h4 a:visited{
color: #C52946; /* OIE crimson */
text-decoration: none;
}

p{
font: 1.0em 'Verdana', 'Arial', sans-serif;
color: #444444;
line-height: 1.8em;
padding: 5px 0px;
margin: 3px 270px 8px 0px;
}

p.wide {
font: 0.9em 'Verdana', 'Arial', sans-serif;
color: #00357A; /* OIE dark blue */
line-height: 1.8em;
padding: 5px 0px;
margin: 5px 0px;
}

p.wide-grey {
font: 1.0em 'Verdana', 'Arial', sans-serif;
color: #444444; 
line-height: 1.8em;
padding: 5px 0px;
margin: 5px 0px;
}

p.intro{
color: #7C562D;
padding: 5px 8px;
border-width: 0px 1px;
border-style: dotted;
border-color:#AF9A7B; /* brown */
background-color: #F5F2D6; /* pale beige */
}

p.caution{
color: #b8243c; /* dark pink */
font: 0.9em 'Verdana', 'Arial', sans-serif;
padding: 5px 8px;
border-width: 0px 1px;
border-style: dotted;
border-color:#D14747; /* dark pink */
background-color: #FFEEEB;
}

#catchcopy{
font: 10px 'Verdana', 'Arial', sans-serif;
color: #FFFFFF; 
line-height: 130%;
padding: 3px 15px 3px 152px;
margin:0px;
text-align:left;
}

.caption {
font: 0.9em 'Verdana', 'Arial', sans-serif;
color: #7795CA; /* OIE sub blue */
padding: 2px 0px;
margin: 5px 0px 5px 0px;
}

ol li{
font: 1.0em 'Verdana', 'Arial', sans-serif;
color: #444444;
line-height: 1.8em;
padding: 5px 5px 5px 0px;
}

ul.mylist li{
color: #00357A; /* OIE dark blue */
font: 0.9em 'Verdana', 'Arial', sans-serif;
 font-style: normal;
 line-height: 140%;
 text-indent: 0px;
 padding: 0px 10px 3px 0px;
 list-style-image: url("../images/bullet.gif");
}

ul.mylist li a{
text-decoration: none;
}


ul.news {
margin: 10px 0px 0px 0px;
padding-left: 15px;
}

ul.news span {
padding-right: 6px;
color: #333;
font: 0.9em 'Verdana', 'Arial', sans-serif;
}


ul.news li{
color: #00357A; /* OIE dark blue */
font: 1.0em 'Verdana', 'Arial', sans-serif;
 font-style: normal;
 line-height: 130%;
 text-indent: 0px;
 margin: 0;
 padding: 0px 10px 3px 0px;
 list-style-image: url("../images/bullet.gif");
}

ul.news li a{
text-decoration: underline;
}

#newsbox {
border: 1px solid #ccc;
background: #F5F2D6; /* pale beige */
width: 300px;
padding: 5px 10px;
margin: 10px 0px;
}
blockquote {
margin: 20px 0px;
color: #00357A; /* OIE dark blue */
width: 320px;
  background: transparent url(../images/quoleft.png) left top no-repeat;
}
blockquote div {
  padding: 0 38px;
  background: transparent url(../images/quoright.png) right bottom no-repeat;
}

blockquote div p {
  margin: 5px 0px;
  padding:0;
}

.alignright {
text-align: right;
}

hr {
color:#ccc;
height: 1px;
background: #ccc;
border: 0;
margin: 10px 0px; }

/* boxes with rounded corners */

.roundcont {
width: auto;
background-color: #7795CA; /* OIE sub blue*/
color: #ffffff; 
text-align: center;
padding: 0px 10px;
}

.roundcont a:link {  
color: #ffffff;
text-decoration: none;
}

.roundcont a:visited {  
color: #FFFFFF; 
text-decoration: none;
}

.roundcont a:hover {  
color: #ABC1EF; /* OIE sub blue over */
text-decoration: none;
}

.roundtop { 
background: url("../images/tr.gif") no-repeat top right; 
}
.roundbottom {
background: url("../images/br.gif") no-repeat top right;
margin-bottom: 5px;
}

img {
padding: 0;
margin: 0;
}


img.corner {
width: 5px;
height: 5px;
border: none;
display: block;
} 

img.right {
float: right;
padding: 0px 0px 0px 5px;
} 

img.left {
float: left;
padding: 0px 5px 0px 0px;
margin: 0;
}


img.border{
border: 1px solid #ccc;
background: #fff;
padding: 3px;
}

/* tables */

table.staff td {
padding: 0px;
color: #444444;
font: 0.9em 'Verdana', 'Arial', sans-serif;
text-align: center;
}

table.condition {
padding: 0px;
color: #444444;
font: 1.0em 'Verdana', 'Arial', sans-serif;
}

table.schedule {
border-collapse: collapse;
font: 1.0em 'Verdana', 'Arial', sans-serif;
background-color: #F9F8B2; /* pale yellow */
border: 0px;
margin-bottom: 10px;
}

table.schedule td {
padding: 3px;
color: #444444;
border: 1px solid #ffffff;
}

table.schedule td.alt {
background-color: #F1C76B; /* pale orange */
font-weight: bold;
text-align: center;
}

table.schedule th {
padding: 5px;
background-color: #C75E3E; /* earthy red */
color: #ffffff;
border-width: 0px 1px 0px 0px;
border-style: solid;
border-color: #ffffff;
}

table.prices {
border-collapse: collapse;
font: 1.0em 'Verdana', 'Arial', sans-serif; 
border: 0px;
margin-bottom: 10px;
}

table.prices td {
padding: 3px 5px;
color: #333;
border: 1px solid #ccc;
}

table.prices td.alt {
background-color: #F5F2D6; /* pale beige */
}

table.prices td.alt2 {
background-color: #DAE5F4; /* pale blue */
}

table.prices th {
padding: 5px;
background-color: #7795CA; /* OIE sub blue*/ 
color: #ffffff;
border: 1px solid #fff;
}

table.complex {
border-collapse: collapse;
font: 0.8em 'Verdana', 'Arial', sans-serif;
border: 0; 
margin: 5px 0px;
}

table.complex td {
text-align: center;
padding: 3px 5px;
color: #333;
border: 1px solid #ccc;
}

table.complex td.alt {
background-color: #F5F2D6; /* pale beige */
}

table.complex td.alt2 {
background-color: #FFcccc; /* pink */
}

table.complex td.alt3 {
background-color: #FFEEEB; /* pale pink */
}

table.complex td.alt4 {
background-color: #DAE7FF; /* pale blue */
}

table.complex td.alt5 {
background-color: #C9D4ED; /* blue */
}

table.complex th {
font-size: 1.2em;
padding: 5px;
background-color: #7795CA; /* OIE sub blue*/ 
color: #ffffff;
border: 1px solid #fff;
}



select, button, input {
font: 1.1em 'Verdana', 'Arial', sans-serif;
font-style: normal;
}


.dpink {
background-color: #F5DED0;
}

.red {
color: red;
}

#crumbs { 
font: 0.8em 'Osaka', 'ＭＳ Ｐゴシック', 'Verdana', 'Arial', sans-serif;
margin: 5px 0px 15px 0px;
color: #7795CA;
 }

 #crumbs a{ 
color: #7795CA;
 }
#poweredby, #poweredby a, #poweredby a:visited, #poweredby span{
color:#C0D4E8;
	}