/******************************************************************************************************************
Default Style sheet
Developed by Michael McGarrity, March 2007
Copyright Golden Jubilee National Hospital (c) 2007
******************************************************************************************************************/

body {
background:url(../images/bg.jpg);
background-color:#EFEEEF;
background-position:center 0;
background-repeat:repeat-y;
margin:0
}

#container {
background:#fff;
color:#000;
margin-left:auto;
margin-right:auto;
width:778px
}

.accesskeys {
background-color:#fff;
font-size:12px;
line-height:100%;
margin:0;
padding:0
}

.trail {
background-color:#eee;
border-bottom:1px dashed #B2B2B2;
padding-left:4px
}

#topheader {
height:85px;
min-height:90px;
width:778px
}

#abovelogo {
color:#333;
float:right;
height:50px;
margin:5px 0 0 5px;
width:335px
}

#abovelogo ul {
padding:0;
margin:0;
}

.cs {
border:1px solid #999
}

#bluetext {
color:#00a8e6;
float:left;
margin-left:20px;
margin-top:-30px
}

#topleft {
color:#000;
float:left;
margin:0 0 0 5px;
padding-left:1px
}

#dots {
background:url(../images/dot.jpg);
background-repeat:repeat-x
}

#topnav {
clear:both;
height:25px;
min-height:25px;
padding-bottom:15px;
width:778px
}

a:hover, a:focus, a:active {
color:#333
}

a:visited {
color:purple
}

#main {
float:right;
width:633px
}

#mainbody {
background:transparent;
color:#000;
float:left;
margin-top:6px;
padding-left:20px;
width:440px
}

#mainbody a:hover,#mainbody a:focus,#mainbody a:active {
color:#000;
text-decoration:underline
}

#mainbody h3 {
color:#000;
font-size:12px;
width:100%
}

#mainbody li {
display:block;
line-height:200%;
list-style-type:none;
margin-left:10px;
padding-left:10px;
/*background:url(../images/blueblock.jpg) top left no-repeat;*/
}

li.main, ul.bulls li {
background:url(../images/blueblock.jpg) top left no-repeat;
display:block;
line-height:100%;
list-style-type:none;
margin-left:0px;
padding-left:0px
}

#mainbody ul {
list-style-type:none;
margin-left:0;
padding-left:0
}

#mainbody blockquote {
line-height:160%
}

#mainbody hr {
line-height:100%;
margin:0;
padding:0
}

#menu1 a {
background:transparent;
color:#fff;
display:block;
float:left;
padding:0;
width:94px
}

#nav a {
background:#fff;
border-bottom:1px solid #fff;
color:#000;
display:block;
padding-bottom:2px;
padding-top:2px;
width:120px
}

#sub {
background:#fff;
color:#333;
float:right;
line-height:180%;
width:150px
}

#div {
margin-top:-10px;
width:440px
}

#menu1 {
list-style-type:none;
margin:0 auto;
padding:0;
width:770px
}

#menu1 li {
border:1px solid #fff;
float:left;
width:94px
}

.container {
clear:both;
text-decoration:none
}


#nav {
float:left;
list-style-type:none;
margin-left:1px;
margin-top:3px;
padding-left:2px;
padding-top:30px;
width:120px
}

#sub form {
margin:0 0 5px;
padding:0
}

.smalltext {
margin:0;
padding:0 8px 5px 0
}

hr.dotted {
border:0;
border-top:2px dotted #EEE;
margin:0
}

.smalltext a:hover, .smalltext a:focus, .smalltext a:active {
border-bottom:2px solid #363
}

#subbox {
border-bottom:2px solid #EEE;
line-height:180%
}

#sub ul {
list-style:none;
margin:0;
padding:0 0 5px
}

#sub ul li {
display:inline
}

#subbox h4 {
border-bottom:1px dotted #999;
color:#0091ca;
font-weight:700
}

#newsbox img {
border:0;
line-height:100%;
margin:0;
padding:0
}

#headwrap {
height:72px;
padding-top:0;
width:700px
}

#logo {
background:#fff;
color:#000;
float:left;
padding-left:1px;
width:206px
}

#subhead {
background:#fff;
color:#620435;
width:700px
}

#flash {
background:#fff;
color:#000;
float:left;
height:139px;
margin-left:6px;
width:466px
}

#galleryslide {
float:right;
width:494px
}

#shwrap {
height:139px;
width:778px
}

#stillpic {
background:#fff;
float:right;
height:139px;
width:162px
}

input,textarea,select {
background:#fff;
border:1px solid #CCC;
border-style:solid;
border-width:1px;
color:#000;
margin:2px;
padding:2px
}

.searchbutton {
background-color:#fff;
border-color:#CCC;
border-width:1px;
color:#0091ca
}

#ff {
background:#620435;
border-top:2px solid #c1c087;
color:#fff;
width:700px
}

#skiptocontent {
background:#fff;
border:0;
color:#666;
float:left;
margin:2px 0 0 210px;
width:130px
}

#nhsbox {
background-color:#fff;
float:left;
padding:0
}

#navcontainer {
margin-left:0px;
float:left;
width:115px
}

#navcontainer ul {
background:#EEE;
border-bottom:2px solid #CCC;
float:left;
list-style-type:none;
margin-left:0;
padding-left:0
}

#navcontainer ul a {
background:#EEE url(../images/bullet_off.gif) left center no-repeat;
background-color:#EEE;
border-bottom:1px solid #fff;
display:block;
padding-bottom:3px;
padding-left:22px;
padding-top:3px;
width:118px
}

#navcontainer ul ul a {
background:#EEE url(../images/sub_off.gif) left center no-repeat;
border-bottom:1px solid #fff;
padding-left:25px
}

#navcontainer ul ul a:hover, #navcontainer ul ul a:focus, #navcontainer ul ul a:active {
background:#dcdfe0 url(../images/sub_on.gif) left center no-repeat;
border-bottom:1px solid #fff;
padding-left:25px
}

#navcontainer ul ul ul a {
background:#EEE url(../images/subsub_off.gif) left center no-repeat;
border-bottom:1px solid #fff;
padding-left:25px;
}

#navcontainer ul ul ul a:hover, #navcontainer ul ul ul a:focus, #navcontainer ul ul ul a:active {
background:#dcdfe0 url(../images/subsub_on.gif) left center no-repeat;
border-bottom:1px solid #fff;
padding-left:25px;
}

#navcontainer li {
float:left
}

.mainheading {
color:#0091ca
}

#mainhead {
padding-top:1px;
padding-left:2px
}

.accessbits {
border:1px dotted #CCC;
border-right:0;
line-height:200%;
padding:5px
}

#navlist {
margin-top:0
}

.blankli {
margin:0;
padding:8px
}

#navcontainer a:hover,#navcontainer a:focus,#navcontainer a:active {
background:#dcdfe0 url(../images/bullet_on.gif) left center no-repeat
}

#logosabovefoot {
height:90px;
padding-bottom:5px
}

#logosabovefoot img {
border:0px;
}

#footer {
background-color:#7e8ab4;
clear:both;
margin-left:-1px;
padding-bottom:10px;
width:779px
}

#belownavlist {
border-bottom:2px solid #CCC;
display:block;
float:left;
margin-top:10px;
padding-bottom:10px;
padding-left:10px;
width:130px
}

#belownavlist a {
border-bottom:1px solid #fff;
text-decoration:none;
width:115px
}

#belownavlist a:hover, #belownavlist a:focus, #belownavlist a:active {
background:transparent;
color:#000;
text-decoration:underline
}

.footertext a:visited {
color:#fff;
font-weight:700
}

#mainnewswrap {
padding:3px;
width:440px
}

.datefloat {
float:right;
font-size:11px
}

.newswrap {
margin-bottom:10px;
padding:3px;
width:440px
}

#newswrap {
padding:3px;
width:440px
}

#newswrap #newsfloat {
float:right;
margin:0 0 0 2px;
text-align:right;
width:130px
}

.newswrap .newsfloat {
float:right;
margin:0 0 2px 2px;
text-align:right;
width:130px
}

.subheader {
border-bottom:3px solid #EEE;
font-size:14px;
font-weight:700
}

.podcast {
background-color:#eee;
border:1px solid #CCC;
line-height:160%;
padding-left:5px;
padding-right:5px
}

.bl {
background:url(../images/bl.jpg) 0 100% no-repeat #b5e6f4;
text-align:center
}

.br {
background:url(../images/br.jpg) 100% 100% no-repeat
}

.tl {
background:url(../images/tl.jpg) 0 0 no-repeat
}

.tr {
background:url(../images/tr.jpg) 100% 0 no-repeat
}

.clearboth {
clear:both;
padding-top:20px
}

.boardwrap {
border-top:1px dotted #9696ce;
line-height:200%;
padding:3px;
width:440px
}

.execwrap {
border-bottom:2px solid #eee;
line-height:200%;
padding:3px;
width:440px
}

.smallexecwrap {
border-bottom:2px solid #eee;
line-height:200%;
padding:3px;
width:440px
}

.content_hundred {
float:left;
position:relative
}

.content_half {
float:left;
padding-bottom:30px;
position:relative;
width:262px
}

#stw,#chs,#stpct {
float:left;
margin:0;
padding:2px 2px 1px;
width:172px
}

#chs {
background:url(../images/beardmore_feature_pic.jpg) no-repeat top left
}

#stpct {
background:url(../images/heart_and_lung.jpg) no-repeat top left
}

#stw h3,#chs h3,#stpct h3 {
font-size:1.05em;
font-weight:700;
line-height:1.1em;
padding:0 0 2px
}

#stw_content,#chs_content,#stpct_content {
margin:82px 4px 10px;
padding:6px;
width:150px
}

#stw_content {
background:#FFB3B3
}

#chs_content {
background:#CBE5FE
}

#stpct_content {
background:#E6CCE5
}

#stw p,#chs p,#stpct p {
font-size:.85em;
line-height:1.3em
}

.introduce {
font-size:14px;
line-height:220%
}

.vacancywrap {
background-color:#f2f2f2;
border-bottom:1px solid #c8c8c8;
border-top:1px solid #c8c8c8;
padding:3px;
margin-bottom:10px;
width:440px
}

.vacancywrap .newsfloat {
float:right;
margin:0 0 2px 2px;
text-align:right;
}

#directionswrap {
background-color:#F8F7EF;
border-bottom:1px dashed #B2B2B2;
line-height:160%;
min-height:100px;
padding:0;
width:440px
}

#toolsContainer {
margin:0;
padding:0;
width:153px
}

.columnLeft {
float:left;
margin:0 10px 0 0;
padding:5px 0 0;
text-align:left;
width:90px
}

.columnRight {
float:left;
margin:0;
padding:0;
text-align:left;
width:340px
}

.insideContainer {
vertical-align:top;
width:440px
}

.clearAll {
clear:both
}

.mBot10 {
margin-bottom:2px
}

.section {
padding:20px;
width:400px
}

.left-right li {
background:url(../images/whiteblock.jpg) left center no-repeat;
border-bottom:1px solid #efefef;
margin-bottom:5px;
padding:2px 0;
position:relative;
width:400px
}

.news-right li {
border-bottom:1px solid #efefef;
margin-bottom:5px;
padding:2px 0;
position:relative;
width:400px
}

.left-right .number {
color:#666;
right:1px;
padding-left:0px;
padding-right:5px;
position:absolute
}

.left-right .phonenumber {
color:#666;
right:1px;
padding-left:0px;
padding-right:5px;
position:absolute
}


.left-right .date {
color:#666;
right:1px;
padding-left:30px;
padding-right:5px;
position:absolute
}

.news-right .number {
color:#666;
right:1px;
padding-left:30px;
padding-right:5px;
position:absolute
}

.news-right li.tall .note {
color:#666;
left:20px;
position:absolute;
top:20px
}

.ref {
border-bottom:1px dotted #999;
margin-top:-10px
}

#pdfbg {
background-color:#fff;
border:1px dashed #F8F7EF;
font-size:10px;
width:440px
}

.arwrap {
height:220px;
margin-bottom:10px;
max-height:220px;
min-height:150px;
padding:3px;
width:420px
}

.arwrap .arfloat {
float:right;
margin:0 0 2px 2px;
text-align:right;
width:130px
}

#errors {
background-color:#F8F7EF;
border:1px dashed #B2B2B2;
font-size:11px;
padding:3px 3px 3px 10px;
width:400px
}

.address {
line-height:140%
}

.html-right li {
background:url(../images/html.gif) left center no-repeat;
border-bottom:1px solid #efefef;
margin-bottom:5px;
padding:2px 0;
position:relative;
text-indent:10px;
width:430px
}

.pdf-right li {
background:url(../images/pdf.gif) left center no-repeat;
border-bottom:1px solid #efefef;
margin-bottom:5px;
padding:2px 0;
position:relative;
text-indent:10px;
width:430px
}

.ppt-right li {
background:url(../images/ppt.gif) left center no-repeat;
border-bottom:1px solid #efefef;
margin-bottom:5px;
padding:2px 0;
position:relative;
text-indent:10px;
width:430px
}

.xls-right li {
background:url(../images/xls.gif) left center no-repeat;
border-bottom:1px solid #efefef;
margin-bottom:5px;
padding:2px 0;
position:relative;
text-indent:10px;
width:400px
}

#holder {
width:440px
}

.leftpush {
float:left;
width:215px
}

.rightpush {
float:right;
width:215px
}

.magwrap {
background-color:#F8F7EF;
border-bottom:1px dashed #B2B2B2;
border-top:1px dashed #B2B2B2;
padding:3px;
width:400px
}

.magwrap .magfloat {
float:right;
margin:0 0 2px 2px;
text-align:right;
width:130px
}

p.patientcomments {
background:url(../images/close_quotes.gif) bottom right no-repeat;
color:#000;
display:list-item;
list-style-image:url(../images/open_quotes.gif);
margin-bottom:20px;
margin-top:20px;
padding:0 5px
}

#div a,h2,h1,#mainbody a:link,#mainbody a:visited {
color:#06C
}

#mainbody h1 {
margin-top:-8px;
line-height:150%;
font-size:23px;
}

#toprightlogo,#date {
float:right
}

a:link,#still,#randomstill,a.footlinks,.footlinks,#navcontainer a:visited,#belownavlist a:visited,.subheader a {
color:#000
}

#menu1 a:hover,#menu1 a:focus,#menu1 a:active,.footertext a:hover,.footertext a:focus,.footertext a:active {
color:#fff;
text-decoration:underline
}

#nav a:link,#nav a:hover,#nav a:focus,#nav a:active {
background:#fff;
color:#000
}

#newsbox,#subbox2 {
border-bottom:2px solid #EEE;
line-height:140%
}

#subbox img,.arwrap .arfloat img {
border:none
}

#sub #textsize #small,#textsize #small {
font-size:small;
font-weight:400
}

#sub #textsize #medium,#textsize #medium {
font-size:medium;
font-weight:400
}

#sub #textsize #large,#textsize #large {
font-size:large;
font-weight:400
}

#subbox2 h4,#newsbox h4,.newshead {
background:url(../images/dot-line.gif) bottom left repeat-x;
color:#133B78;
}

#subbox2 img {
border:none;
}

#lightgreen,.footertext,.footertext a {
color:#fff
}

fieldset,#mainbody img {
border:0
}

#mainnewswrap .mainnewsfloat,#mainnewswrap .newsfloat {
float:right;
text-align:right;
width:130px
}

#mainnewswrap .mainnewsfloat img,.newswrap .newsfloat img {
border:none;
margin-top:15px
}

#mainnewswrap .mainnewsfloat {
margin-top:-5px
}

.boardwrap img,.execwrap img,.smallexecwrap img {
border:none;
float:right;
padding-bottom:10px;
padding-left:10px
}

#stw h3,#stw p {
color:#5D0A0A
}

#chs h3,#chs p {
color:#003456
}

#stpct h3,#stpct p {
color:#611861
}

.vacancywrap .newstitle,form {
margin:0;
padding:0
}

.toolContainer,.toolInsideContainer {
margin:0;
padding:0;
width:440px
}

.left-right li.tall,.news-right li.tall,.pdf-right li.tall,.ppt-right li.tall,.xls-right li.tall,.html-right li.tall {
height:40px
}

.left-right li.tall .note,.pdf-right li.tall .note,.ppt-right li.tall .note,.xls-right li.tall .note,.html-right li.tall .note {
color:#666;
left:0;
position:absolute;
top:20px;
text-align:left
}

.pdf-right .number,.ppt-right .number,.xls-right .number,.html-right .number {
color:#666;
right:1px;
padding-left:10px;
padding-right:0px;
position:absolute;
text-align:left
}

.giveblood {
border:0px;
}

#abovelogo ul {
list-style-type:none;
font-size:11px;
margin-left:0;
margin-top:5px;
margin-right:2px;
padding-left:0
}

#abovelogo ul li {
display:inline;
padding-right:5px;
}

.alert {
	background: #fff6bf url(../images/alert.jpg) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

.success {
	background: #f8fafc url(../images/success.jpg) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
}



.devdate {
font-size:0.9em;
display:block;
margin-bottom:6px
}

.devheadline {
font-size:1.3em;
font-weight:bold;
display:block;
margin-bottom:6px
}

.devtext {
font-size:1.1em;
display:block;
margin-bottom:15px
}