/* r e s e t */
html, body, div, span, form, fieldset, img {margin:0; padding:0; border:none;}
p, h1, h2, h3, h4 ,h5, li 	{margin:0; padding:0;}
ul, ol {margin:0 0 18px auto;}
a img {border:none;}
body {
	text-align:center;
	background-color:#e7e8e9;
	font-family:Arial, Helvetica, sans-serif;
	}
a, a:link	{text-decoration:underline; color:#009ac7;}
a:visited	{text-decoration:underline; color:#008bb3;}
a:hover		{text-decoration:none; color:#003e7e;}
	
h3 a,
h3 a:link,
h3 a:visited 	{color:#009ac7; text-decoration:none;}
h3 a:hover		{color:#003e7e; text-decoration:underline;}

h2 a, 
h2 a:link, 
h2 a:visited,
h3 a, 
h3 a:link, 
h3 a:visited,
h4 a, 
h4 a:link, 
h4 a:visited,
h5 a, 
h5 a:link, 
h5 a:visited,
h6 a, 
h6 a:link, 
h6 a:visited {text-decoration:underline;}
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {text-decoration:none;}

body,
input[type=text],
input[type=submit],
input[type=password],
textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em; }
hr {
	/* display:none; JP */
	height:1px;
	border:none;
	color: #009dc9;
	background-color: #009dc9;
	margin:18px 0 18px 0;
	}
	
	
/* f o n t - s i z e s */
#header			{font-size:1em; 		/* 16px */}
#top-line 		{font-size:0.75em;		/* 12px */}
#main			{font-size:0.8125em;	/* 13px */		line-height:1.3846em; 	/* 18px */}
#main #breadcrumbs {font-size:0.8461em; /* 11px */}
#column-side 	{font-size:0.75em;		/* 12px */		line-height:1.3333em; /* 16px */}
#footer			{font-size:0.75em;		/* 12px */}

/* H + Ps */
p, h1, h2, h3, h4 ,h5, a	{vertical-align:baseline;}
h1, h2, h3, h4, h6 			{font-weight:bold;}
h5	 						{font-weight:normal;}
h1, hr						{clear:both;}

#wrapper, p, fieldset fieldset legend {color:#222;}
h1, h2, h3, h4, h5, legend {
	color:#009ac7;	/* asa blue */
}

#main h1	{font-size:2.3077em; 	/* 30px */}
#main h2	{font-size:1.5384em; 	/* 20px */}
#main legend,
#main h3	{font-size:1.1538em; 	/* 15px */}
#main h4,
#main h5,
#main p		{font-size:1em; 		/* 13px */}
#main h6	{font-size:0.9230em; 	/* 12px */}


#main h1 {
	line-height:1.2em; 		/* 36px */
	margin-bottom:0.6em;	/* 18px */
	padding-right:30px;
	
	/* h1 is special and only appears at top of page, thus needs no spacing above it */
	padding-top:5px;
	padding-bottom:13px;
	margin-bottom: 0;
	}
#main h2 {
	line-height:1.35em; 	/* 27px */
	padding-top:3px; /* not 12 as l-h is 27 */
	padding-bottom:6px;
	}
#main h3 {
	line-height:1.2em; 		/* 18px */
	padding-top:9px;
	padding-bottom:9px;
	}
#main h4,
#main h5 {
	line-height:1.3846em; 	/* 18px */
	margin-bottom:0;		/* 18px */
	}
#main h6 {
	line-height:1.5em; 	/* 18px */
	margin-bottom:0;	/* 18px */
	}	
	
#main p,
#main ul,
#main ol {
	/* line-height:1.3846em; 	18px */
	margin-bottom:1.3846em;	/* 18px */
	}
#main ul,
#main ol {
	line-height:1.3846em;	/* 13 > 18px */
	}
#main .block {
	display:block;
	margin-bottom:1.3846em;	/* 18px */
	}

#wrapper {
	width:990px;
	margin:0 auto 0 auto;
	text-align:left;
	background-color:#fff;
	border:1px solid #ddd;
	border-top:none;
}
#smallprint {
	width:960px;
	margin:0 auto 0 auto;
	padding:10px 15px 15px 15px;
	font-size:0.625em;  
	color:#555; 
	text-align:right;
	}

#header	{
	clear:both; overflow:hidden;
	width:960px;
	padding:0 15px 10px 15px;
	padding-bottom:2px;
	background-color:#bbe5fa;
	}
#main	{
	float:left;
	clear:right;
	width:765px;
	padding:15px 0 0 15px;
}
#content {
	position:relative;
	overflow:hidden;
	}

#content img		{margin-bottom:1.3846em;	/* 18px */}
/* #content p img, */
#content img.right	{float:right; margin-left:20px;}
#content img.left	{float:left; margin-right:20px;}
/* 
the classes above are not being used as requested - 
the hack below may thus improve img margin for some browsers
*/
#content img[align=right] {margin-left:20px;}
#content img[align=left] {margin-right:20px;}

#column-side {
	float:left;
	clear:right;
	width:180px;
	padding:15px 15px 15px 15px;
	}
#footer	{
	clear:both;
	overflow:hidden;
	padding:25px 10px 15px 10px;
	color:#009bc9;
	background-color:#fff;
	}
#footer	a {margin:0 5px 0 5px;}
#footer	a, 
#footer	a:link, 
#footer	a:visited, 
#footer	a:hover {color:#009bc9;}
#footer .communicate {
	clear:both;
	float:left;
	overflow:hidden;
	margin-bottom:10px;
	}
#footer .communicate a {
	float:left; 
	padding:0 0 5px 25px;
	background-repeat:no-repeat;
	background-position:0 0;
	margin-right:15px;
}
#footer .communicate a.email {background-image:url(../chrome/email_icon_20x16.gif); background-position:-1px 0;}
#footer .communicate a.comment {background-image:url(../chrome/speech_icon_20x16.gif); background-position:-1px -1px;}
#footer .site {clear:both; float:left;}

#top-line {
	overflow:hidden;
	text-align:right;
	margin-bottom:5px;
	}
.logo {
	float:left;
	margin-bottom:12px;
	}
.logo,
.logo a {display:block; width:680px; height:50px;}

#utilities {
	float:right;
	font-size:0.6875em; /* 11px */
	width:25em;
	padding-top:20px;
	}
/*
#sub-nav {
	min-height:28px; matches main-nav
	}
*/
			
/* #utilities / sign in and search*/			
#utilities {overflow:hidden;}
#utilities div.sign-in,
#utilities div.signed-in {
	clear:both; 
	overflow:hidden;
	margin-bottom:5px;
}
#utilities div.sign-in fieldset,
#utilities div.signed-in fieldset {overflow:hidden; float:right;}
#utilities .signed-in span {
	float:left;
	display:block;
	color:#000;
	background-color:transparent;
	font-weight:bold;
	margin-right:6px;
	padding: 3px 3px 3px 7px;
	text-align:left;
	vertical-align:middle;
	width:16.2727em;
	}
#utilities .signed-in a,
#utilities .signed-in a:link,
#utilities .signed-in a:visited,
#utilities .signed-in a:hover {color:#000;}
#utilities .signed-in input[type=submit] {float:left;}	

#utilities .search {
	float:right;
	clear:both;
	overflow:hidden;
	text-align:right;
	margin-bottom:5px;
}
#utilities .sign-in fieldset,
#utilities .search fieldset {margin:0; padding:0;}

#utilities .search input[type=text] {
	float:left; 
	display:block;
	font-size:1em;
	width:15em;
	vertical-align:middle;
	margin:0 6px 0 0;
	border:solid 1px #93d0f0;	
	}

#utilities input[type=submit] {
	float:left; 
	display:block;
	vertical-align:middle;	
	margin:0; padding:0;
	width:5.8181em;
	cursor:pointer;
	text-align:center;
	}
		


	

		
		
/* m a i n - n a v i g a t i o n / header-class */
div.nav-bar {
	clear:both;
	overflow:hidden;
	padding:0;
	}
div#nav-primary		{background-color:#fff;}	
div#nav-secondary	{background-color:#009ac7; padding-top:3px;}	
	
div#nav-primary,
div#nav-secondary {padding:8px 4px 8px 4px; /* overriden by .js */}
.js div#nav-primary {
	padding:0px;
	margin-bottom:31px;
	}
.js div#nav-secondary {
	padding:3px 0 0 0;
	margin-top:-31px;
	}
div.nav-bar span, 
div.nav-bar a {
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:0.875em; /* 14px */
	padding-right:10px; /* overriden by .js */
	}
	
div#nav-primary span, 
div#nav-primary a, 
div#nav-primary a:link, 
div#nav-primary a:visited {
	color:#009ac7;
	background-color:#fff;
	}
div#nav-primary a:hover {
	color:#fff;
	background-color:#003e7e; /* navy blue */
	}	
div#nav-secondary span, 
div#nav-secondary a, 
div#nav-secondary a:link, 
div#nav-secondary a:visited {
	color:#fff;
	background-color:#009ac7;
	}
div#nav-secondary a:hover {
	color:#fff;
	background-color:#003e7e; /* navy blue */
	}	
	
	
/* .js enabled */
.js div.nav-bar span,
.js div.nav-bar a {
	display:block;
	padding:0.4285em 0 0.4285em 0; /* 6px (fs:14px) */
}
.js div.nav-bar a, 
.js div.nav-bar a:link, 
.js div.nav-bar a:visited,
.js div#nav-primary a:hover {
	text-decoration:none;
}	


/* divs inserted by js */
div.nav-bar div {
	overflow:hidden;
	float:left;
	padding:0;
	padding-left:0.875em; /* 14 12px */
	margin:0 -0.875em 0 0;
	background-color:transparent;
	background-position:left bottom;
	background-repeat:no-repeat;	
	}
div.nav-bar div div {
	float:none;
	overflow:hidden;
	padding:0 0.875em 0 0; /* 14px rather than 0.75em 12px strictly needed */
	margin:0;
	border:none;
	background-position:right top;		
	background-repeat:no-repeat;
	background-color:transparent;

	}
div#nav-primary div div 	{background-image:url(../chrome/angles/lines/angle_42x98_bbe5fa_line.png);}
div#nav-secondary div div 	{background-image:url(../chrome/angles/lines/angle_42x98_009bc9_line.png);}

/*
div#nav-primary div.this 	{background-image:url(../chrome/angles/angle_009bc9_42x98_left.png);}
div#nav-primary div.this div {background-image:url(../chrome/angles/angle_009bc9_42x98_right.png);}
div#nav-secondary div.this 	{background-image:url(../chrome/angles/angle_fff_42x98_left.png);}
div#nav-secondary div.this div {background-image:url(../chrome/angles/angle_fff_42x98_right.png);}
*/
div#nav-primary div.this,
div#nav-primary div.this div	{background-image:url(../chrome/angles/angle_009bc9_84x98.png);}
div#nav-secondary div.this,
div#nav-secondary div.this div	{background-image:url(../chrome/angles/angle_fff_84x98.png);}


div#nav-primary div.first,
div#nav-secondary div.first {
	padding-left:0;
	background-image:none;
	}

div.nav-bar div.first span,
div.nav-bar div.first a {padding-left:12px;}

div#nav-primary div.hover,
div#nav-secondary div.hover,
div#nav-primary div.hover div,
div#nav-secondary div.hover div {background-image:url(../chrome/angles/angle_003e7e_84x98.png);}

div#nav-primary div div a {
	background-color:#fff;
	}
div#nav-primary div div span,
div#nav-primary div.this div a {
	color:#fff;
	background-color:#009ac7;
	}
div#nav-secondary div div a {
	background-color:#009ac7;
	}
div#nav-secondary div div span,
div#nav-secondary div.this div a {
	color:#009ac7;
	background-color:#fff;
	}





/* #main classes */
#breadcrumbs {
	margin:0 0 15px 0;
	padding-bottom:15px;
	color:#009ac7;
	border-bottom:1px solid #009ac7;
}
#breadcrumbs a, 
#breadcrumbs a:link, 
#breadcrumbs a:visited {
	text-decoration:none;
	color:#009ac7;
	}
#breadcrumbs a:hover {
	text-decoration:underline;
	color:#003e7e; /* navy blue */
	}
	

.box {margin:0 0 9px 0;}
.box h2,
.box h3,
.box h4,
.box h5,
.box h6 {
	padding:5px 10px 4px 10px;
	margin-bottom:9px;
}
.box p,
.box .footer {padding:0 10px 0 10px;}
.box .footer a {}



/* #column-side classes */
#column-side .box {padding-bottom:10px;}
#column-side .box h2,
#column-side .box h3,
#column-side .box h4,
#column-side .box h5,
#column-side .box h6 {
	padding:5px 5px 5px 5px;
	margin-bottom:5px;
}
#column-side .box p {padding:5px;}
#column-side .box a {font-weight:bold;}

#column-side .search {padding:0 5px 0 5px;}

#column-side .search input[type=text] {
	font-size:1em;
	width:148px;
	margin-bottom:5px;
}
#column-side .search input[type=submit],
#column-side .search button {
	float:right;
	font-size:1em;
}


ul.horizontal, ol.horizontal 		{list-style:none; list-style-image:none; overflow:hidden;}
ul.horizontal li, ol.horizontal li	{float:left; padding-bottom:0;}
ul.horizontal li, ul.vertical li	{padding-left:0; background-image:none;}
ul.vertical, ol.vertical			{list-style:none; margin-left:0;}
ul.vertical li, ol.vertical li		{clear:both; overflow:hidden; padding-bottom:0;}

ol, ul	{
	padding:0;border:0;
	vertical-align:baseline;
	line-height:1em;
}
ol		{margin-left:3em;}
ol li	{}

ul {
	list-style:none; list-style-image:none;
	margin-left:0;
	margin-left:19px; /* Jana request - like word */
	}
	
ul li {
	list-style:none; list-style-image:none;
	padding-left:20px;
	background-image:url(../chrome/bullet_009ac7_7x11.gif);
	background-repeat:no-repeat;
	background-position:0 0.2em;
	}
li {vertical-align:baseline;}
ul li ul {margin-left:0;}




.news .section .footer	{margin-top:-14px; margin-bottom:4px;}
.news .section ul li	{margin-bottom:9px;}

.blue-line-box,
.news-article {
	clear:both;
	overflow:hidden;
	border-top:1px solid #009dc9;
	padding:12px 0 0 0;
	margin-bottom:18px;
	}
#content .news-article img,
#content .blue-line-box img {float:left; margin-right:20px; margin-bottom:0;}

#content .news-article .text img,
#content .blue-line-box .text img {margin-bottom:10px;}


.news-article div.text,
.blue-line-box  div.text {
	display:block;
	overflow:hidden;
	padding:0;
}
#main .news-article h2,
#main .blue-line-box h2 {padding:0; margin-top:-2px; margin-bottom:2px;}
#main .news-article h3,
#main .blue-line-box h3 {padding:0 0 2px 0; font-size:1.2307em; /* 16px f-s adjusted for h3/h4 pair */}
#main .news-article h4,
#main .blue-line-box h4 {padding:0 0 7px 0; font-weight:normal; color:#222222; /* system wants pb:16 */}
#main .news-article p,
#main .blue-line-box p {margin-bottom:5px;/* assumes only one P in news-article*/}



/* core classes */
.hide {position:absolute; bottom:-2000em;}

.columns 			{overflow:hidden;}
.columns div.column {margin-left:15px;}
.columns div.first,
.columns .first 	{margin-left:0;}
.columns .column 	{float:left;}

#main .column,
#main .col-1	{width:180px;}
#main .col-2    {width:375px;}
#main .col-3    {width:570px;}

/* home page hacks */
.min-h {min-height:350px; padding-bottom:10px;}
.min-h img {margin:0 10px 9px 10px;}
.three-blue-columns {
	background-image:url(../chrome/faux-3col-e2f3fc.gif);
	background-position:right top;
	background-repeat:repeat-y;
}
#main .column {line-height:1.2307em; /* 13 > 16 */}


div.layout				{overflow:hidden; clear:both;} /* container for floated divs */
.line					{overflow:hidden; clear:both; margin: 0 0 10px 0; vertical-align:baseline;} /* breaks baseline of 18 */
.line .item				{display:block;}
.line .item,
.line div				{float:left; margin-right:10px;}
.line div div			{float:none; margin-right:0;}
.line input, 
.line select,
.line label				{/* float:left; */}
.line label				{display:block; margin-right:10px; overflow:hidden;}






/* f o r m s */
input[type=text].search-field {
	width:30em;
	padding:3px 2px 3px 20px;
	border:solid 1px #93d0f0;
	color:#009ac7;
	background-color:#fff;
	background-image:url(../chrome/search_009ac7_15.gif);
	background-repeat:no-repeat;
	background-position:2px center;	
	}	

input[type=submit] {cursor:pointer;}
input, input[type=text], input[type=password],
textarea, 
select, option {font-size:1em;}
	
.error-list {
	color:red; /* match sitecore */
	margin-top:18px; 
	margin-bottom:18px;
	}
div.error {
	background-color:#f9f9f9;
	border:none;
	margin-left:-10px;
	margin-right:-10px;
	padding:6px 10px 6px 10px;
}
#main div.error input[type=text],
#main div.error input[type=password],
#main div.error textarea {border:1px solid #e8a766;}
#main div.error input[type=text]:hover,
#main div.error input[type=password]:hover,
#main div.error textarea:hover {border:1px solid #d96c00;}

div.error-box {
	padding:15px; 
	width:568px;
	border:solid 1px #e6801b;
	}
div.feedback-box {
	padding:15px; 
	width:568px;
	border:solid 1px #009ac7;
	}
	
	
fieldset {
	position: relative; /* win firefox bug puts legends at top */
	}
fieldset legend span	{
	position: absolute;
	margin: 0;
	padding-left: 0;
	padding-top:0.6em; /* 15 -> 9px */
	font-weight:bold;	
}
fieldset fieldset legend {font-size:1em; /* 13px; */ font-weight:normal;}
div.legend,
ul.legend,
ol.legend	{/* space for legend */ padding-top:2.7692em; /* 13 -> 36px */}



.form-block {
	width:570px;
	padding:15px; 
	margin-bottom:18px;
	background-color:#e2f3fc;
	}
.form-block ul		{margin-left:0;}
.form-block ul li	{background-image:url(../chrome/bullet_009ac7_7x11.png);}

.form-block .line label {
	float:left; 
	margin-right:10px;
	width:180px; /* convert to ems */
	width:13.8461em; /* 180 px */
	}
.form-block .checkbox label,
.form-block .radio label {width:auto; margin-right:20px;}	
	
.form-block .req label {
	position:relative;
	padding-right:0.7692em; /* 10px */
	width:180px;	
	}
.form-block .req label span {
	font-size:1.5384em; /* 20px */
	position:absolute;
	top:0; right:0;
	display:block;
	width:0.5em; /* 10px */
	}
span.req {
	vertical-align:top;
	font-size:1.5384em; /* 20px for explanatory note */
	}


.checkbox label {}

.form-block .line input {float:left;}

#main input[type=text],
#main input[type=password],
#main textarea {
	font-family:Arial, Helvetica, sans-serif;
	border:solid 1px #93d0f0;
	font-size:1em; /* safari */
	vertical-align:baseline;
	}
#main select {border:solid 1px #93d0f0;}

#main textarea {padding:3px;}
#main input[type=text]:focus,
#main textarea:focus,
#main input[type=password]:focus {border:1px solid #009dc9;}

.form-block .line label {
	padding:3px 2px 3px 2px; /* 3px to match border */ 
	vertical-align:baseline;
	}
.form-block input[type=text],
.form-block input[type=password]  {padding:2px;}
	
.form-block .line input[type=text],
.form-block .line input[type=password] {
	width:360px; /* convert to ems */
	width:27.6923em;
}

.form-block .line input[type=checkbox] {
	margin-right:10px;
}
.form-block .line input[type=radio] {
	margin-right:10px;
}

/* inner fieldset for radio or checkboxes */
#main fieldset fieldset legend {font-size:1em;}
#main fieldset fieldset legend span {padding-top:0; font-weight:normal;}
#main fieldset fieldset {margin-top:18px;}
fieldset fieldset div.legend {
	padding-top:0;
	padding-left:190px;
	}
fieldset fieldset legend span {width:170px; white-space:normal;}
fieldset li {padding-bottom:5px;}

/* sign-in page .col-2 375 */
.col-2 .form-block {width:345px;}
.col-2 .form-block .line input[type=text],
.col-2 .form-block .line input[type=password] {width:160px; /* convert to ems */}
.col-2 .form-block label {width:165px;}
	
	




/* colour & theme classes */
.blue {
	/* will not overide many colours! */
	color:#009ac7;
	background-color:#fff;
	}
div.faux-3cols {
	overflow:hidden;
	background-color:#fc0;
	}
div.faux-3cols div {margin-left:15px;}

div.asa-blue h2.head,
div.asa-blue h3.head,
div.asa-blue h4.head,
div.asa-blue h5.head {
	color:#fff;
	background-color:#009dc9;
}
div.asa-blue {
	color:#222;
	background-color:#e2f3fc;
	}
div.asa-blue a, 
div.asa-blue a:link		{color:#003e7e;} 
div.asa-blue a:visited 	{color:#222;}
div.asa-blue a:hover 	{color:#003e7e;}


/* home page exception */
div.asa-blue h4 a,
div.min-h h4 a,
div.min-h h4 a:link,
div.min-h h4 a:visited,
div.asa-blue h5 a,
div.min-h h5 a,
div.min-h h5 a:link,
div.min-h h5 a:visited,
div.asa-blue h6 a,
div.min-h h6 a,
div.min-h h6 a:link,
div.min-h h6 a:visited {color:#003e7e; text-decoration:underline;}
div.min-h h4 a:hover,
div.min-h h5 a:hover,
div.min-h h6 a:hover {color:#003e7e; text-decoration:none;}

 
/* Viridian green */ 
div.viridian-green h2.head,
div.viridian-green h3.head,
div.viridian-green h4.head,
div.viridian-green h5.head {
	color:#fff;
	background-color:#007372;
}
div.viridian-green {
	color:#222;
	background-color:#99c7c7;
	background-color:#cce3e3;
	}
div.viridian-green a, 
div.viridian-green a:link		{color:#000;} 
div.viridian-green a:visited 	{color:#222;}
div.viridian-green a:hover 		{color:#000;}

/* Purple */
div.purple h2.head, 
div.purple h3.head,
div.purple h4.head,
div.purple h5.head {
	color:#fff;
	background-color:#42216f;
	background-color:#422379;
}
div.purple {
	color:#222;
	background-color:#b3a6c5;
	background-color:#d9d3e2;
	background-color:#d9d3e4;
	}
div.purple a, 
div.purple a:link		{color:#000;} 
div.purple a:visited 	{color:#222;}
div.purple a:hover 		{color:#000;}
div.purple input[type=text].search-field {border:none;}
	
	
/* Orange */
div.orange h2.head, 
div.orange h3.head,
div.orange h4.head,
div.orange h5.head {
	color:#fff;
	background-color:#e6801b;
}
div.orange {
	color:#222;
	background-color:#fae6d1;
	}
div.orange a, 
div.orange a:link		{color:#000;} 
div.orange a:visited 	{color:#222;}
div.orange a:hover 		{color:#000;}

/* Lime */
div.lime-green h2.head, 
div.lime-green h3.head,
div.lime-green h4.head,
div.lime-green h5.head {
	color:#fff;
	background-color:#abc235; /*b4c321 using psd instead of pdf */
}
div.lime-green {
	color:#222;
	background-color:#e8eed1;
	}
div.lime-green a, 
div.lime-green a:link		{color:#000;} 
div.lime-green a:visited 	{color:#222;}
div.lime-green a:hover 		{color:#000;}

/* strong Red */
div.red h2.head,
div.red h3.head,
div.red h4.head,
div.red h5.head {
	color:#fff;
	background-color:#c50042;
}
div.red {
	color:#222;
	background-color:#f3ccd9;
	}
div.red a, 
div.red a:link		{color:#000;} 
div.red a:visited 	{color:#222;}
div.red a:hover 	{color:#000;}





/* home page .solid-box */
.solid-box {
	overflow:hidden;
	background-color:#422379;
}
.solid-box h2, 
.solid-box h3, 
.solid-box h4, 
.solid-box h5,
.solid-box p {
	color:#fff;
	background-color:#422379;
}
#main .solid-box h1, 
#main .solid-box h2, 
#main .solid-box h3 {
	font-size:2em; /* 26px */
	line-height:1.25em;
	margin-bottom:0;
	}
.solid-box a, 
.solid-box a:link		{color:#fff;} 
.solid-box a:visited 	{color:#eee;}
.solid-box a:hover 		{color:#fff;}



/* home page wide image spread */
.spread {
	overflow:hidden;
	clear:both;
	margin-bottom:15px;
	background-color:#fff;
	}
#main .spread img {
	float:left;
	width:765px;
	margin-right:-765px;
	margin-bottom:0;
	}
.spread .text {
	float:left;
	margin-left:0;
	margin-top:0;
	padding-top:25px;
}


#main .spread h1 {
	color:#009ac7;
	padding-left:25px;
}
#main .spread p {
	/* font-size:1.2307em; 13 > 16px */
	font-size:1.1538em; /* 13 > 15 */
	line-height:1.2em;	/* 18 */
	line-height:1.3em;

	color:#009ac7;
	/*
	width:340px;
	padding-right:400px;
	
	*/
	padding-left:25px;
	
	width:370px;
	padding-right:370px;
	}

#main .spread a:visited {
	color:#009ac7;
}
	
		
/* q u o t e  b o x .js */
.quotes-box {
	position:relative;
	overflow:hidden;
	width:180px;
	margin-bottom:18px;
}
.quotes-group {
	position:relative;
	overflow:hidden;
}
.quote {
	float:left;
	width:180px;
	vertical-align:baseline;	
}
#main .quote p {
	font-size:1.3846em; /* 13 > 18 */
	line-height:1.5em;
	color:#007c78;		/* contrast ok */
	background-color:#fff;
	}
	
.quote p a {color:#007c78; text-decoration:none;}
.quote p a:hover {color:#009ac7; text-decoration:underline;}		
span.mark {font-weight:bold;}
		
#main .quote .footer {}		
#main .quote .footer a {}	

		
	
/* a c c e s s i b i l i t y */
#wrapper a.skiplink {
	position:absolute;
	left:0;
	top:-1024px;
	padding:10px 15px 10px 15px;
	margin:0 -15px 0 -15px;
	width:960px;
}
#wrapper a.skiplink:active, 
#wrapper a.skiplink:focus {
	display:block;
	position:relative;
	top:0px;
	right:auto;
	background-color:#fff;
	color:#000;
	border-bottom: 4px solid #e6801b;
}

/* s w i t c h e r s  */
#top-line .left {float:left; text-align:left;}
#top-line .switchers {
	float:right; 
	text-align:right; 
	vertical-align:baseline;
	font-family:"Arial Black", Arial, Helvetica, sans-serif;}

.switchers a,
.switchers a:link,
.switchers a:visited	{color:#222; text-decoration:none;}
.switchers a:hover 		{color:#003e7e; text-decoration:underline;}

.switchers span.font-size-options {}
.switchers span.font-size-options span,
.switchers span.font-size-options a {
	line-height:40px;
	color:#444;
	padding:0 2px 0 2px;
	margin-right:2px;
}
.switchers span.font-size-options .this {color:#666;}
.switchers span.font-size-options a:hover  {
	text-decoration:none;
	border-bottom:3px solid #003e7e;
	color:#003e7e;
	}
.switchers span.font-size-options .font-size-0 {font-size:13px;}
.switchers span.font-size-options .font-size-1 {font-size:18px;}
.switchers span.font-size-options .font-size-2 {font-size:24px;}

.switchers span.css-switcher-options {}
.switchers span.css-switcher-options span,
.switchers span.css-switcher-options a {
	line-height:32px;
	margin-left:4px;
	position:relative;
	}
.switchers span.css-switcher-options span span {margin-left:0;} /* nest reset */
.switchers span.css-switcher-options .first {margin-left:0;}
	
.switchers span.css-switcher-options .default abbr,
.switchers span.css-switcher-options .default span {
	position:relative;
	top:-3px;
	background-color:#fff; 
	color:#422379; 
	font-size:12px; 
	border:1px solid #bbe5fa; 
	padding:1px 4px 1px 4px;
	} 
.switchers span.css-switcher-options .high-contrast abbr,
.switchers span.css-switcher-options .high-contrast span {
	position:relative;
	top:-3px;
	background-color:#444; 
	color:#f9f900; 
	font-size:12px; 
	border:1px solid #f9f900; 
	padding:1px 4px 1px 4px;
	} 
.switchers span.css-switcher-options .enhanced abbr,
.switchers span.css-switcher-options .enhanced span {
	position:relative;
	top:-3px;
	background-color:#fff; 
	color:#003e7e; 
	font-size:12px; 
	border:1px solid #003e7e; 
	padding:1px 4px 1px 4px;
	} 	
.switchers abbr {border-bottom: none;}	
/* eo:switchers */		
		
		
		
		
/*
.page-leaves / accordion
	.leaf
	.leaf-open
		a.leaf-toggle span span
		div.leaf-inner
*/
.js .accordion {border-top:solid 1px #ddeeff; margin-bottom:18px;/* 13 -> 18px */}
.leaf-open  {border-bottom:solid 1px #ddeeff; margin-bottom:0;}
a.leaf-toggle {
	display:block; 
	border-top:solid 1px #eff7f9; 
	border-bottom:solid 1px #c9d7da; 
	background-color: #dfeef2;
	background-image: url('../chrome/accordion/grad_d4e2e6_dfeef2_1x20.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	text-decoration:none;
	}
a.leaf-toggle:hover {text-decoration:none;}
.leaf a.leaf-toggle span {
	display:block; 
	padding-left:20px;
	background-position: 8px center; 
	background-repeat: no-repeat;
	}
.leaf a.leaf-toggle span span {
	padding:4px;
	background-position: center center;
	background-image: none;
	}
.leaf a.leaf-toggle span {background-image: url('../chrome/accordion/009bc9_closed_8x9.png');}
.leaf-open a.leaf-toggle span {background-image: url('../chrome/accordion/009bc9_open_8x9.png');}
.leaf a.leaf-toggle span span.hover {background-image: url('../chrome/accordion/hover_down_19x12.png');}
.leaf-open a.leaf-toggle span span.hover {background-image: url('../chrome/accordion/hover_up_19x12.png');}

.leaf-inner	{overflow:hidden; margin-top:24px;}
/* eo: page-leaves / accordion */	
		
		
		
		
		
/* search area within #content */		
.search-area {margin-bottom:10px;}
.search-area input[type=submit] {}			
.search-area div {}
.search-box input[type=text] {
	font-size:1em;
	margin-right:5px;
}
.search-top {overflow:hidden; clear:both;}
.search-input {float:left;}
.search-input label {margin-right:5px;}
.search-input select {}

.search-top .key {float:right; width:8.4615em;}

#main .key h4 {
	font-size:1.1538em; /* 15 */
	line-height:1.2em;	/* 18 */
	}
#content .key img {margin-bottom:0;}

#main .key h4,
.key .line {margin-bottom:5px;}

.search-area fieldset.search-box {margin-bottom:10px;}


.search-result {
	clear:both;
	border-top:solid 1px #009bc9;
	margin:0;
	padding-top:12px;
	padding-bottom:12px;
}

#main .search-result h4 {
	/* a copy of h3 */
	font-size:1.1538em; 	/* 13 > 15px */
	line-height:1.2em; 		/* 18px */
	
	font-size:1.0769em;		/* 13 > 14px */
	line-height:1.2857em; 	/* 18px */
	padding-top:9px;
	padding-bottom:9px;
	
	/* img alteration */
	overflow:hidden;
	padding-right:0;
	}
.search-result h4 a {float:left;}
#content .search-result h4 img {float:right; margin:0;}	
.search-result h4 a,
.search-result h4 a:link,
.search-result h4 a:visited {color:#009ac7;}
.search-result h4 a:hover {color:#003e7e;}
#main .search-result p {margin-bottom:9px;}

.search-result span.date {}
.search-result div.footer {
	padding-bottom:9px;
	color:#333;
	}
	
.search-result div.footer,
#main .search-result p {
	/* padding-right:40px;	gm */
	padding-right:0;	/* phh */
	}

.search-result h4.restrict-true {}
.search-result h4.restrict-false {}
.search-result h4.pdf a {
	padding-right:30px;
	background-image:url(../chrome/pdf16.gif);
	background-repeat:no-repeat;
	background-position:right 0;
}

	
	
	

div.section {
	clear:both;
	margin-bottom:18px;
	border-bottom:solid 1px #ddd;
	}

/* s u b  s e c t i o n */
div.sub-section {
	padding-top:13px; /* balanced with h3 padding-top */
	padding-bottom:5px;
	}
#main div.sub-section h3 {
	padding-top:8px;/* compensate for border */
	border-top:solid 1px #009bc9;
	padding-top:13px;
	padding-bottom:10px;
}
div.sub-section .foot a	{margin-bottom: 0;}

#main div.sub-section {
	font-size:0.9230em; /* 13 > 12 */
	line-height:1.5em;	/* 12 > 18 */
	}
#main div.sub-section h3 {
	font-size:1.25em;	/* 12 > 15 */
	line-height:1.2em;	/* 15 > 18 */
	}
#main div.sub-section ul,
#main div.sub-section p {
	font-size:1em;		/* 12px */
	line-height:1.5em;	/* 18px */
	margin-bottom:1.5em;
	}
	
div.sub-section ul {margin-left:0;}
div.sub-section ul li {
	list-style:none;
	background-image:none;
	padding-left:0;
	}


#main p.foot {margin-bottom:0; text-align:right;}
#main p.foot a {
	padding-left:20px;
	background-image:url(../chrome/arrow_009bc9_11x11.png);
	background-position:0 center;
	background-repeat:no-repeat;
	}
	
	
	
.footer 	{overflow:hidden;}
.footer a	{
	display:block;
	margin-bottom: 5px; 
	
	padding:0 0 0 20px;
	
	background-image:url(../chrome/arrow_009bc9_11x11.png);
	background-position:0 center;
	background-repeat:no-repeat;
}
.footer .left {float:left;}
.footer .right {float:right;}
#main .footer {font-size:0.9230em; /* 13 > 12px */}
		
.right {text-align:right;}
	
/* a l p h a b e t  n a v i g a t i o n */
.alphabet-nav {
	clear:both;
	overflow:hidden;
	color:#009ac7;
	padding:0;
	padding-bottom:8px;
	border-bottom:solid 1px #009ac7;
	margin-bottom:9px;
	}
.alphabet-nav a {
	padding:0 7px 0 7px;
	float:left;
	font-weight:bold;
	}
.alphabet-nav a.first {
	padding-left:0;
	}	
.alphabet-nav span	{
	float:left;
	}
	
.alphabet-nav span.inactive	{
	padding:0 7px 0 7px;
	color:#808080; /* 777; */
	}	
.alphabet-nav span.first {padding-left:0;}	
	
.alphabet-nav a,
.alphabet-nav a:link,
.alphabet-nav a:visited	{color:#009ac7; text-decoration:none;}
.alphabet-nav a:hover 	{color:#009ac7; text-decoration:underline;}
.alphabet-section {
	overflow:hidden; 
	clear:both;
	margin-bottom:18px;
	}
#main .alphabet-section h3 {
	float:left;
	font-size:1em;
	line-height:2em;
	padding:0;
	vertical-align:baseline;
	}
.alphabet-section .inner {
	font-size:1em;
	line-height:2em;
	margin-left:30px;
	vertical-align:baseline;
	} 








/* search pagination */
/* 
.pager {font-size:0.923em; 13 > 12 }
.pager span {padding-right:10px;}
.nextBack a {padding-right:10px;}
.pager a:hover {color:#009ac7;}
.pagerInfo {}
.pagerPages {}
#pagerSelected {}
.nextBack {}
*/

div.pagination,
div.page-results { text-align:center;}

div.pagination			{clear:both; margin-bottom:9px;}
div.pagination,
div.pagination a:hover	{color:#009ac7;}
.pagination a.prev 		{margin-right:15px; font-weight:bold;}
.pagination a 			{margin-right:5px; }
.pagination span.this 	{margin-right:5px; font-weight:bold;}
.pagination a.next 		{margin-left:15px; font-weight:bold;}
			
div.page-results {clear:both; margin-bottom:9px; font-size:0.9230em; /* 12px */}





/* rss */
div.rss { /* locates img on page */
	position:absolute;
	top:15px;
	right:0;
	width:16px;
	height:16px;
	}	
h2.rss,
h3.rss {position:relative; padding-right:30px;}
h2.rss a.rss,
h3.rss a.rss {
	position:absolute;
	width:16px;
	height:16px;	
}
h2.rss a.rss { /* news page */
	top:7px;
	right:0;	
}
h3.rss a.rss { /* home page */
	top:9px;
	right:10px;	
}
h2.rss a.rss img,
h3.rss a.rss img {margin:0;}


/* lists */	
.upper-alpha,
ul.vertical .list-block ol.upper-alpha,
.upper-alpha li,
ul.vertical .list-block ol.upper-alpha li {list-style-type:upper-alpha; list-style-position:inside;background-image:none;}

ol.lower-alpha,
ul.vertical ol.lower-alpha,
ol.lower-alpha li,
ul.vertical ol.lower-alpha li {list-style-type:lower-alpha; list-style-position:inside;background-image:none;}

ol.lower-roman li,
ul.vertical ol.lower-roman li {list-style-type:lower-roman; list-style-position:inside; background-image:none;}

ol.georgian li,
ul.vertical ol.georgian li {list-style-type:georgian; list-style-position:inside;background-image:none;}


/* micro-styles */
.mb-18 {margin-bottom:18px;} /* or use block ? */
.mt-18 {margin-top:18px;}
	



/* to be tidied */
img.outline {border:1px solid #f2f2f2;}

.user-list	{overflow:hidden;}
.user-list .list-id 	{
	float:left;
	font-weight:bold; 
	color:#009ac7;
	margin-right:0.3em;
	}
.user-list .list-block {
	float:right;
	width:700px;
	margin-bottom:18px; 
	}

.no-display {display:none;}

#content table {margin-bottom:1.3846em; /* 18 */}
#content table table {margin-bottom:0;}



