/***** Global Settings *****/

* {
margin: 0px;
padding: 0px;
}
 
html, body {
border:0;
}
 
body {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #333333;
background-color: #ebf3f6;
}

ul {
list-style: none;
}

/***** Wrapper *****/
 
#container {
width: 783px;
margin:0 auto;
padding: 0px;
background: #FFFFFF url(../img/container-drop-shadow-middle.gif) repeat-y right;
}

/***** Layout *****/
#mainBox {
width: 758px;
float:left;
border: solid 1px #D4DBE1;
border-right: none;
padding: 0px 5px 5px 5px;
background-color: #ffffff;
}

#shadowTopCorner {
width: 11px;
height: 11px;
float: right;
background: url(../img/container-drop-shadow-top.gif) no-repeat;
}

#shadowRight {
width: 779px;
float: left;
background: url(../img/container-drop-shadow-middle.gif) repeat;
}

#shadowBottom {
width: 783px;
height: 10px;
clear: both;
background: #ebf3f6 url(../img/container-drop-shadow-bottom.gif) no-repeat right;
}

#header {
width: 760px;
height: 210px;
float: left;
background: url(../img/header-images/docklands-header.jpg) no-repeat;
}

#content {
width: 700px;
float: left;
padding: 40px 30px 50px 30px;
}

#footer {
width: 730px;
clear: both;
border-bottom: 5px solid #045268;
padding: 0px 0px 10px 30px;
}

#homeleftContent {
width: 170px;
float: left;
border-right: 2px solid #D5DDE0;
padding-right: 40px;
}

#homeleftContent li {
border-bottom: 1px solid #D5DDE0;
padding: 10px 0px 10px 0px;
}

#homeRightContent {
width: 435px;
float: left;
padding-left: 45px;
}

#homeTitle {
width: 425px;
height: 69px;
background: url(../img/titles/home-title-text.gif) no-repeat;
padding-bottom: 30px;
}

#homeTitle span {
display: none;
}

#homeRightContent #bigButtons {
width: 425px;
padding-top: 40px;
}

#homeRightContent #bigButtons li {
display: block;
float: left;
padding-right: 20px;
}

#internalRightContent #bigButtons {
padding-top: 80px;
}

#internalRightContent #bigButtons li {
padding-bottom: 10px;
}

#internalleftContent {
width: 460px;
float: left;
}

#internalRightContent {
width: 180px;
padding-left: 50px;
float: left;
}

#contactMap {
width: 463px;
height: 314px;
margin-bottom: 10px;
background: url(../img/where_to_find_us_map.gif) no-repeat;
}


/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}

h1 {
letter-spacing:-1px;
font:14px arial, helvetica, sans-serif;
color: #035267;
}

#homeleftContent h1 {
font-size: 17px;
font-weight: bold;
padding-bottom: 10px;
background: url(../img/icons/bullet-piont.gif) no-repeat 115px 0px;
}

#internalleftContent h1 {
font-size: 17px;
font-weight: bold;
padding: 0px 0px 8px 30px;
margin-bottom: 20px; 
border-bottom: solid 1px #d5dde0;
background: url(../img/icons/bullet-piont.gif) no-repeat 0px 0px;
}

#homeleftContent p {
padding: 0px;
}

.newsTitle {
font-size: 11px;
color: #035267;
font-weight: bold;
line-height: 16px;
}

.newsContent {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
line-height: 16px;
}

#topAddress {
color: #333333;
font-family: Tahoma, "Courier New", Courier, monospace;
font-size: 10px;
float: right;
padding: 18px 20px 22px 0px;
clear: both;
}

#topAddress p {
text-align: right;
padding: 0px;
line-height: 13px;
}

#headerTitle {
color: #ffffff;
text-align: right;
float: right;
padding: 7px 20px 0px 0px;
clear: both;
}

#headerTitle p {
text-align: right;
}

p {
line-height: 19px;
padding-bottom: 20px;
text-align: justify;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #92a2ab;
}
 
/***** Links *****/
 
a, a:visited {
text-decoration: underline;
font-size: 12px;
color: #589fb2;
}

a:hover {
text-decoration: none;
background-color: #eaeef0;
}

a.appiontmentButton  {
width: 174px;
height: 78px;
display: block;
background: url(../img/button-ihaveanappointment.jpg) no-repeat 0px 0px;
}

a.appiontmentButton:hover {
background: url(../img/button-ihaveanappointment.jpg) no-repeat 0px -81px;
}

a.refGuideButton  {
width: 369px;
height: 50px;
margin: 8px 0 0 0;
display: block;
background: url(../img/brochure-button.jpg) no-repeat 0px 0px;
}

a.refGuideButton:hover {
background: url(../img/brochure-button.jpg) no-repeat 0px -53px;
}

a.refGuideButtonInternal  {
width: 175px;
height: 75px;
margin: 0px 0 0 0;
display: block;
background: url(../img/contact-us-docklands-button.gif) no-repeat 0px 0px;
}

a.refGuideButtonInternal:hover {
background: url(../img/contact-us-docklands-button-hover.gif) no-repeat 0px 0px;
}

a.infoForGpButton {
width: 174px;
height: 78px;
display: block;
background: url(../img/button-infoforgp.jpg) no-repeat 0px 0px;
}

a.infoForGpButton:hover {
background: url(../img/button-infoforgp.jpg) no-repeat 0px -81px;
}

.infoForGpButton span, .appiontmentButton span, .refGuideButton span, .refGuideButtonInternal span {
display: none;
}
 
#footer a, #footer a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: 92a2ab;
background-color: #ffffff;
text-decoration: underline;
}

#footer a:hover {
text-decoration: none;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
  
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.bulletList {
padding-bottom: 20px;
margin-left: 60px;
}
.bulletList li {
list-style: disc;
padding: 0px 0px 5px 0px
}
.numberList {
padding-bottom: 20px;
margin-left: 60px;
}
.nuberList li {
padding: 0px 0px 5px 0px
}
.noneBulletList {
padding-bottom: 20px;
}
.noneBulletList li {
padding: 0px 0px 5px 0px
}