/* @override http://localhost:8888/html/css/screen.css */

/*

	National Working Group for ACTTION by ERSKINE DESIGN
	VERSION 1.0
	
	CONTENTS ----------
	
	1.BODY
	2.DEFAULT STYLING
	3.HEADINGS
	4.LINKS
	5.LAYOUT
	6.BRANDING/MASTHEAD
	7.NAVIGATION
	8.HOMEPAGE
	9.INTERNAL BANNERS
	10.CONTENT PRI
	11.ARTICLE
	12.CONTENT SEC
	13.SITEINFO/FOOTER
	   
    -------------------
    
    COLOURS -----------
    
    dark blue #3C46A3
    dark blue:hover #132747
    
    orange #FF7C00
    orange:hover #d5551a
    
    -------------------
	
*/

@import url(reset.css); /* RESET CSS */
@import url(forms.css); /* FORMS CSS */



/* 1.BODY
---------------------------------------------------------------------- */

body { font:0.75em/1.5 verdana, sans-serif; /*12px*/ color:#1d1d1d; background-color:#FFFFFF; }
ul#nav_access { position:absolute; top:-9999px; left:-9999px; }

/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol { margin:0 0 1.4em 0; }

abbr { border-bottom:1px solid #ccc; cursor:help; }
del { color:#999; }
strong { font-weight:bold; }
em { font-style:italic; }
sup { font-size:0.75em; position:relative; top:-3px; }

table { margin-bottom:1.4em; width:100%; clear: both; }
th { font-weight:bold; color: #000; }
th, td { padding:4px 10px 4px 5px; }

small { font-size:10px; }

hr { display:none; }


/* 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; font-weight:bold; }


/* 4.LINKS
---------------------------------------------------------------------- */

a { color: #3C46A3; text-decoration:underline; }
a:hover { color:#132747; text-decoration:underline; }


/* 5.LAYOUT
---------------------------------------------------------------------- */

div#container { width:926px; margin:0 auto; background:url(../images/site/container/bg.gif) no-repeat 0 0; padding:0 18px; }

div#branding { background:#1E3666 url(../images/site/branding/banner_bg.jpg); height:96px; width:926px; color:#FFF; font-family:arial, helvetica, sans-serif;}

div#content_wrapper { margin-top:15px; background:url(../images/site/content_wrapper/bg.gif) repeat-y 0 0; overflow:hidden; clear:both; }

div#content_pri { width:575px; float:left; margin:0 0 20px 28px; }
div#content_sec { width:289px; float:right; }

div#siteinfo { clear:both; }

/* Internal pages specific */

body.internal div#content_pri { /*border-top:1px solid #DCDCDC;*/ /*padding-top:20px;*/ margin-top: -5px }
body.internal div#content_sec { margin-top:-134px; }


/* 6.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#branding { position:relative; margin-bottom:14px; overflow:hidden; }

div#branding h1 { height:65px; width:425px; position:absolute; left:28px; top:10px; text-indent:-9999em; font-size:0.3em; }
div#branding h1 a { display:block; height:65px; width:425px;}
div#branding p { text-indent:-9999em; font-size:0.3em; }

div#branding h2 { text-indent:-9999em; font-size:0.3em; position:absolute; top: 47px; right:56px; display:block; width:195px; height:36px; }
div#branding h2 a { display:block; width:195px; height:36px; }

div#branding div#search_site { position:absolute; right:37px; top: 6px; }

div#branding div#search_site form { display:inline; }
div#branding div#search_site label { font-weight:bold; padding-right:4px; position:relative; top:2px; }
div#branding div#search_site form input#searchField { width:157px; border:none; padding:2px; }
div#branding div#search_site form input#go { padding-left:4px; }

/* 7.NAVIGATION
---------------------------------------------------------------------- */

/* primary navigation */

ul#navigation_pri { float:left; font-size: 0.92em; /*11px*/ margin:0 0 12px 14px; line-height:1; text-transform:uppercase; font-weight:bold; }
ul#navigation_pri li { margin: 0; display: block; float:left; border-left:1px solid #E6E5EB;  }
ul#navigation_pri li a { color:#333; display: block; text-decoration: none; padding: 5px 13px; }
ul#navigation_pri li a:hover { color:#FF7D01; }
ul#navigation_pri li.first { border-left:none;  }
ul#navigation_pri li.cur a { color:#FF7D01; }

/* secondary navigation */

ul#navigation_sec { font-size: 0.92em; /*11px*/ margin:5px 0 0 0; line-height:1; float:right; overflow:hidden; }
ul#navigation_sec li { margin: 0; display: block; float:left; border-left:1px solid #3C46A3;  }
ul#navigation_sec li a { display: block; text-decoration: none; padding: 0px 10px 2px 10px; }
ul#navigation_sec li a:hover { text-decoration: underline; }
ul#navigation_sec li.first { border-left:none;  }


/* 8.HOMEPAGE
---------------------------------------------------------------------- */

div#home_intro { clear:both; background:#5c82b6 url(../images/site/home_intro/bg.gif) no-repeat 0 0; width:926px; height:198px; position:relative; overflow:hidden; color:#FFF; margin-bottom:20px; }
div#home_intro a { color:#FFF; }

div#home_intro div#home_intro_sub1 { position:absolute;  bottom:0; left:0; width:200px; padding:27px; font-size:17px; }
div#home_intro div#home_intro_sub1 p { margin-bottom:0; }
div#home_intro div#home_intro_sub1 p.more { margin-bottom:0; font-size:14px;  }

img#home_banner_img { position:absolute; top:0; left:260px; width:376px; height:198px; overflow:hidden; }

div#home_intro div#home_intro_sub2 { position:absolute; left:636px; top: 0; padding:17px; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:20px;}


/* 9.INTERNAL BANNERS
---------------------------------------------------------------------- */

div#banner { height:134px; width:636px; float:left; position:relative; font-size: 0.92em; /*11px*/ }

div#banner div#frame { background:url(../images/site/banner/frame.png) no-repeat 0 0; position:absolute; left:0; top:0; z-index:2; width:636px; height:128px; }

div#banner img { position:absolute; left:10; top:0; z-index:1; }

/* page options */


div#page_options_wrap { font-size: 0.92em; /*11px*/ border-bottom:1px solid #DCDCDC; position:relative; margin-bottom:20px; width:575px; }

div#content_pri div#page_options_wrap ol, div#content_pri div#page_options_wrap ul { margin:0; padding:0; background-image:none;}
div#content_pri div#page_options_wrap ol li, div#content_pri div#page_options_wrap ul li { margin:0; padding:0; background-image:none;}


div#content_pri div#page_options_wrap ol, div#content_pri div#page_options_wrap ul { margin:0; padding-bottom:5px; }
div#content_pri div#page_options_wrap ol a, div#content_pri div#page_options_wrap ul a { text-decoration:none; }
div#content_pri div#page_options_wrap ol a:hover, div#content_pri div#page_options_wrap ul a:hover { text-decoration:underline; }

div#content_pri div#page_options_wrap ol { display:block; width:400px; }
div#page_options_wrap ol li { display:inline; margin-right:2px;}
div#page_options_wrap ol li a { font-weight:bold; background:url(../images/site/banner/crumb_trail.gif) no-repeat right 4px; padding-right:12px; }

div#content_pri div#page_options_wrap ul { display:inline; position:absolute; right:0; top:0; }
div#content_pri div#page_options_wrap ul li { display:inline; }
div#content_pri div#page_options_wrap ul a { color:#333; text-decoration:none; }

div#content_pri div#page_options_wrap ul li#tell a span { background:url(../images/site/icons/tell.gif) no-repeat 0 0; display:block; width:25px; height:16px; text-indent:-9999em; float:left; padding-right:4px; }
div#content_pri div#page_options_wrap ul li#print { margin-left:10px; }
div#content_pri div#page_options_wrap ul li#print a { background:url(../images/site/icons/print.gif) no-repeat 0 0; padding-left:20px; padding-bottom:5px; }

img#print_branding { display: none; }



/* 10.CONTENT PRI
---------------------------------------------------------------------- */


/* headings */

div#content_pri h2, div#content_pri h3, div#content_pri h4, div#content_pri h5 { color:#1d1d1d; }

div#content_pri h2 { font-size:2em; /*24px*/ margin-bottom:0.6em; line-height:1.2; }
div#content_pri h2 span { color: #888; font-size: 75%; display: block;}
div#content_pri h3 { font-size:1.33em; /*16px*/ margin-bottom:0.4em; }
div#content_pri h4 { font-size:1.17em; /*14px*/ margin-bottom:0.4em; }
div#content_pri h5 { font-size:1.08em; /*13px*/ margin-bottom:0.4em; }


/* lists */

div#content_pri ol { list-style-type:decimal; }
div#content_pri ol li { margin-left:30px; }

div#content_pri ul {  }
div#content_pri ul li { margin-left:10px; background:url(../images/site/icons/bullet.gif) no-repeat 0 6px; padding-left:15px; margin-bottom: 0.5em; }


/* images */

div#content_pri img { margin-bottom:5px }
div#content_pri img.right { float:right; margin:5px 0 15px 15px; }
div#content_pri img.left { float:left; margin:5px 15px 15px 0; }


/* blockquotes */

div#content_pri blockquote { margin-left:30px; font:italic 1.08em/1.5 Georgia, "Times New Roman", Times, serif; /*13px*/ }


/* tables */

div#content_pri table { border:1px solid #ccc; border-collapse:collapse; font-size:0.92em; /*11px*/ }
div#content_pri table td, div#content_pri table th { border:1px solid #ccc; }
div#content_pri table th { border:1px solid #ccc; background-color:#5c82b6; color:#FFF; font-size:1.18em; /*13px*/ font-weight:bold; font-family:arial, helvetica, sans-serif; }



/* content_pri_sub1 and content_pri_sub2 */

div#content_pri_sub1 { width:270px; float:left; }
div#content_pri_sub2 { width:270px; float:right; }
div#content_pri_sub1 h3, div#content_pri_sub2 h3 { border-bottom:1px solid #CCC; padding:0 0 3px 0; font-size:14px; margin-bottom:0.5em; }


/* sitemap */

div#content_pri ul.sitemap { font-size:11px; }
div#content_pri ul.sitemap a { text-decoration:none; display:block;   }
div#content_pri ul.sitemap a:hover { text-decoration:underline; }

div#content_pri ul.sitemap li { font-weight:bold; margin:0;  background:none; padding:0; border-bottom: 1px solid #e0e0e0; padding-top:4px; padding-bottom:2px; }
div#content_pri ul.sitemap li ul { margin:5px 0 0 0; }
div#content_pri ul.sitemap li ul li { font-weight:normal; padding:4px 0 2px 25px; background:url(../images/site/icons/bullet.gif) no-repeat 10px 6px; border-top:1px solid #e0e0e0; border-bottom:0; }



/* 11.ARTICLE
----------------------------------------------------------------------*/ 

div#content_pri div.article { margin-bottom:1.8em; }

div#content_pri div.article h3 { font-size:1.25em; /*15px*/ }


/* 12.CONTENT SEC
---------------------------------------------------------------------- */

div#content_sec { border-left:1px solid #e0e0e0; }

div.content_sec_inner { padding:0 17px; }

div#content_sec h3 { border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; font-weight:bold; font-size:1.17em; /*14px*/ padding:4px 17px; background:url(../images/site/gradients/blue-white.gif) repeat-y 0 0; margin-bottom:1em; position:relative; }
div#content_sec h3 span.rss_link { font-size:0.71em; /*10px*/ margin-top:3px; position:absolute; top:5px; right:10px; }
div#content_sec h3 span.rss_link a { text-decoration:none; color:#FF7C00; background:url(../images/site/icons/rss.gif) no-repeat right 0; padding-right:17px; display:block; }
div#content_sec h3 span.rss_link a:hover { text-decoration:underline; color:#d5551a; }

div#content_sec ol li { margin-bottom:1em; }

div#content_sec a { color:#FF7C00; }
div#content_sec a:hover { color:#d5551a; }

div#content_sec small { text-transform: uppercase; color: #333; }


/* ter nav */



div#content_sec ul#navigation_ter, div#content_sec ul#briefings { font-size:13px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;  background:url(../images/site/content_sec/nav_ter_bg.gif) no-repeat right 0; }

div#content_sec ul#navigation_ter li, div#content_sec ul#briefings li { border-bottom: 1px solid #E0E0E0; }
div#content_sec ul#navigation_ter li a, div#content_sec ul#briefings li a { text-decoration:none; color:#3C46A3; display:block; padding:2px 0 2px 17px;  }
div#content_sec ul#navigation_ter li a:hover, div#content_sec ul#briefings li a:hover { background-color:#f1f1f1; background-image:none; }

div#content_sec ul#navigation_ter li a.on, div#content_sec ul#navigation_ter li li.first a.on, div#content_sec ul#navigation_ter li li.first a.on:hover { background:url(../images/site/content_sec/nav_ter_cur.png) repeat-y 0 0 !important; }
div#content_sec ul#navigation_ter li a.on span { color:#1d1d1d; background:url(../images/site/icons/arrw1.gif) no-repeat 0 6px; display: block; margin-left: -8px; padding-left: 8px; }

/* first items */
div#content_sec ul#navigation_ter li.first a.on, div#content_sec ul#navigation_ter li.first a.on:hover { background:url(../images/site/content_sec/nav_ter_first_cur.png) no-repeat 0 0 !important; }

div#content_sec ul#navigation_ter li.first a:hover { background:url(../images/site/content_sec/nav_ter_first_hover.gif) repeat-y 0 0; }

div#content_sec ul#navigation_ter li ul li.first a:hover, div#content_sec ul#navigation_ter li ul li ul li.first a:hover { background-image:none !important; background-color:#f1f1f1; }

/* second level */

div#content_sec ul#navigation_ter ul, div#content_sec ul#briefings ul { font-size:1em; font-weight:normal; margin:0; }
div#content_sec ul#navigation_ter ul li, div#content_sec ul#briefings ul li { border-top:1px solid #E0E0E0; border-bottom:none; }
div#content_sec ul#navigation_ter ul li a, div#content_sec ul#briefings ul li a { padding-left: 35px; }

/* third level */

div#content_sec ul#navigation_ter ul li ul li a, div#content_sec ul#briefings ul li ul li a { padding-left: 45px;}

/* second and third level */


div#content_sec ul#navigation_ter li.first ul li a:hover, div#content_sec ul#navigation_ter li.first ul li ul li a:hover { background-color:#f1f1f1 !important; background-image:none !important;  }

div#content_sec ul#navigation_ter li.first ul li a.on, div#content_sec ul#navigation_ter li.first ul li a.on:hover, div#content_sec ul#navigation_ter li.first ul li ul li a.on, div#content_sec ul#navigation_ter li.first ul li ul li a.on:hover { background:url(../images/site/content_sec/nav_ter_cur.png) repeat-y 0 0 !important; }



/* 13.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#siteinfo { border-top:1px solid #E0E0E0; font-size:0.92em; /*11px*/ color:#666666; padding:10px 0 30px 0; text-align:center;}

div#siteinfo a { color:#666666; text-decoration:none; }
div#siteinfo a:hover { color:#4d4d4d; text-decoration:underline; }

div#siteinfo p { display:inline;  }

div#siteinfo ul { padding-left:90px;  }
div#siteinfo ul, div#siteinfo ul li { display:inline;  }
div#siteinfo ul li { display:inline; border-left:1px solid #888; padding:0 4px 0 8px; }
div#siteinfo ul li:first-child, div#siteinfo ul li.first { border-left:0; }


/* 14.MONTHLY BRIEFING ADDITIONS
----------------------------------------------------------------------*/ 

div#content_pri div.briefing_overview { margin-top:2em; border-bottom:1px solid #DDDDDD; }


div#content_pri div.briefing_overview h4 { font-weight:normal; font-family:verdana, sans-serif; font-size:12px !important; margin-bottom:1em; }
div#content_pri div.briefing_overview h4 strong { font-weight:bold; }
div#content_pri div.briefing_overview h4 a { color:#000; text-decoration:none; }
div#content_pri div.briefing_overview h4 a:hover { text-decoration:underline; }

div#content_pri div.briefing_overview div.briefing_overview_title { overflow:hidden; background:#D1DCEA url(../images/site/gradients/blue-white.gif) repeat-y right 0; position:relative; left:-10px; padding:4px 10px 4px 10px; width:575px; margin-bottom:1em; }
div#content_pri div.briefing_overview_title a { color:#FF7C00; text-decoration:none; }
div#content_pri div.briefing_overview_title a:hover { color:#d5551a; text-decoration:underline; }

div#content_pri div.briefing_overview_title h3 { float:left; width:400px; font-size:15px; }
div#content_pri div.briefing_overview_title h3 a { color:#000; text-decoration:none; }
div#content_pri div.briefing_overview_title h3 a:hover { color:#000; }


div#content_pri div.briefing_overview_title p { float:right; width:150px; text-align:right; font-size:10px; font-family: Arial, Helvetica, Geneva, sans-serif; text-transform:uppercase; font-weight:bold; margin-top:4px; margin-bottom:0;  }
div#content_pri div.briefing_overview_title p a { padding-right:10px; padding-top:5px;}
div#content_pri div.briefing_overview_title p a.rss_link { text-decoration:none; color:#FF7C00; background:url(../images/site/icons/rss.gif) no-repeat right bottom;  padding-left:10px; padding-right:17px;  }
div#content_pri div.briefing_overview_title p a.rss_link:hover { color:#d5551a; text-decoration:underline; }

div#content_pri div.readmore_links a { color:#FF7C00; text-decoration:underline; padding-top:1px; }
div#content_pri div.readmore_links a:hover { color:#d5551a; text-decoration:underline; }

div#content_pri div.readmore_links { margin-bottom:1em; clear:both; overflow: hidden; }
div#content_pri div.readmore_links p { display:inline; font-weight:bold; float: left;}
div#content_pri div.readmore_links p.see_comments { float:right; }

div#content_pri div.readmore_links p.readmore a { background:url(../images/site/icons/article.gif) no-repeat 0 0; padding-left:20px; padding-right:10px; }
div#content_pri div.readmore_links p.view_ref a { background:url(../images/site/icons/external_light.gif) no-repeat 0 0; padding-left:20px; }
div#content_pri div.readmore_links p.external_link a { background:url(../images/site/icons/external.gif) no-repeat 0 0; padding-left:20px; }

/*email_signup*/

form#email_signup { margin-bottom:1.5em; }
form#email_signup label { display:block; width:90px; float:left; text-align:right; font-size: 11px; }
form#email_signup input { display:block; width:150px; float:right; background-color:#EEEEEE; }
form#email_signup p { clear:both; overflow:hidden; margin-bottom:5px; }
form#email_signup input#subscribe { width:auto; height:auto; text-align:left; }


/* Monthly briefing detail */

div#content_pri div.briefing_detail_title { overflow:hidden; }
div#content_pri div.briefing_detail_title h2 { width:400px; float:left; margin-bottom: 10px; }
div#content_pri div.briefing_detail_title p { width:170px; float:right; text-align:right; margin-top:10px;}
div#content_pri div.briefing_detail_title p a { color:#FF7C00; }
div#content_pri div.briefing_detail_title p a:hover { color:#d5551a; }
div#content_pri div.briefing_article p small { font-size:11px; margin-top: 10px; display:block; clear: both;}