/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   
   FILE INFO
   Revision number:  alpha
   Last updated:     05/04/2006
   Last updated by:  Matt Wilcox
-------------------------------------------------------------------------------------------------------------------------- */

@import url(screen_extended.css); /* Browser specific CSS enhancements */

@media all { /* hide CSS from IE Mac */

/* =universals */
   *                                     { 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 { font: 75%/160% Verdana, "Times New Roman", sans-serif; color: #444; background: #edf2eb url(/images/html.png) repeat-x 0 0; }
   body {  }

/* =hx */
   h1, h2, h3, h4, h5, h6 { margin-bottom : .75em; line-height : 1.3em; color : #8b998a; font-weight : normal; }

/* =h1 */
   h1 { position : absolute; left : -999em; overflow : hidden; }

/* =h2 */
   h2           { font-size : 160%; }
   #nav_main h2 { position : absolute; left : 20px; top : 47px; display : block; width : 309px; height : 65px; background : url(/images/nav-main_h2.png) no-repeat 0 0; }

/* =h3 */
   h3               { font-size : 150%; }
   #nav_supp h3     { margin-bottom : .25em; display : block; width : 240px; height : 58px; text-indent : -999em; overflow : hidden; }
   #nav_legislation { background : url(/images/h3_legislation.png) no-repeat 0 0; }
   #nav_services    { background : url(/images/h3_services.png) no-repeat 0 0; }
   #nav_contact-us  { background : url(/images/h3_contact-us.png) no-repeat 0 0; }
   
/* =h4 */
   h4 { font-size : 140%; }
   form h4 { font-size : 120%; font-weight : normal; }

/* =p */
   p               { font-size : 100%; }
   p.accessibility { position : absolute; left : -999em; overflow : hidden; }
   #site_context p { position : absolute; left : -999em; overflow : hidden; }
   .default #content_main > p:first-child { padding : 10px 20px 0 20px; font-size : 110%; background : #fff url(/images/p_intro_top.png) no-repeat 0 0; }
   .default #content_main > p:first-child:after { content : url(/images/p_intro_bottom.png); display : block; margin : 0 0 0 -20px; }
   p.author { font-style : italic; }

/* =blockquote */
   blockquote { padding-left : 10px; border-left : 5px solid #BCCCB8; }

/* =strong =b =em =i */
   strong { font-weight : bold; }
   b      { font-weight : bold; }
   em     { font-style : italic; font-weight : normal; }
   i      { font-style : italic; }
   label em { font-style : normal; font-weight : bold; color : #f66; }
   
/* =abbr =acronym */
   abbr,
   acronym { cursor : help; }

/* =address */
   address      { font-style : normal; }
   form address { margin-left : 0; }
   address span { display : block; }

/* =dl =dt =dd */
   dl {  }
   #nav_supp dl { list-style-type : none; padding:0 0 0 10px; }
   #nav_supp dt { margin-top : 1em; font-weight : bold; color : #9d998a; }
   #nav_supp dd { margin-bottom : 0; }

/* =ul */
   #nav_main ul { position : absolute; top : 52px; left : 457px; display : block; width : 292px; height : 35px; list-style-type : none; background : url(/images/nav_main.png) no-repeat 0 0; }
   #nav_supp ul { list-style-type : none; padding : 0 10px 1em 10px; }

/* =ol */
   ol {  }

/* =li */
   #nav_main li { display : inline; }
   #nav_supp li { padding : .25em 0; }

/* =img */
   img, img a { border : none; }
   #content_main img { float : left; clear : left; margin-right : 10px; border : 3px solid #8b998a; }

/* =hr */
   hr { display : none; }

/* =a */
   a:link    { color : #444; text-decoration : underline; }
   a:visited { color : #444; text-decoration : underline; }
   a:hover   { color : #444; text-decoration : underline; background-color : #d3e5b8; }
   a:focus   { outline : 0; background-color : #d3e5b8; }
   a:active  { color : #444; text-decoration : underline; }

   #nav_main h2 a        { display : block; width : 100%; height : 100%; text-indent : -999em; overflow : hidden; }
   #nav_main h2 a:hover,
   #nav_main h2 a:focus  { background : url(/images/nav-main_h2.png) no-repeat 0 -65px; }
   
   #nav_main ul a { float : left; height : 35px; text-indent : -999em; overflow : hidden; }
   
   #nav_home a    { display : block; width : 83px; margin-right : 15px; }
   #nav_about a   { display : block; width : 83px; margin-right : 15px; }
   #nav_contact a { display : block; width : 96px; }
   
   #nav_home a:hover,
   #nav_home a:focus     { background : url(/images/nav_main.png) no-repeat 0 -35px; }
   #nav_about a:hover,
   #nav_about a:focus    { background : url(/images/nav_main.png) no-repeat -98px -35px; }
   #nav_contact a:hover,
   #nav_contact a:focus  { background : url(/images/nav_main.png) no-repeat -196px -35px; }
   
   #nav_home a:active    { background : url(/images/nav_main.png) no-repeat 0 -70px; }
   #nav_about a:active   { background : url(/images/nav_main.png) no-repeat -98px -70px; }
   #nav_contact a:active { background : url(/images/nav_main.png) no-repeat -196px -70px; }
   
   #site_info a { color : #8b998a; }

/* =table */
   table { border-collapse : collapse; }

/* =caption */
   caption {  }

/* =thead */
   thead {  }

/* =th */
   th {  }

/* =td*/
   td {  }

/* =form */
   form { padding-top : 1em; }

/* =fieldset */
   fieldset { border : 0px solid #fff; margin-bottom : 1em; padding : 1em; background : #fff; overflow : hidden; }

/* =legend */
   legend { font-weight : bold; color : #444; }

/* =label */
   label      { margin-bottom : .75em; }
   label,
   label span { display : block; font-weight : normal; }

/* =input */
   input:focus,
   textarea:focus { background-color : #d3e5b7; }
   #content_main input          { width : 483px; padding : 1px; border : 1px solid #c8c8c8; }
   #content_main .boolean input { float : left; width : auto; margin : 0 .5em 0 0; padding : 0; }

/* =textarea */
   textarea { font: 100%/160% Verdana, "Times New Roman", sans-serif; color: #444; width : 483px; height : 200px; padding : 1px; border : 1px solid #c8c8c8; }

/* =select */
   select {  }

/* =submit */
   #content_main input.submit { width : auto; cursor : pointer; }
   #content_main input.submit:hover { border-color : #8a9099; }

/* =div */
   #container     { position : relative; width : 770px; margin : 0 auto; text-align : left; }
   #site_context  { display : block; width : 770px; height : 135px; margin-bottom : 20px; background : url(/images/site-context.png) no-repeat 0 100%;}
   #content       { float : left; width : 510px; margin-bottom : 10px; }
   #nav_main      { position : static; top : 0; /* position : static; top : auto; left : auto; */ }
   #nav_supp      { float : right; width : 240px; margin-bottom : 10px; }
   #site_info     { clear : both; height : 74px; border-top : 1px solid #8a9099; padding-top : 10px; margin-top : 10px; color : #aaa; background : url(/images/site-info.png) no-repeat 100% 50%; }
   form div { text-align : center; }

   #nav_login     { position:absolute; right:23px; top:98px; }
   #nav_login a { color:#FFFFFF; }
}