/* CSS Document */
@import url(screen.css);

#header { height:92px;}
#header h1 { width:283px; height:57px;}
#header a { background:url(../img/header-logo-small.gif) no-repeat;}

#content #specialism-nav { background:#ECD9E6;}

#pagetitle { height:83px; border:none; background:url(../img/pagetitle-landd-bg.gif) repeat-x bottom; margin-top:-30px; text-align:left;}
#pagetitle h2 { padding:0 10px 0 0; color:#5B1554; position:relative; width:450px; height:30px; margin-left:310px}
#pagetitle span { position:absolute; width:100%;; height:100%; background:#fff url(../img/title-l+d.gif) no-repeat 230px 0px;}

#pagetitleimg { position:absolute; width:186px; height:320px; left:620px; top:-11px; background:url(../img/pagetitle-landd-giraffe.gif) no-repeat;}
html>body #pagetitleimg { left:610px;}

#content { width:295px; margin-right:175px;}
#content h3 { color:#7F5871;}
#content h5 { color:#7F5871;}
#content img.levelsofchoice { margin:0 0 10px -20px; position:relative;}
#content .relatedcontent { background:url(../img/relatedcontent-bg-landd.gif) repeat-x 0 34px;}
#content #seealso h3 { width:190px;}

#flexible { width:470px; height:150px; overflow:hidden; position:relative; margin-right:-200px;}
#flexible.expanded { height:616px;}
/* backslash hack hides from IE mac \*/
* html #flexible.expanded { position:relative;}
/* end backslash hack */
#flexible img { border:none; position:relative;}




.downloadicon { float:right; margin-right:-175px; margin-left:60px; width:117px;}

#relatedbottom { background:#f3f url(../img/relatedbottom-landd.gif) no-repeat right; width:118px; height:276px; margin:-276px 0 5px 120px; display:inline;}

.expand {background-color:#ecd9e6; }

#content .highligted { background-color:#D4BACB; padding:5px 10px 1px;}