/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   
   --------------------------------------------------------------------------------------------------------------------------
   FILE INFO
   Revision number:  1.0
   Last updated:     2006/11/30
   Last updated by:  Matt Wilcox
                     matt@karova.com
   ----------------------------------------------------------------------------------------------------------------------- */

@import url(screen_extended.css);  /* import any browser specific CSS */

@media all { /* all contained styles hidden from IE Mac */

/* =global_reset */
   *                                     { margin: 0; padding: 0; }
   ul, dl, ol                            { list-style-position: inside; }
   ul ul, ul ol, ul dir, ul menu, ul dl,
   ol ul, ol ol, ol dir, ol menu, ol dl,
   dir ul, dir ol, dir dir, dir menu, 
   dir dl, menu ul, menu ol, menu dir,
   menu menu, menu dl, dl ul, dl ol,
   dl dir, dl menu, dl dl                { margin-top: 0; margin-bottom: 0; }
   p, ul, ol, dl, dd, blockquote, form   { margin-bottom: 1em; }

/* =html =body */
   html {
     background : url(../images/html.gif) 0 0 repeat-x; }
   body {
     font : 75%/1.5em Arial, Verdana, Helvetica, sans-serif; color : #666; }

/* =hx */
   h1, h2, h3, h4, h5, h6 {
     font-family : Georgia, 'Trebuchet MS', Arial, Verdana, sans-serif; font-weight : normal; line-height : 1.4em; color : #793; }
     
/* =h1 */
   h1 {
     font-size : 1.6em; }
   #content_main h1 {
     margin-bottom : .5em; }
   
/* =h2 */
   h2 {
     font-size : 1.4em; }
   *+h2 {
     margin-top : 1em; }
   .default #content_intro img+h2,
   .lottery .intro h2 {
     margin-top : 0; }
   
   #content_main h2 {
     margin-bottom : .5em; }
   .default #content_main h2 {
     margin-bottom : .5em; }
   
   #nav_main h2,
   #nav_supp h2,
   #search_main h2,
   #nav_language h2 {
     position : absolute; left : -999em;
     overflow : hidden; }
   
   .basketshow h2.order_value {
     clear : both;
     width : 100%; margin-top : 1em; border-top : 1px solid #d7d7d7; padding-top : .5em; }
     
   h2.homepage_featured {
     padding-top : 1em; }
     
   .lottery .lottery_results h2 {
     font-size : 2em; color : #fff; }
     
   #evil_presentational_div_2 h2 {
     color : #fff; }
     
   .default #nav_news h2 {
     margin-top : 3px; }
     
   .article h2 {
     clear : both; }
     
/* =h3 */
   h3 {
     font-size : 1.2em; }
   
   #content_main h3 {
     margin-bottom : .5em; }
   
   #nav_cart div h3,
   #content_main .h3_search {
     position : absolute; left : -999em;
     overflow : hidden; }
   
   .range h3 {
     clear : both;
     width : 100%; margin-top : 1em; border-top : 1px solid #d7d7d7; padding-top : .5em; }
   
   .lottery .lottery_results h3 {
     font-size : 1.6em; color : #fff; }
     
/* =h4 */
   h4 {
     font-size : 1.1em; }
     
/* =h5 */
   h5 {
     font-size : 1em; font-weight : bold; }
     
/* =h6 */
   h6 {
     font-size : 1em; font-weight : bold; }
     
/* =p */
   p { 
     margin-bottom : .8em; }
     
   p.accessibility {
     position : absolute; left : 0; /* IE7 still persists in dumb behaviour, and requires left : 0; */
     display : block; width : 100%; margin-top : -2em; padding : .25em 0 1em 0;
     text-align : center; z-index : 2; }
   p.accessibility:hover {
     margin-top : 0; padding : .25em 0 .3em 0; border-bottom : 1px solid #eeb;
     color : #000; background-color : #ffd; }
   
   .default #site_context p {
     position : absolute; left : -999em;
     overflow : hidden; }
   
   .lottery .lottery_results p {
     margin-bottom : 2em; }
     
/* =blockquote */
   blockquote {  }

/* =em =strong =del =ins =abbr =acronym =code */
   em          {  }
   strong      { color : #000; }
   del         { text-decoration : line-through; }
   ins         { text-decoration : none; color : #009; }
   del[title],
   ins[title]  { cursor : help; }
   acronym,
   abbr        { text-decoration : none; border-bottom : none; font-style : italic; cursor : help; }
   code        { font : 87.5% dialogue, 'Courier New', courier, serif; color : #000; }
   
   label em {
     position : absolute; margin-left : 23em; color : red; }
   
/* =address */
   #content_main address {
     margin-bottom : 1em; font-style : normal; }
   
   .billing #content_main address,
   .summary #content_main address {
     font-style : normal; color : #00f; }

/* =dl =dt =dd */
   .lottery .lottery_results dt {
      font-size : 1.4em; }
   
/* =ul */
   #content_main ul ul {
     margin-left : 1em; }
   #nav_main ul,
   #nav_supp ul,
   #content_sub ul,
   .basketshow ul.pages,
   .search #content_main ul#gallery,
   ul.homepage_featured,
   ul.homepage_offers,
   #nav_language ul,
   #nav_news ul {
     list-style-type : none; list-style-position : outside; }
     
   .range #content_main ul.pages {
     text-align : center; }
   
   #nav_supp ul {
     position : absolute;
     width : auto; margin-top : 15px; height : 32px; line-height : 32px;
     text-align : right; }
     
/* =ol */
   ol { 
     list-style-position : outside; margin-left : 1.6em; }
   ol ol { 
     margin-top : 1em; margin-bottom : 1em; }
   
/* =li */
   #nav_main ul li,
   #nav_supp ul li,
   .basketshow ul.pages {
     display : inline; }
   
   #nav_supp,
   #nav_supp ul { width : 758px; text-align : right; }
   
   #nav_supp ul li { 
     padding-left : .7em; margin-left : .7em; }
   
/* =img */
   img,
   img a { border-width : 0; background : none; display : block; }
   
   #content_main img {
     border : 2px solid #686868; }
   
   .fundraising #content_main img {
     float : left;
     margin-right : 12px; }
   
   .news #content_main img {
     float : left;
     margin : 0 1em .5em 0; }
   
   .lottery .intro img,
   .default #content_intro img {
     float : right; margin-left : 12px; }
   
   .article #content_main img {
     clear : left;
     float : left; margin : 0 12px 12px 0; }
     
   #evil_presentational_div_2 img {
     border-color : #6C5045; }
     
/* =hr */
   hr { display : none; }

/* =a */
   a:link    { color : #19c; text-decoration : none; }
   a:visited { color : #19c; text-decoration : none; }
   a:hover   { text-decoration : underline; color : #09f; }
   a:focus   { background-color : #ffd; color : #000; outline : none; }
   a:active  { background-color : #eec; color : #333; outline : none; }
   
   p.accessibility a:link,
   p.accessibility a:visited {
      text-decoration : none; }
   p.accessibility a:hover {
      text-decoration : underline; }
   p.accessibility a:focus {
     position : absolute; left : 1em;
     margin-top : 2em;
     background-color : #ffd; }
   p.accessibility a:focus:after {
     content : " (access key + " attr(accesskey) ") "}
   p.accessibility:hover a:focus {
     position : relative; left : 0;
     margin-top : 0; }
   p.accessibility:hover a:focus:after {
     content : ""; }
     
   #nav_language li.english a {
     position : absolute; top : 140px; left : 620px;
     display : block; width : 71px; height : 48px;
     background : url(../images/language_switcher.jpg) 0 0 no-repeat; text-indent : -999em; overflow : hidden; z-index : 2; }
   #nav_language li.cymraeg a {
     position : absolute; top : 140px; left : 691px;
     display : block; width : 88px; height : 48px;
     background : url(../images/language_switcher.jpg) -71px 0 no-repeat; text-indent : -999em; overflow : hidden; z-index : 2; }
     
   #nav_language li.english a:hover {
     background-position : 0 -48px; }
   #nav_language li.english a:focus {
     background-position : 0 -96px; }
   #nav_language li.cymraeg a:hover {
     background-position : -71px -48px; }
   #nav_language li.cymraeg a:focus {
     background-position : -71px -96px; }
     
   .default h1 a,
   #site_context a {
     position : absolute; left : 0; top : 0;
     display : block; width : 140px; height : 140px;
     text-indent : -999em; overflow : hidden; }
   .default h1 a:hover,
   .default h1 a:focus,
   #site_context a:hover,
   #site_context a:focus {
     background : transparent; }
     
   #nav_main ul li a {
     float: left;
     display : block; padding : 0 9px; }
   #nav_main ul li a:link,
   #nav_main ul li a:visited {
     text-decoration : none; color : #fff; }
   #nav_main ul li a:hover {
     text-decoration : underline; }
   #nav_main ul li a:focus {
     text-decoration : underline; color : #666; }
     
   #site_info a:link,
   #site_info a:visited {
     color : #fff; text-decoration : underline; }
   #site_info a:hover,
   #site_info a:focus {
     color : #ddd; text-decoration : underline; }
   #nav_supp a:focus,
   #site_info a:focus {
     color : #333; }
   
   #nav_supp a:link,
   #nav_supp a:visited {
     color : #333; }
   #nav_supp a:hover {
     color : #000; }
   #nav_supp a:focus {
     color : #ffd; background-color : #333; }
   
   .basketshow ul.pages a {
     float : left;
     margin-right : 1em;
     line-height : 24px; }
   
   #evil_presentational_div_2 a:link,
   #evil_presentational_div_2 a:visited {
     color : #fff; text-decoration : underline; }
   #evil_presentational_div_2 a:hover,
   #evil_presentational_div_2 a:focus {
     color : #000; }
     
/* =table */
   table { border-collapse : collapse; }
   #nav_cart table {
     width : 176px; }
   
/* =caption */
   caption {  }

/* =thead */
   thead {
     text-align : left; }

/* =tfoot */
   #nav_cart tfoot {
     text-align : right; }
   
/* =tbody */
   tbody {  }
   
/* =tr */
   tbody tr:hover {
     background-color : #ffd; }
     
/* =th */
   th,
   td {
     padding : .4em .8em; }

/* =td*/
   td.numeric {
     text-align : right; }
     
/* =form */
   .contact #content_main form {
     margin-top : 2em; }
   
   .lottery #content_main form {
     margin-top : 21px; }
     
/* =fieldset */
   #search_main fieldset {
     margin : 0; border-width : 0; padding : 0; }
     
   #content_main fieldset {
     margin-bottom : 1em; border-width : 0 0 1px 0; border-color : #999; padding-bottom : 1em; }

/* =legend */
   legend {  }
   
/* =label */
   #content_main label {
     display : block; margin-bottom : .4em;
     overflow : hidden; }
     
   #content_main .boolean label input,
   #content_main label.boolean input {
     margin-top : .25em; }
   

     
   .boolean input {
     float : left;
     margin-right : .5em; }
     
   #content_main input,
   #content_main select {
     width : 20em; }
   #content_main input.submit,
   #content_main .boolean input {
     width : auto; }

   input.qty {
     float : left;
     margin-right : .5em; }
   
   input.submit {
     width : auto; }
   
/* =textarea */
   textarea {
     font : 1.166em/1.5em Arial, Verdana, Helvetica, sans-serif; color : #666; }
   textarea:focus {
     border: 1px solid #000; padding : 1px;
     background-color : #ffd; color : #000; }
     
   #content_main textarea {
     width : 735px; height : 8em; }
   
   .contact #content_main label[for=usr_std_message] textarea {
     width : 733px; }

/* =select */
   select {  }
     
/* =div */
   #container {
     position : relative;
     width : 779px; padding-top : 188px; margin : 0 auto;
     background : #f2f2f2 url(../images/site_context.jpg) 0 0 no-repeat; }
   
   #content {
     margin : 12px 0 0 0;
     overflow : hidden; }
   
   .fundraising #content,
   .news #content,
   .article #content,
   .contact #content,
   .donation #content,
   .services #content,
   .donationsummary #content,
   .lotterysummary #content,
   .sitemap #content {
     padding : 12px 21px; }
   
   #evil_presentational_div_2 {
     overflow : hidden; }
     
   .default #featured_about {
     float : left;
     width : 239px; padding-right : 12px; }
   .default #featured_donate {
     float : left;
     width : 235px; padding-right : 24px; }
   .default #featured_lottery {
     float : left;
     width : 225px; }
      
   #content_secondary {
     padding : 21px 21px 6px 21px; }

   #nav_main {
     position : absolute; top : 140px;
     display : block; height : 48px; width : 764px; padding-left : 15px;
     text-transform : lowercase; line-height : 48px; background : url(../images/nav_main.jpg) 0 0 no-repeat; }

   #site_info {
     display : block; width : 737px; height : 36px; padding : 75px 21px 0 21px;
     background : url(../images/site_info.jpg) 0 0 no-repeat; text-align : right; color : #fff; font-size : .916em; line-height : 1.3em; }
   
   .lottery .lottery_results,
   .default #evil_presentational_div_2 {
     clear : both; width : 779px; /* Safari needs the width set explicitly */
     padding : 12px 21px 21px 21px;
     background : #99837a url(../images/bg_highlight.jpg) 0 0 repeat-x; color : #fff; }
   
   .lottery .how_it_works,
   .default #nav_news {
     float : left;
     width : 226px; margin : 0 12px 0 21px; }
   .lottery .intro,
   .default #content_intro {
     float : right;
     width : 486px; margin : 0 21px 12px 12px; }
   .lottery .more {
     padding : 21px; }
   
/* =span */
   .contact label[for=usr_std_message] span {
     position : absolute; left : -999em;
     overflow : hidden; }
   
   #content_main label span {
     float : left;
     display : block; width : 11em; }
   
   #content_main .boolean label span,
   #content_main label.boolean span {
     width : auto; }
     
   address span {
     display : block; }
   
   .news h1 span {
     margin-left : 1em;
     font-size : .7em; }

   .lottery .lottery_results dt span {
     font-weight : bold; }
}