/*======================================================================
	*Author: Leonie Lindo
	*Project: NextFifteen Annual Report 2009
	*Description: Global Stylesheet layout code for: 
		= reset margins/paddings/borders
		= generic typography
		= #accessibility
		= Generic layout and presentaion
		= STRUCTURAL LAYOUT - #wrapper, #header, #nav, #content,
							  #primaryContent, #subnav, #breadcrumb,
							  #maincontent, #secondaryContent, #footer
		
		*Start date:19/10/2009
========================================================================*/
/*--------------------------------------------------------------------------------------------------
	= reset margins/paddings/borders
---------------------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; line-height:1;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
abbr,acronym { border:0;}

/*------------------------------------
	Prevent Firefox Scrollbar Jump
-------------------------------------*/
html{ overflow-y:scroll; }

/*------------------------------------------------------------------------------------------
	= generic typography
-------------------------------------------------------------------------------------------*/
h1 {font-size:2.2em; color:#8c6d4b; font-weight:normal; padding:0 0 23px 7px; margin-top:-6px; position:relative; z-index:10; border-bottom:1px solid #dfdfdf; } 
h2 {font-size:1.5em; font-weight:normal; padding-bottom:5px;}
h3 {font-size:1.4em; font-weight:bold;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em; font-weight:bold;}
h6 {font-size:1.0em;}

/*---------------------------------------------------------------------------------------------
	= #accessibility
----------------------------------------------------------------------------------------------*/
#accessibility { position:absolute; left:-1000px; overflow:hidden; top:-10px; padding:0; margin:0;  } 
#accessibility a em {font-style: normal; font-weight: normal; text-decoration:underline;}
#accessibility a:hover {text-decoration: underline;}
.hide {display:none}
.offscreen {position:absolute; top:-1000px; left:-1000px;}

object#atff {position:absolute; top:-1000px; left:-1000px;}

/*----------------------------------------------------------------------------------------------
	= Generic layout and presentaion
-----------------------------------------------------------------------------------------------*/
body {margin:0; padding:0; font:62.5% Arial, Helvetica, sans-serif; background:url(../images/bg-gradient.gif) top left repeat-x; color:#666666;}
/* using "font size 62.5%" sets 1.0em = 10px
	makes matching font-size and line-heights to designs simpler
	1.5em = 15px
*/
#top {padding:5px 0 20px 0; margin:0 ; position:absolute; top:-1000px; left:-1000px;}
.clear{clear:both;}

/*--------------
	= margins
---------------*/
.rmrg5 {margin-right:5px;}
.rmrg10 {margin-right:10px;}
.rmrg18 {margin-right:18px;}
.rmrg20 {margin-right:20px;}
.rmrg28 {margin-right:28px;}
.rmrg21 {margin-right:21px;}
.lmrg5 {margin-left:5px;}
.lmrg10 {margin-left:10px;}
.tmrg5 {margin-top:5px;}
.tmrg10 {margin-top:10px;}
.bmrg5 {margin-bottom:5px;}
.bmrg10 {margin-bottom:10px;}
.tmrg15 {margin-top:15px;}
.tmrg88 {margin-top:89px;}

/*--------------
	= padding
---------------*/
.lpdg-10 {padding-left:10px;}
.rpdg-10 {padding-right:10px;}

/*---------------
	= floats
----------------*/
.go-left {float:left;}
.go-right {float:right;}

/*-----------------
	= link style
------------------*/
a {	outline:none; text-decoration:none; /*color:#4e9fba;*/ color:#017ea8;}
a:hover {text-decoration:underline; color:#000;}
* :focus { outline: 0 none; }/*[THIS GETS RID OF THE DOTTED OUTLINE FROM AROUND ANY LINK ON FOCUS]*/
* :active {outline: 0 none; -moz-outline: 0 none;}/*[THIS GETS RID OF THE DOTTED OUTLINE FROM AROUND ANY LINK ON FOCUS ON OLDER FIREFOX AND MOZILLA BROWSERS]*/
a img {border:none;}

/*========================================= STRUCTURAL LAYOUT ===============================================*/
/*---------------------------------------------
	= #wrapper
-----------------------------------------------*/
#wrapper {width:100%; border-top:3px solid #4e9fba; float:left; }
#wrapperContent-wrap {width:970px; margin:0 auto; }
#wrapperContent{width:100%; float:left;}

/*---------------------------------------------
	= #header
----------------------------------------------*/
#header {width:962px; margin:0 0 0 0; float:left; }
#header-details{width:729px; float:left; position:relative;}
#logo {width:233px; float:left;}
#logo img.forPrint {display:none;}
#arTitle{width:200px; float:left; font-size:2em; color:#000; font-weight:normal; padding-top:10px; margin-left:118px;}
#header-links {width:239px; float:left; background:#fff; margin-left:5px;}
#header-links-bg {width:239px; float:left; background:url(../images/h-link-bg.gif) top left no-repeat #fff; height:5px}
#header-links ul { float:left; padding:7px 9px 7px 5px; border-left:1px solid #d7d7d7;}
#header-links ul li{width:auto; float:left; font-size:1.1em;}
#header-links ul li a{color:#666666; font-weight:bold; background:url(../images/sml-divider.gif) right  3px no-repeat; padding:0 5px 0 0;}
#header-links ul li a.lastlink{background:none; padding:0;}
#header-details #searchField{width:157px; background:#4e9fba; float:left; padding:3px 5px 0 5px}
#header-details #searchField-bg{width:167px; background:url(../images/search-bg.png) top left no-repeat; float:left; height:7px}
#header-details input {width:128px; float:left; padding:0; }
#header-details #searchBtn {width:18px; float:left; margin-left:5px; margin-top:1px;}
 /*.defaultText { width: auto; font-size:1.3em;}*/
#header-details .defaultTextActive { color:#666666;}
#header-details input#print{cursor:handler;}
/*--------------------------------------
	=#nav
--------------------------------------*/
#nav {width:729px; float:left; margin-top:22px;}
#nav ul {float:right; padding:6px 0 7px 0;}
#nav ul li{float:left; width:auto; font-weight:bold; margin-left:-2px;}
#nav ul li.lastitem{margin-right:0;}
#nav ul li.lastitem a{background:none;}
#nav ul li a{font-size:1.3em; padding:4px 10px 5px 11px; background:url(../images/nav-divider.gif) top right no-repeat; display:block;}
#nav ul li a span {}
#nav ul li a span:hover {background:#4e9fba; color:#fff; text-decoration:none;}
#nav ul li.active a span:hover {background:#4e9fba; color:#fff; text-decoration:none;}
#nav ul li a:hover{background:#4e9fba; color:#fff; text-decoration:none;}
#nav ul li.active a{background:#4e9fba; color:#fff; text-decoration:none;}

/*--------------------------------------
	= #content
	= #primaryContent
---------------------------------------*/
#content {width:970px; margin:0; float:left; font-size:1.2em;}
#primaryContent-wrap {width:818px; background:url(../images/content-top.png) top left no-repeat; float:left; padding-top:37px; position:relative; z-index:1; }
#primaryContent {background:url(../images/content-bg.png) top left repeat-y; float:left; width:783px; padding-left:35px;}
#primaryContent-btm {width:818px;  background:url(../images/content-btm.png) top left no-repeat; height:28px; float:left; padding-top:37px;}

/*--------------------------------------
	= #homeContent
---------------------------------------*/
#homeContent-wrap {width:981px; position:relative; left:-10px; float:left;}
#homeContent-top {width:981px; background:url(../images/home-top.png) top left no-repeat; height:37px; float:left;}
#homeContent {background:url(../images/home-bg.png) top left repeat-y; width:981px; height:auto; float:left;}
#homeContent-btm {width:981px;  background:url(../images/home-btm.png) top left no-repeat;  height:21px;float:left; }

/*--------------------------------------
	 = #subnav
--------------------------------------*/
#subnav {width:152px; float:left; margin-top:16px;}
#subnav ul li{padding:9px 0 9px 0;  border-bottom:1px solid #ccd0d1; font-weight:bold; font-size:1.1em; line-height:1.2; }
#subnav ul li a {color:#666666;}
#subnav ul li a:hover {color:#000;}
#subnav ul li.on a {color:#000;}
#subnav ul li.last {border-bottom:none;}
#subnav ul li a.on-link {color:#000;}
#subnav ul li a.on-link:hover {color:#000; text-decoration:none;}
#subnav ul li ul {margin:0; padding:0;}
#subnav ul li ul li{padding:9px 0 5px 0;  border-bottom:none; font-weight:bold; font-size:0.9em; text-indent:10px; }

/*----------------------------------
	= #breadcrumb
-----------------------------------*/
#breadcrumb {width:100%; float:left; padding-top:5px; padding-left:3px; height:2em;}
#breadcrumb ul {width:493px; float:left;}
#breadcrumb ul li{width:auto; float:left;  margin-right:2px; font-size:0.9em; }
#breadcrumb ul li a{}
#breadcrumb ul li a:hover{color:#000;}
#breadcrumb ul li.fwd-slash {color:#000;}
#breadcrumb #media-panel {width:252px; float:right; padding-right:27px; margin-top:-6px;}
#breadcrumb #media-panel ul {width:252px;}
#breadcrumb #media-panel ul li {width:auto; float:left; margin-right:0;}
#breadcrumb #media-panel ul li.rmrg5 {margin-right:5px;}

/*--------------------------------
	= #maincontent
----------------------------------*/
#mainContent {width:506px; float:left;}
#mainContent p {line-height:1.5; padding-bottom:20px;}
#mainContent.wide {width:755px; float:left;}

/*--------------------------------
	= #secondaryContent
----------------------------------*/
#secondaryContent {width:224px; float:right; padding-right:27px; }
#secondaryContent p {line-height:1.4;}
#secondaryContent.tmrg31{margin-top:31px;}

/*-----------------------------------
	= #footer
------------------------------------*/
#footer {width:962px; margin:0 0 50px 0; float:left;}
#footer h3{width:962px; border-bottom:1px solid #ccd0d1; color:#4b4c4c; margin:0 0 10px 0 ; padding:5px 0;}
#footer h4 {font-size:1.1em; font-weight:bold; color:#666666;}
#footer ul {width:158px; float:left;}
#footer ul li {padding-bottom:10px; width:158px; line-height:1.25;}
#footer ul li a { background:url(../images/ft-link.png) top left no-repeat; padding-left:15px; display:inline-block; color:#666666; font-size:0.95em;}
#footer ul.w243 {width:243px}
#footer ul.w243 li {width:243px;}
#footer ul.copyright {color:#000; padding-left:10px; width:233px; border-left:1px solid #dee2e3; }
#footer ul.copyright li {width:233px; }
#footer ul.copyright li a {background:none; padding-left:0; display:block;}
#footer ul.copyright li.copy {font-size:0.95em;}