/*
Title:      TSA master styles
Author:     Mark Croxton, mcroxton@hallmark-design.co.uk
Updated:    Sept 2005
*/

/* ---[ typography ]-------------------------- */

body {
	font-family: Verdana, Helvetica, Arial, sans-serif, "MS sans serif";
	color: #333;
	font-size: 75%;
	}
	
h2, h3, h4, h5, h6, blockquote, #contentbody p.intro { 
	font-family: Verdana, Helvetica, Arial, sans-serif, "MS sans serif";
 	}
		

h1 {
	font-size: 175%; /* approx 21pt */
	font-family: "Times New Roman", Times, serif;
	}

h2 {
	font-family: Helvetica, Arial, sans-serif, "MS sans serif";
	font-size: 175%; /* approx 21pt */
	font-weight: lighter;
	}
	
h2.longtitle {
	font-size: 142%; /* approx 17pt */
	}
	
h3 {
	font-size: 117%; /* approx 14pt */
	font-weight: bold;
	}
	
h4, h5, h6 {
	font-size: 100%; /* approx 12pt */
	font-weight: bold;
	}

p, input, select, label, ul, ol, img {
	font-size: 100%; /* approx 12pt */
	}
	
font {
	font-size: 12px;
}

sup {
	margin-top:0em;
	padding:0;
	line-height: 0; /* for safari */
}

/* default link formatting */			
a, a:link { color: #0085AC; text-decoration: underline; }
a:visited { color: #0085AC; }	
a:focus { color: #000000; }	
a:hover { color: #000000; }
a:active { color: #360600; }

small {
	font-size: 92%;  /* approx 11pt */
	}	

em, #contentbody p em, i {
	font-style: italic;
	color: #000000;
	display: inline;
	}

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }

a abbr {
	border:none;
}
  

/* ---[ layout ]------------------------------ */

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #000;
	background: #fff url(../img/bg.gif) repeat-x 0px 84px;
	}

#container {
	position: absolute;
	width: 750px;
	margin: 84px 0 0 0;
	padding: 0px;
	background: #ffffff url(../img/bg_leftcol.gif) bottom left repeat-y;
	}

#masthead {
	position: absolute;
	width: 750px;
	height: 84px;
	padding: 0px;
	margin-bottom: 0px;
	}

#content {
	padding: 0px 0px 0px 0px;
	margin-left: 0;
	float: left;
	width: 444px;
	}
	
#contentbody {
	margin: 15px 0 0 0;
	padding: 0px 0px 15px 15px;
	color: #333;
	width: 429px;
	}
	
/* hack for ie */	
* html #contentbody {
	overflow: hidden; /* fix for content width bugs for ie5 */
    o\verflow: visible; /* fix for for ie5.5+ */
	height: 1%; /* holly hack */
	width: 444px; /* false values for ie5.x-Win */
  	w\idth: 429px; /* correct values for ie5.x/Mac and ie6/Win */
}

#nav {
	float: left;
	width: 306px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	}
	
#footer {
	/* Hide from ie5/Mac because 'clear' is incorrectly inherited by child elements \*/
	clear: left;
 	/* End hide from ie5/Mac */
	position: relative;
	display: block;
	width: 424px;
	margin: 0px;
	padding: 7px 5px 7px 321px;
	background: #eeeeee url(../img/footer_bg.gif) no-repeat;
}

/* hack for ie */	
* html #footer {
	width: 750px; /* false values for ie5.x-Win */
  	w\idth: 424px; /* correct values for ie5.x/Mac and ie6/Win */
	}

/* hack for mac ie5 bug where 'clear' is inherited into floated elements from the parent element */
/* Apply 'clear' to a proceeding div for mac ie5 only */				
.macieClearFix {
	/*\*//*/
	clear: both;
	/**/
	/* Hide from ie5/Mac \*/
	height: 0px;
	width: 0px;
	overflow: hidden;
	display: none;
 	/* End hide from ie5/Mac */
}
	
#footer2 {
	position: relative;
	display: block;
	width: 685px;
	margin: 0;
	padding: 0px 0px 0px 65px;
	background-color: white;
	height: 35px;
}

/* hack for ie */	
* html #footer2 {
	width: 750px; /* false values for ie5.x/Win */
  	w\idth: 685px; /* correct values for ie5.x/Mac and ie6/Win */
	}	

/* ---[ masthead ]---------------------------- */

/* search form */
#masthead form {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 0px;
	padding-bottom: 16px;
	width: 444px;
	text-align: right;
	font-size: 92%;
	}
	
/* view cart */
#masthead form p {
	color: #999999;
	line-height: 100%;
	vertical-align: middle;
	margin:0;
	padding:0;
	}

#masthead form p a {
	text-decoration:none;
	padding-left: 29px;
	background: #fff url(../img/cart.gif) no-repeat;
	color: #666666;
	font-weight:bold;
	}

/* hack for ie */	
* html #masthead form p a {
	height:1%; /* false values for ie5.x/Win */
  	he\ight:auto; /* correct values for ie5.x/Mac and ie6/Win */
	}		

#masthead form p a:link {
	text-decoration:none;
	color: #666666;
	}
	
#masthead form p a:hover {
	text-decoration:none;
	color: #000000;
	}
	
/* hide on all pages except publications */		
#masthead form p {
	display:none;
}

body#publications #masthead form p {
	display:inline;
}
	
#masthead input {
	margin: 0;
}

#masthead input.button {
	width: auto;
}
	
#masthead input.search {
	margin: 0em 0.3em 0em 0em;
	width: 8.3em;
	}
/* hide from ie */
html>body #masthead input.search {
	padding: 0.3em;
}		
	
#masthead form label {
	color: #333333;
	line-height: 100%;
	vertical-align: middle;
	margin:0;
	padding:0;
	}

/* Logo - uses image replacement */
#masthead h1 span{
	width: 306px;
	height: 84px;
    background: url(../img/tsa_logo_txt.gif) no-repeat;
	}

#masthead h1 {
	padding: 19px 65px 0 65px;
	margin: 0;
	width: 176px;
	height: 65px;
	color: #fff;
	background-color: #0085AC;
	font-weight: normal;
	}

#masthead h1 a:link, 
#masthead h1 a:visited,
#masthead h1 a:focus,
#masthead h1 a:hover,
#masthead h1 a:active {
	color: #fff;
	text-decoration: none;
}	

/* hack for ie */	
* html #masthead h1 {
  	width: 306px; /* false value for ie5.x/Win */	
	height: 84px;
  	w\idth: 176px; /* correct value for ie5.x/Mac and ie6/Win */
	he\ight: 65px;
	}
	
/* ---[ navigation ]-------------------------- */

#nav img {
	display: block;
	width: 50px;
	height: 187px;
	padding: 0px;
	margin: 0px;
	float: left;
	}

/* hack for ie5.x/Win bug which adds 3px to left and right margins of floated images */	
* html #nav img {
	margin: 0 -3px 0 -3px; /* false values for ie5.x/Win */
  	ma\rgin: 0;  /* correct values for ie5.x/Mac and ie6/Win */
	}

#globalNav, #globalNav dd,  #globalNav dt, #globalNav ul, #globalNav ul li {
	margin: 0px;
	padding: 0px;
	}

#globalNav dt {
	height: 0px;
	width: 0px;
	overflow: hidden;
	display: none;
	}

#globalNav dd ul {
	margin: 0;
	padding: 22px 0 0px 0;
	list-style: none;	
	float: left;
	line-height: 100%;
	font-size: 92%;
	font-weight: bold;
	}

#globalNav dd ul li {
	display: block;
	padding: 0;
	margin: 0;
	}	

/* 
Unknown bug causes 15px left padding on <li> for ie5.x/win.
It is NOT related to 15px padding on <a>, or the usual float problems with the adjacent <img> for which I have already compensated
May be falsely inheriting value from somewhere else, or might be ie 'text jog' bug variant...
*/
   
/* hack for ie - hide from mac ie \*/	
* html #globalNav dd ul li {
	margin-top: -1px;
	margin-left: -15px;
	ma\rgin-left: 0px;
	}
/* end hide */	

#globalNav ul li a {
	display: block;
	width: 229px; /* 246-17 for padding */
	padding: 3px 2px 3px 15px;
	margin: 0px;
	text-decoration: none;
	}

/* hack for ie */	
* html #globalNav ul li a {
	width: 246px; /* false values for ie5.x/Win */
  	w\idth: 229px;  /* correct values for ie5.x/Mac and ie6/Win */
	}
	
#globalNav ul li a:link {
	color: rgb(128,128,128);
}

#globalNav ul li a:visited {
	color: rgb(128,128,128);
}	

#globalNav ul li a:focus {
	color: #000000;
	background: url(../img/nav_bg.gif) no-repeat 0px 3px;
	}	

#globalNav ul li a:hover {
	color: #000000;
	background: url(../img/nav_bg.gif) no-repeat 0px 3px;
	}

#globalNav ul li a:active	{
	color: #0085AC;
	}

body#nav1 li#g1 a, 
body#nav2 li#g2 a,
body#nav3 li#g3 a,
body#nav4 li#g4 a,
body#nav5 li#g5 a,
body#nav6 li#g6 a,
body#nav7 li#g7 a,
body#nav8 li#g8 a,
body#nav9 li#g9 a{
	color: #333;
	font-weight: bold;
	background: url(../img/nav_bg.gif) no-repeat 0px 3px;
	}


/* Local nav definition list */
div.localNav {
	clear: left;
	padding: 0;
	margin: 0;
	width: 306px;
	background-color: #F2F2F2;
	}

div.localNav dl, div.localNav form {
	background-color: #F2F2F2;
	padding: 0px 0px 15px 0px;
	margin: 0;
	}

/* Section heading */
div.localNav dt.sectionHeading, div.localNav h2 {
	display: block;
	height: 26px;
	padding: 17px 0px 0px 65px;
	margin: 0px 0px 15px 0px;
	background: #B2B2B2;
	font-family: Verdana, Helvetica, Arial, sans-serif, "MS sans serif";
	font-size: 100%;
	font-weight: bold;
	color: #4E4E4E;
	}	

/* hack for ie */	
* html div.localNav dt.sectionHeading, * html div.localNav h2 {
	height: 43px; /* false values for ie5.x/Win */
  	he\ight: 26px; /* correct values for ie5.x/Mac and ie6/Win */
	}
	
/* search form */
div.localNav form div {
	padding: 0px 0px 0px 65px;
	margin: 10px 0px 2px 0px;
	}
	
div.localNav form label {
	display: block;
	margin: 0 0 3px 0;
	}	
	
div.localNav form input, div.localNav form select {
	margin: 0 0 8px 0;
	width: 210px;
	}
	
div.localNav form input.button {
	width: auto;
	}
	
* html div.localNav form input.button {
	padding-left: 2px;
	padding-right: 2px;
}		
	
div.localNav dt.sectionHeading a:link, div.localNav h2 a:link,
div.localNav dt.sectionHeading a:visited, div.localNav h2 a:visited {
	color: #eee;
}

/* Item headings */
div.localNav dt, div.localNav h3 {
	padding: 0px 0px 0px 65px;
	margin: 10px 0px 2px 0px;
	font-size: 100%;
	color: #0085AC;
}
	
div.localNav h3 {
	margin: 0 0px 0 0px;
	font-size: 92%;
	color: #333333;
}

/* whats new box */	
.localNav p {
	margin: 0 15px 0 65px;
	padding: 0 0 10px 0;
	font-size: 92%;
	color: #424242;
}	

div.localNav dd {
	margin: 0;
	padding: 0;
}

div.localNav dd ul {
	float: none;
	padding: 0px 0px 0px 65px;
	margin: 0px 0px 0px 0px;
	line-height: 110%;
	font-size: 92%;
	font-weight: normal;
	list-style: none;
}
	
div.localNav dd ul li {
	display: block;
	margin: 0;
	padding: 0;
	color: #424242;
}

div.localNav dd ul li a {
	display: block;
	margin: 0px;
	padding: 3px 0px 5px 10px;
	width: 231px;
	text-decoration: none;
	background: url(../img/link_bg.gif) no-repeat 0px 3px;
	}
	
div#local0 dd ul li#l0 a,
div#local1 dd ul li#l1 a,
div#local2 dd ul li#l2 a,
div#local3 dd ul li#l3 a,
div#local4 dd ul li#l4 a,
div#local5 dd ul li#l5 a,
div#local6 dd ul li#l6 a,
div#local7 dd ul li#l7 a,
div#local8 dd ul li#l8 a,
div#local9 dd ul li#l9 a,
div#local10 dd ul li#l10 a,
div#local11 dd ul li#l11 a,
div#local12 dd ul li#l12 a,
div#local13 dd ul li#l13 a,
div#local14 dd ul li#l14 a,
div#local15 dd ul li#l15 a,
div#local16 dd ul li#l16 a{
	color: #000;
	background: url(../img/link_black.gif) no-repeat 0px 3px;
	}
	
/* hack for ie */	
* html div.localNav dd ul li a {
	width: 241px; /* false values for ie5.x/Win */
	padding-bottom:2px;
  	w\idth: 231px; /* correct values for ie5.x/Mac and ie6/Win */
  	padd\ing-bottom:3px;
	}
	
div.localNav dd ul li a:link {
	color: #424242;
	text-decoration: none;
	}
	
div.localNav dd ul li a:visited {
	color: #424242;
	}
	
div.localNav dd ul li a:focus {
	color: #000000;
	background: url(../img/link_bg_on.gif) no-repeat 0px 3px;
	}			
	
div.localNav dd ul li a:hover {
	color: #000000;
	background: url(../img/link_bg_on.gif) no-repeat 0px 3px;
	text-decoration: none;
	}

div.localNav dd ul li a:active {
	color: #0085AC;
	}
	
/* more button - homepage */
div.localNav a.moreNeg {
	padding-right: 15px;
	background: url(../img/link_lightgrey.gif) no-repeat 100% 2px;
} 

div.localNav a.moreNeg:link, div.localNav a.moreNeg:visited {
	text-decoration:none;
} 

div.localNav a.moreNeg:hover {
	color: #fff;
	text-decoration:none;
	padding-right: 15px;
	background: url(../img/link_white.gif) no-repeat 100% 2px;
}

/* back button */
div.localNav dt.sectionHeading a.gobackNeg {
	padding-left: 10px;
	background: url(../img/link_left_grey.gif) no-repeat 0 2px;
} 

div.localNav dt.sectionHeading a.gobackNeg:link,
div.localNav dt.sectionHeading a.gobackNeg:visited {
	text-decoration:none;
} 

div.localNav dt.sectionHeading a.gobackNeg:hover {
	color: #fff;
	text-decoration:none;
	padding-left: 10px;
	background: url(../img/link_left_white.gif) no-repeat 0 2px;
}

/* ---[ content ]----------------------------- */
	
#content #sectionimg {
	width: 444px;
	height: 187px;
	display: block;
	background: #eeeeee;
	margin: 0px;
	padding: 0px;
	}

/* catalogue navigation button */	
#content #catNav div {
	position: absolute;
	top:187px;
	right: 0px;
	height: 43px;
}

#content #catNav div a {
	display: block;
	background: #737373 url(../img/bg_cart.gif) no-repeat 0px 0px;
	border: 2px solid rgb(128,128,128);
	border-bottom: 2px solid rgb(28,28,28);
	border-right: 2px solid rgb(28,28,28);
	color: white;
	font-size: 92%;
	font-weight: bold;
	padding: 5px 7px 5px 33px;
	margin: 9px 10px 0 0;
	text-decoration: none;
	}
#content #catNav div a:active {
	border: 2px solid rgb(28,28,28);
	border-bottom: 2px solid rgb(128,128,128);
	border-right: 2px solid rgb(128,128,128);
	}
	

/* headings */
#content h2 {
	display: block;
	width: 429px;
	height: 41px;
	padding: 2px 0px 0px 15px;
	margin: 0px;
	color: #FFFFFF;
	line-height: 41px;
	background: rgb(88,88,88) url(../img/squares_bg.gif) no-repeat right;
	}

/* hack for ie */	
* html #content h2 {
	width: 444px; /* false values for ie5.x/Win */
	height: 43px;
  	w\idth: 429px; /* correct values for ie5.x/Mac and ie6/Win */
  	he\ight: 41px;
	}	

/* shopping basket */	
#content h2#shopping_basket {
	background: rgb(88,88,88) url(../img/bg_cart.gif) no-repeat left;
	padding-left: 51px;
	width: 393px;
	}
	
/* hack for ie */	
* html #content h2#shopping_basket {
	width: 444px; /* false values for ie5.x/Win */
  	w\idth: 393px; /* correct values for ie5.x/Mac and ie6/Win */
	}
	
p.navbar {
	padding: 5px 0 6px 15px;
	margin:0;
	display: block;
	width: 429px;
	background-color: rgb(255,239,226);
	font-size: 84%;
	color: #6EB16E;
}

/* hack for ie */	
* html p.navbar {
	width: 444px; /* false values for ie5.x/Win */
  	w\idth: 429px; /* correct values for ie5.x/Mac and ie6/Win */
	}

p.navbar a {  
	text-decoration: none; 
}

p.navbar a:visited {  
	color: #0085AC;
}

p#bar1 a#b1,
p#bar2 a#b2,
p#bar3 a#b3,
p#bar4 a#b4,
p#bar5 a#b5,
p#bar6 a#b6,
p#bar7 a#b7, 
p#bar8 a#b8 {
	color: black;
}		

#content #catNav h2 {
	background-image: none;
	}		

#contentbody h3 {
	display: block;
	margin: 0 0 1em 0;
	padding: 0;
	color: #0085AC;
	}
	
#contentbody h3.section {
	display: block;
	color: #333333;
	font-size: 92%;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px dashed #999999;
	font: bold 10px Arial, sans-serif; 
	letter-spacing: 2px;
	margin-top:0;
	}	

#contentbody .no-spaceafter {
	margin-bottom: -0.75em;
	}

#contentbody .no-space {
	margin: 0;
	}			

#contentbody h4 {
	margin:  0.75em 0 -0.75em 0;
	padding: 0;
	color: #333333;
	}

h4 span {
	font-weight: normal;
}	
	
#contentbody h5 {
	margin:  1.5em 0 -0.75em 0;
	padding: 0;
	color: #0085AC;
	font-style: italic;
	}	
	
#contentbody ul + h5 { 
	margin-top: 0.75em;
} 

h6 {
	margin:  1.5em 0 -0.75em 0;
	padding: 0;
	color: #333;
	font-style: italic;
	}	

/* paragraph formatting */

/* crumb trail */
#contentbody p.crumbtrail {
	margin: 0 0 1.2em 0;
	padding: 0;
	font-size: 84%;
	}
/* restore link colour as these links will always be visited  */	
#contentbody p.crumbtrail a:visited {
	color: #0085AC;
	}	
	
#contentbody p.crumbtrail a:hover {
	color: rgb(0,0,0);
	}	
	
#contentbody {
	line-height: 1.5em;
}

#contentbody p {
	line-height: 1.5em;
	color: #333333;
	margin: 0.75em 0 1.5em 0;
	padding: 0;
	}

#contentbody p.intro {	
	color: #0085AC;
	font-size: 117%;
	line-height: 140%;
	font-weight: lighter;
	margin: -0.2em 0 1.3em 0;
	}
	
#contentbody p.logo {	
	margin: -0.75em 0 1.5em 0;
	padding: 1.3em 0 0 0;
}

	
#contentbody div.note {
	margin: 0.75em 0 1.5em 0;
	padding: 0.6em 0 0 0;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
	font-size: 92%;
}

#contentbody div.note p, #contentbody p.note {
	color: #666666;
	margin:0;
	padding: 0 0 0.75em 0;
	}

#contentbody p.note {
	font-size: 92%;
	margin-top: -0.75em;
}
	
#contentbody div.note h4 {
	color: #666666;
	margin:0;
	padding: 0;
}
	
#contentbody .note a {
	text-decoration: none;
	}
	
#contentbody .note dl {
	margin:0;
}

blockquote {
	padding-left: 30px;
	color:#7E533F;
	background:url(../img/bq.gif) top left no-repeat;
	margin:0;
}
		
#contentbody blockquote p {
	color:#7E533F;
	font: italic 110%/150% Georgia, Times, serif; 
}	

#contentbody blockquote p.source {
	margin-top:-1.5em;
}

#contentbody blockquote p em {
	font-style: normal;
	color: rgb(88,29,0);
}

cite {
	font-style: normal;
	font: 84% Verdana, Helvetica, Arial, sans-serif, "MS sans serif";
	color: #2A0E00;
}

blockquote.long {
	padding-left: 0px;
	color:#333;
	background-image: none;
}	

#contentbody blockquote.long p {
	color:#333;
	font: italic 100% Verdana, Helvetica, Arial, sans-serif, "MS sans serif"; 
	line-height: 1.5em;
}	

#contentbody blockquote.long li {
	font-style: italic;
}

#contentbody blockquote.long blockquote p {
	color:#7E533F;
	font: italic 110%/150% Georgia, Times, serif;
}

a.fnlink {
	text-decoration: none;
}		

/* list formatting */
#contentbody ul, #contentbody ol {
	line-height: 1.5em;
	color: #333333;
	margin: 0.75em 0 -0.25em 0;
	padding: 0;
}
	
#contentbody ul li, #contentbody ol li {
	margin: 0 0 0 30px;
	padding: 0 0 1em 0;
	line-height: 1.5em;
	vertical-align: top;
	}

#contentbody ul li {
	list-style: none;
	list-style: square url(../img/bullet.gif) outside;
	}

/* ordered lists nested unordered lists */	
body #contentbody ul li ol li {
	list-style-type: decimal;
	list-style-image: none; /* ie/win needs this explicit rule to remove image */
}

/* list - internal anchors  */
#contentbody ul.internal, #contentbody .internal {
	font-size: 92%;
	padding: 8px;
	background-color: rgb(255,239,226);
	margin:0 0 1.5em 0;
}

body #contentbody ul.internal li {
	list-style: none;
	list-style-image: none; /* ie/win needs this explicit rule to remove image */
	margin:0;
	padding:0;
	font-weight: bold;
}	

#contentbody ul.internal li ul  {
	margin: 0 0 0 15px;
	font-size: 100%;
	padding: 0;
}

#contentbody ul.internal li ul li {
	font-weight: normal;
}

/* internal link style - reuse for arrow class */
.internal a, a.arrow, .internal a:visited, a.arrow:visited {
	background: url(../img/link_bg_red.gif) no-repeat 0px 0px;
	padding-left: 10px;
}

.internal a:focus, a.arrow:focus {
	background: url(../img/link_bg_on.gif) no-repeat 0px 0px;
	}			
	
.internal a:hover, a.arrow:hover {
	background: url(../img/link_bg_on.gif) no-repeat 0px 0px;
	}
	
/* list - nested compact lists */
body #contentbody ul.nested li {
	list-style: none;
	list-style-image: none; /* ie/win needs this explicit rule to remove image */
	margin:0 0 0.75em 0;
	padding:0;
	font-weight: bold;
}	

#contentbody ul.nested li ul  {
	margin: 0 0 0 15px;
	font-size: 100%;
	padding: 0;
}

#contentbody ul.nested li ul li {
	font-weight: normal;
	margin: 0;
}


/* list - nested ordinary lists */
#contentbody ul li ul  {
	font-size: 100%;
	margin-top: 0.75em;
	margin-bottom: 0;
}

#contentbody ul li ul li  {
	padding:0.25em 0 0.25em 0;
	font-size: 100%;
	list-style: square url(../img/bullet_nested.gif) outside;
}
	
/* list - flush */
#contentbody ul.flush {
}
body #contentbody ul.flush li {
	list-style: none;
	list-style-image: none; /* ie/win needs this explicit rule to remove image */
	margin:0;
	padding:0;
}

body #contentbody ol.flush li a {
	font-weight: bold;
}

body #contentbody ol.flush li {
	margin:0 0 0 27px;
	padding:auto;
}

/* list - no indents */
body #contentbody ul.noindent li {
	list-style: none;
	list-style-image: none; /* ie/win needs this explicit rule to remove image */
	margin-left:0;
}

/* list - index */	
body #contentbody ul.index li {
	list-style: none;
	list-style-image: none; /* ie/win needs this explicit rule to remove image */
	margin-left:0;
	padding-left:35px;
}

body #contentbody ul.index li ul {
	font-size: 100%;
	margin-top:0.75em;
	margin-left: -35px;
}

#contentbody ul.index li em {
	margin-left:-35px;
	display: block;
	width: 35px;
	float: left;
	font-style: normal;
}

/* list - charts */	
#contentbody ul.chart {
	margin-left: 215px;
	padding-top: 1em;
}

body #contentbody ul.chart li {
	list-style: none;
	list-style-image: none; /* ie/win needs this explicit rule to remove image */	
	display: block;
	padding:0 0 0 20px;
	margin: 0.3em 0 0.3em 0;
	font-size: 92%;
}

li.c1 { background: url(../img/iypp/col1.gif) 0 2px no-repeat; }
li.c2 { background: url(../img/iypp/col2.gif) 0 2px no-repeat; }
li.c3 { background: url(../img/iypp/col3.gif) 0 2px no-repeat; }
li.c4 { background: url(../img/iypp/col4.gif) 0 2px no-repeat; }
li.c5 { background: url(../img/iypp/col5.gif) 0 2px no-repeat; }
li.c6 { background: url(../img/iypp/col6.gif) 0 2px no-repeat; }


body #contentbody ul.index li ul li { /* nested list */
	font-weight: normal;
}
	

/* definition list */	
#contentbody dl {
	line-height: 1.5em;
	color: #333333;
	padding:0;
	margin-bottom: 1.5em;
	font-size: 100%;
	}	

#contentbody dl dt {	
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #444444;
}
	
#contentbody dl dd {
	margin: 0 0 0.75em;
	padding: 0;
}	

#contentbody dl dd ul {
	padding: 0;
	margin: -0.75em 0 0 0;
	font-size: 100%;
	}	
		
#contentbody dl ul li {		
	padding: 0;
	margin: 0.75em 0 0 0;
	list-style: none;
	list-style-image: none; /* ie/win needs this explicit rule to remove image */
}

/* definition list - flush */	
#contentbody dl dd ul.flush {
	margin: 0;
}

/* definition list - inline */	
#contentbody dl.inline {
	margin-bottom:0.5em;
	float: none;
}
#contentbody dl.inline dt {
	display:block;
	margin:0;
	padding:0 10px 0 0;
	float:left;
}

#contentbody dl.inline dd {
	margin:0;
	padding:0 0 0.5em 0;
}

/* box - can be full width or right floated side box */
#contentbody .side {
	margin-left: 1em;
	float: right;
	width: 38%;
}
#contentbody .box {
	font-size: 92%;
	background-color: rgb(255,239,226);
	padding: 1px 8px 1px 8px;
	margin-bottom: 1.5em;
	border: 1px dashed #6EB16E;
	color: rgb(88,29,0);
}
#contentbody .solidborder {
	border: 1px solid #0085AC;
}

#contentbody .box p {
	margin-bottom: 1em;
	color: rgb(88,29,0);
}

#contentbody .box li {	
	color: rgb(88,29,0);
	margin-left: 25px;
}

#contentbody .box ul li {
	list-style: square url(../img/bullet_box.gif) outside;
}

#contentbody .box h4 {
	margin-bottom: 0.75em;
	color: #2A0E00;
	font-size: 109%;
}

#contentbody .box cite {
	font-size: 100%;
}

/* top link */
a.topLink, #contentbody p.topLink a {
	padding: 0 0 0 10px;
	background: url(../img/link_top.gif) no-repeat 0px 0px;
	font-size: 91.666%;
	font-weight: bold;
}
 #contentbody p.topLink {
 	margin-top: -1em;
 }

/* rule top */
.rule {
	background: url(../img/line_hor.gif) top left repeat-x;
	height: 1px;
	margin: 0.75em 0 0.75em 0;
}

/*space after */
#contentbody .spaceafter {
	margin-bottom: 0.75em;
}

/* ---[ footer ]--------------------- */

#footer p, #footer ul {
	font-size: 84%;
	line-height: 140%;
	color: #4B4B4B;
	}

#footer ul {
	margin: 0px;
	list-style: none;
	}

#footer ul li {
	padding: 0px;
	margin: 0px;
	}

#leftcol {
	display: block;
	float: left;
	width: 27%;
	margin: 0px;
	padding: 0px;
	}

#midcol, #rightcol {
	display: block;
	float: left;
	width: 36%;
	margin: 0px;
	padding: 0px;
	}
	
#footer2 p#copyright {
	float: left;
	width: 256px;
	font-size: 84%;
	color: #666666;
	margin: 0;
	padding: 7px 0 15px 0;
}

#footer2 p#footNav {
	float: left;
	width: 429px;
	font-size: 84%;
	color: #666666;
	margin: 0;
	padding: 7px 0 15px 0;
	}
	
/* ---[ misc ]-------------------------------- */
	
.clear {
	clear: both;
}

.inline {
	float: left;
}

.floatright {
	float: right;
	margin-left: 1em;
}

.hide, hr {
	height: 0px;
	width: 0px;
	overflow: hidden;
	display: none;
}

a.more {
	padding-right: 15px;
	background: url(../img/link_bg_on.gif) no-repeat 100% 0px;
	font-weight: normal;
	}
	
a.more:hover {
	padding-right: 15px;
	background: url(../img/link_black.gif) no-repeat 100% 0px;
	}

/* Levin Grundeis image replacement */	
/* http://levin.grundeis.net/files/20030809/alternatefir.html */ 

.replace {
	position:relative;
    margin:0px; padding:0px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
}
.replace span, #globalNav em {
    display:block;
    position:absolute;
    top:0px;
    left:0px;
	z-index:1; /*for Opera 5 and 6*/
}

div.phasearrow {
	margin-top: -0.75em;	
	text-align: center;
}

/* hack for ie */
* html a#disableNav {
	background-color: #fff;
	filter: alpha(opacity=0);
}

/* ---[ homepage styles ]--------------------- */

body#home div.localNav dt.sectionHeading, body#home div.localNav h2 {
	background: #6C6C6C;
	color: #fff;
	}
	
body#home #content h2 {
	background: #0085AC url(../img/squares_bg.gif) no-repeat right;
	}
	
body#home #contentbody p.intro {
	color: #0085AC;
	}

body#home #contentbody p {
	color: #666;
	}	

body#home div.localNav {
	background-color: #F2F2F2;
}

/* ---[ project styles ]--------------------- */

body#project div.localNav dt.sectionHeading, body#project div.localNav h2 {
	background: #6C6C6C;
	}
	
body#project #content h2 {
	background: #0085AC url(../img/squares_red_bg.gif) no-repeat right;
	}

body#project div.localNav {
	background-color: #F2F2F2;
}

	
/* ---[ fact tables ]------------------------- */	
	
table.fact {
	width: 429px;
	padding: 0;
	margin: 0 0 1.5em 0;
	border: 0px;
	border-spacing: 0px;
	font-size: 100%;
}

table.fact caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: 0.5em;
	color: #7E533F;
	font-size: 92%;
}

table.fact caption em {
	color: #7E533F;
}

table.fact caption.heading {
	color: #0085AC;
	font-style: italic;
	font-size: 100%;
}

#contentbody table.fact p {
	margin: 0 0 1em 0;
	padding: 0;
	color: rgb(88,29,0);
	line-height: 120%;
}

table.fact td, table.fact th {
	font-size: 92%;
	padding: 6px 6px 5px 6px;
	margin: 0;
	border: 0;
	border-bottom: 1px solid white;
	background-color: rgb(255,239,226);
	color: rgb(88,29,0);
	vertical-align: top;
	text-align: left;
}

table.fact thead th, table.fact thead td {	
	background-color: rgb(159,78,41);
	border: 0;
	color: #ffffff;
}

table.fact tbody th {
	background-color: rgb(255,222,196);
	color: rgb(88,29,0);
}


/* nested tables */
table.fact td table td,
table.fact th table td {
	padding: 0;
	border:none;
	background-color: none;
}

table.fact th a, table.fact th a:link {
	color: rgb(255,222,196);	
}

table.fact th a, table.fact th a:visited {
	color: rgb(255,222,196);	
}

table.fact th a, table.fact th a:hover {
	color: white;	
}

table.fact tr.total td {
	background-color: rgb(255,222,196);
}

table.fact tr.total td.total {
	color: rgb(153,51,0);
}

table td.right, table th.right {
	text-align:right;
}

.center, table td.center, table th.center {
	text-align:center;
}

table td input {
	font-size: 100%;
	margin:0;
}

a.selected-asc:link, a.selected-desc:link {
	color: white;	
}

a.selected-asc:visited, a.selected-desc:visited {
	color: white;	
}

a.selected-asc {
	padding-left: 10px;
	background: url(../img/link_asc.gif) no-repeat 0% 2px;
}

a.selected-desc {
	padding-left: 10px;
	background: url(../img/link_desc.gif) no-repeat 0% 2px;
}

/* ---[ reports table ]----------------------- */

table.reports th.c1, table.reports td.c1 {
	width:10px;
}
/* hack for ie */	
* html table.reports td.c1, * html table.reports th.c1 {
	width: 22px;
	w\idth: 10px;
}

table.reports thead th.c2, table.reports td.c2 {
	width: 55%;
}

table.reports thead th.c3, table.reports td.c3 {
	text-align:right;
}

table.reports thead th.c4, table.reports td.c4 {
	text-align:right;
}


/* ---[ paging ]------------------------------ */
#contentbody p#paging {
	font-size: 92%;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
	color: #4E4E4E;
}

#contentbody p#paging span.numbers {
	color: #000000;
	font-weight: bold;
}

#contentbody p#paging a:visited {
	color: #0085AC;
}

#contentbody p#paging span span {
	display: none;
}

a.arrows:link {
	color: #0085AC;
}

a.arrows:visited {
	color: #0085AC;
}
	
a.arrows:focus {
	color: #0085AC;
}	

a.arrows:hover { 
	color: #0085AC;
}

a.arrows:active {
	color: #360600;
}

/* ---[ search results ]---------------------- */

#content div.search-results h3 {
	padding: 8px;
	border: 1px solid #6EB16E;
	background-color: rgb(255,239,226);	
	margin-bottom: 1.5em;
}

#content div.search-results h3 span {
	font-size: 86%;
	color: #000000;
	font-weight: normal;	
}

#content div.search-results h4 span {
	font-size: 84%;
}
#content div.search-results h4 span.isearch_highlight  {
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
}

div.search-results p span.url a {
	color: rgb(128,128,128);
	font-weight: bold;
	font-size: 84%;
}

div.search-results p span.url a:link {
	color: rgb(128,128,128);
	text-decoration: none;
}

div.search-results p span.url a:visited {
	color: rgb(128,128,128);
	text-decoration: none;
}

p span.isearch_highlight {
	font-weight: bold;
	font-style: italic;
}

/* ---[ Publications ]------------------------ */

div.pub-details {
	position: relative;
}
/* hack for ie/win - hide from mac/ie \*/
* html div.pub-details {
	height: 147px;	
}
/* end hide */

div.pub-details img {
	float: left;
	margin: 0 10px 0px 0;
	width: 100px;
	height: 147px;
	background-color: #cccccc;
}

div.pub-details h3 img {
	float: none;
	margin: 0;
	width: auto;
	height: auto;
	background-color: #ffffff;
}

#content div.pub-details dl dt {
	float: left;
	margin-right: 0.5em;
	color: #333333;
}

#content div.pub-details dl dd {
	margin: 0;
	padding:0;
}

#content div.pub-details dl dd strong {
	color: #0085AC;
}

#content div.pub-details p.subtitle, #contentbody p.subtitle {
	font-weight:bold;
	color: #000000;
	margin-top:-0.75em;
}

div.pub-details form {
	position: absolute;
	bottom:0px;
	left: 110px;
	margin:0;
	padding:0;
}

div.pub-body {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	border-bottom: 1px dashed #666;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
}

#contentbody div.pub-body blockquote {
		margin-bottom: -0.75em;
}

#contentbody div.pub-body blockquote p,
#contentbody div.pub-body p {
	margin: 0;
}

#contentbody div.pub-body ul {
	margin: 0;
	margin-bottom: -1.5em;
}

#contentbody p.specialoffer, span.specialoffer {
	display: block;
	font-weight: bold;
	font-size: 84%;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	padding: 2px 5px 2px 5px;
	background-color: rgb(255,239,226);
	border: 1px dotted #6EB16E;
	color: rgb(88,29,0);
}

/* ---[ forms ]------------------------------- */

#content form {
	margin:0;
	padding:0;
	border:0;
 }
 	
#content form fieldset {
	margin: 0 0 1em 0;
	padding:0;
	border:0;
 }
 
#content form fieldset.frame {
	padding: 8px;
	background-color: rgb(255,239,226);
	border: 1px solid #6EB16E;	
}
 
#content form legend {
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 117%;
	color: #0085AC;
	font-weight: bold;
 } 	
/* hack for ie to remove the default 6px indent - hide from mac \*/
* html #content form legend {
	margin-left: -6px;
}
/*end hide */	

input, textarea, select {
	margin: 0;
	font-size: 100%;
	line-height: 100%;
	vertical-align: middle;
} 
/* hide from ie */
html>body input, html>body textarea {
	border: 1px solid #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
	padding: 0.2em;
} 	

#content form label {
	margin: 0 1em 0.3em 0;
	padding: 0;
	display: block;
	float: left;
	width: 38%;
	color: #333333;
}

#content form p label {
	font-size: 100%;
}	
	
#contentbody form p textarea, #contentbody form p select, #content form p input {
	font-size: 100%;
	font-family: Verdana, Helvetica, Arial, sans-serif, "MS sans serif";
}

select, input {
	margin-right:0.5em;
}

#content form p input.button {
	font-size: 92%;
}

#content form p {
	clear: both;
}

#content form label.inline, form input.checkbox, #content form.print input.checkbox {
	width: auto;
	float: none;
	display: inline;
	border: none;
}

#content form label.stacked {
	width: auto;
	float: none;
	margin-bottom: 0.3em;
	padding-bottom: 0;
}

input.button {
	border: 2px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background: #fff url(../img/bg_form_element.gif) repeat-x;
	color: #333333;
	font-size: 100%;
	font-weight: bold;
	line-height: 100%;
	vertical-align: middle;
	margin: 0;
}
	
html>body input.button { 
	padding: 0.1em 0.2em 0.2em 0.2em; /* values for good browsers */
	margin: 0px 0px 0.1em 0px; 
}

/* hacks for ie/win button width issue */
* html #content input.button {
	padding: 0.1em 0 0.1em 0; /* for win 5.0 */	
	margin-right: -4px;
	/* rules for win 5.5 AND win 6.0 */
	padding/**/: 0.1em 0.2em 0.1em 0.2em; 
	margin-right/**/: 0;
	width/**/: 6em;
	overflow/**/: visible; 
	/* rules for mac 5.x only */
	/*\*//*/
	padding: 0.1em 0.2em 0.2em 0.2em;
	margin: 0px 0px 0.1em 0px; 
	/**/
}
* html #masthead input {
	padding-left: 0.2em;
	padding-right: 0.2em;
}
	
input.button:active {
	border: 2px solid #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}

.required {
	color: #0085AC;
}


/* Error list */
#content dl.error {
	padding: 8px;
	background-color: rgb(255,222,196);
	border: 1px solid #6EB16E;
	margin-bottom: 1.5em;
	color: black;
}	

#content dl.error dt {
	color: #0085AC;
}

#content dl.error dd {
	margin: 0;
	padding: 0;
}

/* forms designed to be printed out and filled in */

#content form.print {
	background-color: #eeeeee;
	padding: 10px 0px 10px 10px;
}

#content form.print table {
	margin:0;
	padding:0;
}

#content form.print table td p {
	margin:0 0 0.5em 0;
	padding:0;
}

#content form.print table td h4 {
	margin-bottom: 0;
}

#content form.print table td {
	background-color: #eeeeee;
	font-size: 100%;
	padding-left:0;
	padding-right: 20px;
	padding-bottom: 0;
	border: none;
}

#content form.print label {
 	float:none;
	width: auto;
	margin-right:0;
}

#content form.print input {
	margin-bottom: 0.5em;
	margin-right: 0;
	width: 100%;
	font-size: 100%;
}

#contentbody li.service1{
	background-color:#F1C5C5; 
	padding:5px;
	margin-bottom:5px
}

#contentbody li.service2{
	background-color:#C1DCE4; 
	padding:5px;
	margin-bottom:5px
}

#contentbody li.service3{
	background-color:#FFEF80; 
	padding:5px;
	margin-bottom:5px
}

td.type1 {
	background-color:#F1C5C5; 
	}

td.type2 {
	background-color:#C1DCE4; 
	}

td.type3 {
	background-color:#FFEF80; 
	}
	
table.supportbox {
	font-family: Verdana, Helvetica, Arial, sans-serif, "MS sans serif";
	color: #424242;
	font-size: 100%;
	}

table.greybg	{
	background-color:#f2f2f2;
	width: 100%;
}