/*
CSS for Epsom and St Helier microsite

Colors:

Dark blue: #083f67

Purple: #9a0066
Purple tint: #e3cee0

Green: #019934
Green tint: #cce5d8

Orange: #f47920
Orange tint: #f1e0d5

Cyan: #079bce
Cyan tint: #cde5ef

*/

body {
        margin: 0;
        padding: 0;
	background-color: #079bce;
        font-family: helvetica,arial,sans-serif;
        font-size: 0.75em;
        line-height: 125%; 
        color: gray;
}

img {
        margin:0;
        border:none; 
}

h1 {
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-size: 19px;
        letter-spacing: 1px; 
        font-weight: normal;
        line-height: 130%; 
        color: #083f67;
}

h4 {
        margin: 0;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1em;
        color: #079bce; 
}

h4 a { color: #079bce; text-decoration: none; }

h4.purple a { text-transform: none; color: #9a0066 }
h4.green a { text-transform: none; color: #019934 }

h5 {
        margin: 0;
        padding-right: 3px;
        padding-top: 5px;
        font-weight: bold;
        font-size: 1em;
        color: gray; 
        text-align: right;
}

h5 a { color: gray; }
h5 a:hover, h4 a:hover, h3 a:hover { color: #083f67; }

h3 {
        margin: 0;
        font-weight: normal;
        font-size: 1em;
        line-height: 145%; 
}

h3 a { color: #9a0066; text-decoration: none; }

p { 
        margin: 0; 
        background-color: white;
}

p a { color: #083f67; }
p.green { color: #019934; }
p.blue { color: #083f67; }


#container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
  width: 980px;
  height: 605px;
  background-color: white;
  border: 22px solid white;
}

#leftbox {
  float: left;
  width: 575px;
  background-color: white;
  border: 10px solid #cce5d8;
}

#leftboxhome {
  float: left;
  width: 595px;
  height: 605px;
  background-color: white;
  background-image: url(images/three-chairs.jpg);
  background-repeat: no-repeat;
}

#leftboxmargin {
  margin: 0;
  width: 557px;
  height: 585px;
  min-height: 585px;
  padding-left: 12px;
  padding-right: 6px;
  background-color: white;
}

#leftboxmarginhome {
  margin: 0;
  width: 557px;
  height: 595px;
  min-height: 585px;
  padding-top: 10px;
  padding-left: 22px;
  padding-right: 16px;
  background-color: none;
}

#smallhead {
  position: absolute;
  top: 65px;
  left: 66px;
  width: 150px;
  height: 50px;
}

#smallhead2 {
  position: absolute;
  top: 65px;
  left: 240px;
  width: 310px;
  height: 50px;
}

#smallhead3 {
  position: absolute;
  top: 65px;
  left: 414px;
  width: 150px;
  height: 50px;
}

#copycolumn2 {
  position: absolute;
  top: 225px;
  left: 307px;
  width: 270px;
  height: 300px;
}

#leftboxmargincontent {
  padding-top: 195px;
}

#leftboxmargincopy, #leftboxmargincopyright, #leftboxmarginfootercopy {
  float: left;
}

#leftboxmargincopy { padding-right: 285px; }
#leftboxmargincopyright { padding-left: 285px; }

#rightbox {
  position: absolute;
  left: 605px;  
  width: 375px;
  background-color: white;
}

#rightboxmargin {
  position: absolute;
  top: 230px;
  padding-top: 57px;
  width: 355px;
  height: 298px;
  background-color: white;
  border: 10px solid #cde5ef;
}

#rightboximage {
  position: absolute;
  top: 230px;
  width: 375px;
  height: 375px;
  background-color: gray;
}

#logobox {
  margin: 0;
  width: 375px;
  height: 230px;
  background-color: white;
  background-image: url(images/epsomlogo.gif);
  background-repeat: no-repeat;
  background-position: top right;
}

#about, #opportunities, #apply {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 196px;
  width: 123px;
  height: 24px;
}

#about {
  left: 0;
  background: gray;
  background-image: url(images/purplebutton125x24.gif);
}

#opportunities {
  left: 126px;
  background: gray;
  background-image: url(images/greenbutton125x24.gif);
}

#apply {
  left: 252px;
  background: gray;
  background-image: url(images/orangebutton125x24.gif);
}

#grayline {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 142px;
  width: 375px;
  height: 43px;
  border-bottom: 1px solid rgb(225,225,225);
}

#submenu, #submenu2 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 95px;
  width: 375px;
  height: 50px;
}

#submenu2 {
  padding-top: 34px;
}

.arrow {
  padding-top: 1px; 
  display: inline; 
  float: left;
  width: 14px;
  height: 12px;
}

.navigation {
  margin-top: 0;
  font-weight: bold;
  font-size: 1em;
  background-color: transparent;
}

.navigation a {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 7px;
  text-decoration: none;
  color: white;
}

.navigation a:hover {
  text-decoration: underline;
}

.indent {
  padding-left: 12px;
  padding-right: 6px;
}

.rightpad {
  padding-right: 285px;
}

.links {
  margin-top: 0;
  margin-bottom: 2px;
}  

.hospitalname {
  margin-top: 3px;
  color: #083f67; 
  text-transform: uppercase;
}