/*
  Colours:
  LIGHT BLUE      dce6ec
  MEDIUM BLUE     89a3b0
  DARK BLUE       2e4f5e
  LIGHT ORANGE    fedfc7
  DARK ORANGE     f47721
  LIGHT PURPLE    b584b2
  DARK PURPLE     871a7d
  
  Image sizes:
  WIDE panel, SMALL image:  140 x 145
  WIDE panel, LARGE image:  364 x 375
  RIGHT panel image:        215 x 220
*/
body { margin: 0; padding: 0; color: #444; font-family: arial, helvetica, sans-serif; font-size: 75%; }
body.blue { background: #fff url(../images/gradient-bg-blue.png) top left repeat-x; }
body.orange { background: #fff url(../images/gradient-bg-orange.png) top left repeat-x; }

h1, h2, h3, h4, h5, h6, p, table, ul, ol { margin-top: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { vertical-align: bottom; border: 0; }

#page { width: 993px; margin: 0 auto; }
#head { height: 175px; position: relative; overflow: visible; }
  #leader-logo { display: block; position: absolute; top: 29px; left: 36px; border: 0; }
  #ascl-logo { display: block; position: absolute; bottom: 6px; right: 8px; border: 0; } 
#content { height: 611px; position: relative; }
body.blue    #content { background: url(../images/main-bg-blue.gif) top left no-repeat; }
body.orange #content { background: url(../images/main-bg-orange.gif) top left no-repeat; }
  
  #nav-primary { display: block; position: absolute; top: 16px; left: 36px; }
  #nav-primary ul { display: block; height: 26px; list-style-type: none; margin: 0; padding: 0; }
  #nav-primary ul li { display: inline; width: 105px; height: 26px; }
  #nav-primary ul li a { display: inline-block; vertical-align: top; width: 99px; height: 17px; background: url(../images/tab-trans.png); text-decoration: none; color: #89a3b0; text-align: center; padding: 9px 3px 0 3px; text-transform: uppercase; font-size: 85%; } /* 105 x 26 */
  body.blue #nav-primary ul li a:hover { background: url(../images/tab-blue.png); }
  body.blue #nav-primary ul li.selected a { background: url(../images/tab-blue.png); }
  body.orange #nav-primary ul li a:hover { background: url(../images/tab-orange.png); }
  body.orange #nav-primary ul li.selected a { background: url(../images/tab-orange.png); }
  #nav-primary ul li a:hover { color: #ffffff; }
  #nav-primary ul li.selected a { color: #ffffff; }
  
  #nav-secondary { display: block; position: absolute; top: 56px; left: 36px;  }
  #nav-secondary ul { display: block; height: 22px; list-style-type: none; margin: 0; padding: 0; } /* 22px high */
  #nav-secondary ul li { display: block; float: left; height: 22px; margin-right: 3px; } /* 22px high */
  body.blue #nav-secondary ul li.selected { background: #ffffff url(../images/secnav-tab-blue-left.png) top left no-repeat; }
  body.orange #nav-secondary ul li.selected { background: #ffffff url(../images/secnav-tab-orange-left.png) top left no-repeat; }
  #nav-secondary ul li a { display: inline-block; vertical-align: top; height: 18px; text-decoration: none; color: #ffffff; text-align: center; padding: 6px 8px 0 8px; text-transform: uppercase; font-size: 85%; font-weight: bold; } /* 22px high */
  #nav-secondary ul li.selected a { color: #000000; }
  body.blue #nav-secondary ul li.selected a { background: url(../images/secnav-tab-blue-right.png) top right no-repeat; }
  body.orange #nav-secondary ul li.selected a { background: url(../images/secnav-tab-orange-right.png) top right no-repeat; }
  #nav-secondary ul li a:hover { text-decoration: underline; }
  
  #search { display: block; position: absolute; top: 32px; left: 637px; }
  #search p { margin: 0; }
  #search-query { border: 0; width: 305px; height: 20px; padding: 4px 0 0 0; }
  #search-submit { border: 0; width: 24px; height: 24px; padding: 0; background: url(../images/search.png); cursor: pointer; overflow: hidden; text-indent: 24px; vertical-align: bottom; }
  #search-submit:hover { background: url(../images/search-hover.png); }
  
  #main { position: absolute; top: 108px; left: 36px; }
  
  #main p { line-height: 130%; }
  
  #main-left { float: left; width: 185px; padding: 0 0 200px 0; margin: 0; }
  #main-left div.panel { padding: 0 0 5px 0; }
  #main-left div.panel h2 { background: #000 url(../images/box-header-left.png) no-repeat; font-size: 120%; color: #fff; text-align: center; margin: 0; padding: 5px; }
  #main-left div.panel h3 { font-size: 100%; margin: 0; padding: 5px 10px 0 10px; }
  #main-left div.panel p{ font-size: 100%; margin: 0; padding: 0 10px 10px 10px; }
  #main-left div.panel ul { list-style-type: none; margin: 0.5em 0; padding: 0 10px; }
  #main-left div.panel ul li { color: #373a3b; padding: 0 0 0.5em 0; margin: 0.5em 0; border-bottom: 1px dotted #aaa; font-size: 100%; }
  #main-left div.panel ul li a { color: #000; font-size: 120%; }
  #main-left div.panel ul li a.more { font-size: 100%; background: url(../images/more.png) right center no-repeat; padding: 0 10px 0 0; color: #89A3B0; }
  #main-left div.panel ul li span { font-family: "myriad-pro-1","myriad-pro-2", sans-serif; font-size: 100%;}
  #main-left div.blue { background: #dce6ec url(../images/box-footer-blue-left.png) bottom left no-repeat; }
  
  #main-left div.outline { background: #dce6ec url(../images/box-footer-blue-outline-left.png) bottom left no-repeat; }
  #main-left div.outline h2 { background: url(../images/box-header-border-left.png); }
  #main-left div.outline h3 { background: #89a3b0; color: #fff; text-align: center; text-transform: uppercase; padding: 5px; margin: 0; }
  body.orange #main-left div.outline h3 { background: #f47721; }
  #main-left div.outline p { padding: 10px; margin: 0; }
  #main-left div.outline ul li a { font-weight: bold; }
  
  #main-left .addthis { padding: 10px 0; }
  
  .expand  { background: url(../images/expand.png) right center no-repeat; padding: 0 10px 0 0; color: #89A3B0; font-weight: bold; cursor: pointer; }
  .collapse  { background: url(../images/collapse.png) right center no-repeat; padding: 0 10px 0 0; color: #89A3B0; font-weight: bold; cursor: pointer; }
  
  #main-top { float: left; width: 661px; margin: 0 0 0 38px; }
  #main-top p.standfirst { font-size: 130%; font-family: "myriad-pro-1","myriad-pro-2", sans-serif; }
  
  #main-center { float: left; width: 408px; padding: 0 38px; }
  #main-center ul { margin: 0; padding: 0 0 10px 20px; }
  #main-center h2 { margin: 0; padding: 0; font-size: 120%; }
  
  #main-center .searchresult { padding: 0 0 15px 0; }
  #main-center .searchresult p { padding: 0; margin: 0; }
  #main-center .searchresult a { color: #000; }
  #main-center .searchresult span { background: #C3D2DA; }
  
  #main-center table { border-collapse: collapse; border: 0; margin: 1em auto; }
  #main-center table th { border: 1px solid #888; padding: 3px; background: #ccc; font-weight: bold; }
  #main-center table td { border: 1px solid #888; padding: 3px; }
  #main-center table td.sg_right { text-align: right; }
  
  .story { padding: 10px 0; border-bottom: 1px dotted #aaa; }
  .storyFull { display: none; }
  .story h2 { padding: 0; margin: 0; color: #666; }
  .storyIntro p { padding: 0; margin: 0; color: #999; }
  
  #main-right { float: left; width: 215px; }

  #main-right div.panel { padding: 0 0 5px 0; }
  #main-right div.panel h2 { background: #000 url(../images/box-header-right.png) no-repeat; font-size: 130%; color: #fff; text-align: center; margin: 0; padding: 5px; }
  #main-right div.panel ul { list-style-type: none; margin: 0.5em 0; padding: 0 10px; }
  #main-right div.panel ul li { color: #373a3b; padding: 0 0 0.5em 0; margin: 0.5em 0; border-bottom: 1px dotted #aaa; font-size: 100%; }
  #main-right div.panel ul li a { color: #000; font-size: 120%; }
  #main-right div.panel ul li span { font-family: "myriad-pro-1","myriad-pro-2", sans-serif; font-size: 100%;}
  #main-right div.blue { background: #dce6ec url(../images/box-footer-blue-right.png) bottom left no-repeat; }
  #main-right div.purple { background: #871a7d url(../images/box-footer-purple-right.png) bottom left no-repeat; }
  
  #main-wide { float: left; width: 712px; margin: 0 0 0 24px; padding: 0 0 12px 0; }
  #main-wide img { border: 0; }
  
  #main-wide div a img { opacity: 0.6; filter: alpha(opacity=60); margin: 0 0 5px 0; }
  #main-wide div img.bottom { display: block; }
  #main-wide div a { color: #444; }
  #main-wide div a:hover img { opacity: 1; filter: alpha(opacity=100); }
  #main-wide div.teaser-small:hover img,  #main-wide div.teaser-big:hover img { opacity: 1; filter: alpha(opacity=100); }
  
  #main-wide div.teaser-big { float: right; width: 364px;  padding: 12px 37px 0 0; }
  #main-wide div.teaser-small { float: left; width: 140px; padding: 12px 0 0 9px; height: 220px; }
  #main-wide div.teaser-big h2 a span { font-weight: normal; }
  #main-wide div.t2, #main-wide div.t4 { padding-left: 9px; }
  #main-wide div img { display: block; padding: 0; margin: 0; border: 0; }
  #main-wide h1 { background: #000000 url(../images/box-header-wide.png) top left no-repeat; margin: 0; padding: 0; text-align: left; padding: 5px 14px; font-size: 130%; color: #ffffff; text-transform: uppercase; font-weight: bold; }
  #main-wide h1 span { font-weight: 100; }
  #main-wide h2 { font-size: 100%; margin: 0; }
  #main-wide p { margin: 0; }
  
#foot { clear: both; text-align: left; margin: 0; padding: 1em 0; font-family: arial, sans-serif !important; width: 925px; }
#foot p { border-top: 1px solid #a7a9ac; padding: 0.5em 0; color: #a7a9ac; font-size: 80%; }
#foot p a { color: #a7a9ac; text-decoration: none; }
#foot p a:hover { color: #a7a9ac; text-decoration: underline; }

#foot p.by { float: right; width: 30%; text-align: right; }
#foot p.legal { float: right; width: 70%; }


h1 { color: #58595b; font-weight: normal; font-size: 360%; margin: 0 0 0.2em 0; }

.clear { clear: both; }

.backissue { width: 97px; float: left; margin: 0 10px 10px 0; padding-bottom: 5px; border-bottom: 1px dotted #000; }
.backissue img { padding-bottom: 5px; }
.backissue span { font-size: 120%; font-weight: bold; }
.backissue a { color: #000; }