/* =----------------------------------------------------------------------------------

Main Style Sheet

Version:	1.6 (10th December 2008)

author: 	Ben Holliday
email: 		ben.holliday@tincan.co.uk

amendments: Andy Phipps
email:		andy.phipps@deafnessresearch.org.uk
--------------------------------------------------------------------------------------*/

/* Color references 
	 Main Blue (Header/Footer) - #0079C2
	 Light Purple (1st Top Nav) - #DFD9EC
	 Dark Purple (2nd Top Nav) - #562888
	 Link Color (magenta) - #98002E
	 Link Hover (yellow) - #E7DD00
	 Link Hover 2 (Dark Blue) - #003CA5 
*/

/* =------------------------------------------------------------------------

Global Settings

----------*/

*{
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

ul, li {
	list-style:none;
}

body {
	font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; 
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

a {
	color: #04598e;
	text-decoration:none;	/* AP */
}

/* */

/* =------------------------------------------------------------------------

Main Layout Structure

----------*/

html, body{ 
	margin:0 3px; 
	padding:0; 
	text-align:center; 
	background-color: #FFFFFF;
}
 
#pagewidth{ 
	background-color: #FFFFFF;
	max-width:940px;
	min-width: 910px; /* was 715px then 764px */
	text-align: left;
	margin:0 auto;
	padding: 0;
	position: relative;
	display: block;/* needed for safari and opera */
}

/* Graphic Page Borders */

#pagewidth .background-right{
	background: #ffffff url(/images/templatev2/bg-right.png) repeat-y top right;
	position:absolute;
	bottom: 0;/* aligned from the bottom to help ie height issues */ 
	right: -30px;
	width: 30px;
	height: 100%;
}

#pagewidth .background-left{
	background: #ffffff url(/images/templatev2/bg-left.png) repeat-y top left;
	position:absolute;
	bottom: 0;/* aligned from the bottom to help ie height issues */ 
	left: -30px;
	width: 30px;
	height: 100%;
}

#pagewidth .background-bottom-left{
	background: #ffffff url(/images/templatev2/bg-bot-left.png) no-repeat top left;
	position:absolute;
	bottom: -35px;
 	left:-30px;
	height: 35px;
	width: 60%;
}

#pagewidth .background-bottom-right{
	background: #ffffff url(/images/templatev2/bg-bot-right.png) no-repeat top right;
	position:absolute;
	bottom: -35px;
 	right:-30px;
	width: 60%;
	height: 35px;
}

/* */
 
#header{
 	position: relative;
	background: #0079C2 url(/images/templatev2/header-back2.png) no-repeat top left;
	height:132px;
	width: 100%;
} 
 
#leftcol{
	margin-left:0.5%;
	width:21.5%;
	float:left;
	background-color:#FFFFFF; 
}
 
#twocols{ /* contains 'maincol' and 'rightcol' */
	width:77%; 
	float:right;
	padding: 0;
	vertical-align:top;
}

#maincol{
	background-color: #FFFFFF;  
	float: left;
	width:70%; 
	margin: 0;
	padding: 0;
	vertical-align:top;
}
/* AP */
#maincol a {
	font-weight: bold;		
}
/* end AP */
#maincol .shell{
	margin: 0 2.5em 0.5em 2.5em; /* AP */
}

#maincol .home{/* space at bottom of the main col shorter for home page */
	margin-bottom: 1em;
}

#maincol .paging{/* Next and Previous links*/
	float: left;
	width: 100%;
	margin-top: 1em;
}

span.previous {float: left;}

span.next {float: right;}
 
#rightcol{
	width:29%; 
	float:right;
	color:#98002E;
	font-size:1.4em;
	line-height: 1.4em;
	text-align:center;
}
 
#footer{
	background-color:#FFFFFF; 
	clear:both;
/*	margin-bottom: 1.8em; */
	float: left;
	width: 100%;
}

/* HOME PAGE FORMATTING */

#home-feature-boxes {
	float: left;
	width: 100%;
}

#home-feature-boxes .shell{
	margin: 0 2.5em 0 2.5em;
}

#home-feature1{
	float: left;
	width: 49.5%;
	border-top: 3px solid #f15527 /* #0079C2 */;
	padding: 0.8em 0;
}

#home-feature2{
	float: right;
	width: 49.5%;
	border-top: 3px solid #f15527 /* #EF5428 */;
	padding: 0.8em 0;
}
/* FOR REVISED SITE */
#home-feature3{
	clear:both;
	float: left;
	width: 49.5%;
	border-top: 3px solid #f15527 /* #ed1161 */;
	padding: 0.8em 0;
}
#home-feature4{
	float: right;
	width: 49.5%;
	border-top: 3px solid #f15527 /* #33ad33 */;
	padding: 0.8em 0;
}

/* panel formatting */

#panel {
	float: left;
	width: 100%;
	display:block;	
}

#panel .shell{
	margin: 0 2.5em 0 2.5em;
} 

#panel1{
	float: left;
	width: 32%;
	border-top: 3px solid #0079C2;
/*	border-bottom: 1px solid #0079C2; */
	padding: 0.4em 0;
	margin-right: 12px;
}

#panel2{
	float: left;
	width: 32%;
	border-top:3px solid #0079C2 /* #EF5428 */;
/*	border-bottom:1px solid #EF5428; */
	padding: 0.4em 0;
	margin-right: 12px;
}

#panel3{
	float: left;
	width: 32%;
	border-top: 3px solid #0079C2 /* #33ad33 */; 
/*	border-bottom: 1px solid #33ad33; */
	padding: 0.4em 0;
}

#panel4{
	float: left;
	width: 32%;
	border-top: 9px solid #98002e; 
	padding: 0.4em 0;
	margin-right: 12px;
	clear:left;
}

#panel5{
	float: left;
	width: 32%;
	border-top:9px solid #562888; 
	padding: 0.4em 0;
	margin-right: 12px;
}

#panel6{
	float: left;
	width: 32%;
	border-top: 9px solid #ed1161;  
	padding: 0.4em 0;
}

/* END FOR REVISED SITE */
/* END HOME PAGE FORMATTING */

/* SECTION PAGE FORMATTING */
#maincol p.section-intro {
	font-size: 1.6em;
	margin: 0.3em 0 0 0;
	color: #04598e;
	padding:3px 0 0 0;
	line-height: 1.5em;
}

#section-contents {
	float: left;
	width: 100%;
	display:block;	
}

#section-contents .shell{
	margin: 0 2.5em 0 2.5em;
} 

#section-contents1{
	float: left;
	width: 32.5%;
	border-top: 3px solid #f15527 /* #0079C2 */;
	padding: 0.8em 0;
	margin-right: 6px;
}

#section-contents2{
	float: left;
	width: 32.5%;
	border-top: 3px solid #f15527 /* #EF5428 */;
	padding: 0.8em 0;
	margin-right: 6px;
}

#section-contents3{
	float: left;
	width: 32.5%;
	border-top: 3px solid #f15527 /* #33ad33 */; 
	padding: 0.8em 0;
}

#section-contents4{
	float: left;
	width: 32.5%;
	border-top: 3px solid #f15527 /* #98002e */;
	padding: 0.8em 0;
	margin-right: 6px;
	clear:left;
}

#section-contents5{
	float: left;
	width: 32.5%;
	border-top:3px solid #f15527 /* #562888 */;
	padding: 0.8em 0;
	margin-right: 6px;
}

#section-contents6{
	float: left;
	width: 32.5%;
	border-top: 3px solid #f15527 /* #ed1161 */; 
	padding: 0.8em 0;
}

#section-contents7{
	float: left;
	width: 32.5%;
	border-top: 3px solid #f15527 /* #0079C2 */;
	padding: 0.8em 0;
	margin-right: 6px;
	clear:left;
}

#section-contents8{
	float: left;
	width: 32.5%;
	border-top: 3px solid #f15527 /* #EF5428 */;
	padding: 0.8em 0;
	margin-right: 6px;
}

#section-contents9{
	float: left;
	width: 32.5%;
	border-top: 3px solid #f15527 /* #33ad33 */; 
	padding: 0.8em 0;
}

#section-contents10{
	float: left;
	width: 32.5%;
	border-top: 1px solid #98002e;
	padding: 0.8em 0;
	margin-right: 6px;
	clear:left;
}

#section-contents11{
	float: left;
	width: 32.5%;
	border-top:1px solid #562888;
	padding: 0.8em 0;
	margin-right: 6px;
}

#section-contents12{
	float: left;
	width: 32.5%;
	border-top: 1px solid #ed1161; 
	padding: 0.8em 0;
}

/* Section contents boxes */

#section-contents h2{
	color:#003D7D;
	font-size:1.5em;
	font-weight:700;
	margin: 0 0 0.2em 0;
	margin-left: 106px;
	line-height:1.2em;
 }
 
#section-contents p{
	font-size:1.1em;
	margin:0.4em 0pt 0.4em 106px;
	line-height:1.4em;
 }
 

#section-contents h2 a{
	color:#003D7D;
	text-decoration: none;
}

#section-contents h2 a:hover{
	background-color:#FFFFCC;
	color: #98002E;
}

/* END SECTION PAGE FORMATTING */






#breadcrumb-holder {
	float: left;
	width: 100%;
	padding: 1.2em 0 1.2em 0.5%;
	clear: both;
	font-size: 1.1em;
	color: #003D7D;
}

#breadcrumb-holder-home {
	float:left;
	height:2em;
	width:100%;
}

/* */
 
/* Skip Navigation */

#skipnav {/* Hides the 'Skip Navigation' link */
	position:absolute;
	left:-1500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* */

/* Masthead */
 
#header h1 a{
	position: absolute;
	width:234px;
	height:73px;
	text-indent: -5000px;
	overflow: hidden;
	top:40px;
	left:80px;
	z-index: 20;
}

#header #main-logo{
	position: absolute;
	top: 40px;
	left: 80px;
	z-index: 4;
	width: 234px;
	height: 73px;
	background: #0079C2 url(/images/templatev2/main-logo.png) no-repeat;	
}

#header #main-image{	
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	width: 140px;
	height: 132px;
}

#header img {display: none;}/* Hides print logo */

#header p {
	position: absolute;
	top: 30px;
	right: 135px;
	display: block;
	width: 21em;
	height: 60px;
	color: #ffdd00;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.3em;
	z-index: 1000;
}

#header a#contact{
	position: absolute;
	right: 194px;
	bottom: 51px;
	width: 140px;
	height: 31px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(../images/contact.png) no-repeat;	
}

#header a#contact2{
	position: absolute;
	right: 194px;
	bottom: 51px;
	width: 140px;
	height: 31px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(../images/contact2.png) no-repeat;	
}

#header a#donate{
	position: absolute;
	right: 194px;
	bottom: 11px;
	width: 140px;
	height: 31px;
	text-indent: -5000px;
	overflow: hidden;
	background: transparent url(../images/donate2.png) no-repeat;	
}


/* =------------------------------------------------------------------------

Navigation

----------*/

/* Nav 1 */

#navigation .topNavMenu {
	background-color: #DFD9EC;
	float:left;
	width:100%;
	background: #DFD9EC  url(/images/templatev2/top-nav-back.png) top left repeat-y;
	border-bottom: 1px solid #0079c2;
}

#navigation .topNavMenu ul {
	float:left;
	width:68%;
	background-color: #DFD9EC;
	margin-left: 5px;
}

#navigation .topNavMenu ul li {
	border-right:2px solid #0079C2;
	float:left;
	text-align: center;
	font-size:1.1em;
	line-height:1.8em;
	width:18%;
}

#navigation .topNavMenu li a {
	display: block;
	text-decoration:none;
	color: #98002E;
	padding: 0.4em 0 0.4em 0;

}

#navigation .topNavMenu li a:hover {
	color:#003D7D;
	background-color: #cac6d4;
}

.donate {font-weight:bold}

#navigation .search {
	border:0!important;
	width:30%;
	padding: 0.3em 0;
	float: right;
	background: #bdcfef /* #DFD9EC */  url(/images/templatev2/top-nav-back2.png) top right repeat-y;
}

/* */

/* Nav 1a */

#navigation .topNavMenu1 {
	background-color: #bdcfef /* #DFD9EC */;
	float:left;
	width:100%;
	background: #bdcfef /* #DFD9EC */  url(/images/templatev2/top-nav-back2.png) top left repeat-y;
	border-bottom: 1px solid #0079c2;
}

#navigation .topNavMenu1 ul {
	float:left;
	width:68%;
	background-color: #bdcfef /* #DFD9EC */;
	margin-left: 5px;
}

#navigation .topNavMenu1 ul li {
	border-right:1px solid #0079C2;
	float:left;
	text-align: center;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.8em;
	width:19.5%;
}

#navigation .topNavMenu1 li a {
	display: block;
	text-decoration:none;
	color: #000 /* #562888 #ed1161 #98002E */;
	padding: 0.4em 0 0.4em 0;
}

#navigation .topNavMenu1 li a:hover {
	background-color:#FFFFCC;
	color:#98002E;
}

#navigation .topNavMenu2 {
	background-color: #562888;
	float:left;
	width:100%;
	background: #562888  url(/images/templatev2/top-nav-back3.png) top left repeat-y;
	border-bottom: 1px solid #0079c2;
}

#navigation .topNavMenu2 ul {
	float:left;
	width:100%;
	background-color: #562888;
	margin-left: 0;
}

#navigation .topNavMenu2 ul li {
	border-right:1px solid #fff;
	float:left;
	text-align: center;
	font-size:1.1em;
	font-weight: bold;
	line-height:1.8em;
	width:16.5%;
}
#navigation .topNavMenu2 li a {
	display: block;
	text-decoration:none;
	color: #fff /* #ffdd00 */ ;
	padding: 0.4em 0 0.4em 0;
}

#navigation .topNavMenu2 li a:hover {
	background-color:#FFFFCC;
	color:#98002E;
}

/* */

/* Nav 2 */

#navigation {/*background-color: #f2f2f2; padding-bottom: 5px;*/}

#navigation .dhtmlmenuBar {
	float:left;
	width: 100%;
}

ul#mainnav li a {
	padding:0 1.2em;
	text-decoration:none;
	color: #FFFFFF;
}

ul#mainnav li a:hover {
	color: #E7DD00;
}

/* */

ul#mainnav { /* all lists */
	padding: 0;
	margin: 0 0 0 0.5%;
	list-style: none;
	float:left;
	width: 99%;
	display:block;
}

ul#mainnav li { /* all list items */
	float: left;
	position: relative;
	font-size:1.2em;
	font-weight: 700;
	line-height:1.6em;
	padding:0.6em 0;
	width: 20%;
	background: #562888 url(/images/templatev2/nav-corner.png) no-repeat bottom right;
	text-align: center;
	text-shadow:#000000 0pt 0pt 0pt;/* Safari */
	z-index:1000;  /*important fixes ie bug */
}

ul#mainnav li ul { /* second-level lists */
	position: absolute;
	display: none;
	top: 2.8em;
	left: 0;
	width: 100%!important;
	background: url(/images/templatev2/menu-back2.png) bottom right no-repeat;
	padding: 0.4em 0 1em 0;
	border-left: solid 1px #562888;
	z-index: 100;
}

ul#mainnav li:hover, ul#mainnav li.over {background: #562888 url(/images/templatev2/nav-corner-hover2.png) bottom right no-repeat;}

ul#mainnav li:hover ul, ul#mainnav li.over ul { /* lists nested under hovered list items */
	display: block;
}

ul#mainnav li li {
	background: transparent;
	text-align: left;
	font-size:0.9em;
	font-weight: 400;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	padding: 0;
	width: 100%;
	display: block;
}

ul#mainnav li li a {
	padding:0;
	text-decoration:none;
	color: #000;
	background-color: transparent;
	padding: 0.5em;
	border-left: solid 4px transparent; border-right: solid 5px transparent;
	display: block;
	margin-right: 1px; /* to bring the menu in 1px for last button fix - no ie 6 support */
}

ul#mainnav li li a:hover {
	color: #98002E;
	border-left: solid 4px #562888;
	border-right: solid 5px #562888;
	background: url(/images/templatev2/menu-back-roll.png) bottom right no-repeat;
}

ul#mainnav li:hover li, ul#mainnav li.over li{
	background: transparent;
}
	
}

/* */

/* =------------------------------------------------------------------------

Typography

----------*/


#maincol p a, #maincol li a {
	color: #003d7d;			/* AP */
}


#maincol p a:hover, #maincol li a:hover  {
	background-color:#FFFFCC;
	color:#98002E;
	text-decoration:none;
}

/* Breadcrumb */

#breadcrumb-holder a{
	text-decoration:none;
	color: #003D7D;
}

#breadcrumb-holder a:hover {
	background-color:#FFFFCC;
	color:#98002E;
	text-decoration:none;
}

/* */


#maincol h1 {
	color:#003D7D;
	font-size:2.8em;
	font-weight:normal;
	margin: 0 0 0.3em 0;
	line-height:1.3em;
}

#maincol h2 {
	color:#003D7D;
	margin:0.8em 0 0.2em 0;	/* AP */
	font-size:2em;			/* AP */
	line-height: 1.2em;		/* AP */
	font-weight:normal;
}

#maincol h3 {
	color:#98002E;
	margin: 0.5em 0;		/* AP */
	font-size:1.4em;		/* AP */
	font-weight:bold;		/* AP */
}
#maincol h3.sitemap {
	border-top:1px solid #F0EDF5;
	padding-top:10px;
}
/* AP */
#maincol h1.section {
	color:#003D7D;
	font-size:2.8em;
	font-weight:normal;
	margin: -0.3em 0 0.3em 0;
	line-height:1.3em;
}

#maincol h4 {
	color:#000;
	margin: 0.5em 0;
	font-size:1.2em;
	font-weight:bold;
}
/* end AP */
#maincol p {
	font-size: 1.2em;
	margin: 0.5em 0;
}

#maincol p.intro {
	font-size: 1.6em;
	margin: 0.3em 0;
	color: #04598e;
	line-height: 1.5em;
}
#maincol p.intro {
	font-size: 1.6em;
	margin: 0.3em 0;
	color: #04598e;
	line-height: 1.5em;
}

#maincol p.home-intro {		/* FOR TEMPLATE 3 */
	font-size: 1.6em;
	margin: 0.3em 0;
	color: #04598e;
	line-height: 1.5em;
	font-weight: normal;
}
/* AP */
#maincol p.subtext {
	font-size: 1.1em;
	margin: -0.5em 0 1em 0;
}

#maincol p.note {
	font-size: 1.1em;
	margin: 0.5em 0;
	color:#6a757c;
}
#maincol p.notebody {
	font-size: 1.2em;
	font-weight:bold;
	margin: 0.5em 0;
	color:#6a757c;
}
#notebody {
	font-size: 1.2em;
	font-weight:bold;
	margin: 0.5em 0;
	color:#6a757c;
}
#maincol p.date {
	font-size: 1.1em;
	color:#6a757c;
	display: block;
	margin-bottom:0.5em;
}
#maincol .note {
	font-size: 0.9em;
	line-height: 120%;
	color:#6a757c;
}
#maincol .format {
	font-size: 0.9em;
	line-height: 120%;
	color:#6a757c;
}
.redtext {
	color: #98002E;
}
.red-letter {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #bf2c19;
	line-height: 110%;
	margin-bottom: 0.7em;
	margin-top: 1.4em;
}

#maincol p.glossary-letter {
	margin: 0;
	font-size: 2em;
	font-weight: bold;
	color: #bf2c19;
	line-height: 110%;
	margin-bottom: 0.7em;
	margin-top: 2.2em;
}

#maincol p.glossary-term {
	margin: 0.5em 0 -0.5em 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #44146a;
	line-height: 110%;
}

.glossary-link,
.glossary-link a:link,
.glossary-link a:visited, 
.glossary-link a:active {font-size: 1em; color: #44146a; line-height: 120%;}
.glossary-link a:hover {text-decoration: none; background-color: #44146a; color: #fff;}

.glossary-nolink {font-size: 1em; color: #cccce6; line-height: 120%;}

/* */

#maincol ul {
	margin:1.1em 0pt;
}
#maincol ul li {
	font-size:1.2em;
	list-style-position:outside;
	list-style-type: disc;			/* AP */
	margin:0.5em 0pt 0.5em 1.7em;
}
#maincol ol {
	margin:1.1em 0pt;
}
#maincol ol li {
	font-size:1.2em;
	list-style-position:outside;
	list-style-type: decimal;			/* AP */
	margin:0.5em 0pt 0.5em 1.7em;
}

#maincol ul.branchmap{
	font-size:1.2em;
	margin: 0;
}

#maincol ul.branchmap li{
	list-style-type:none;
	margin-left: 0;
}

#maincol ul.leafmap{
	font-size:0.8em;
}

#maincol ul.leafmap li{
	list-style-type:circle;
	list-style-position:outside;
	margin-left: 20px;
}

#maincol .paging a{
	text-decoration:none;
	color: #003D7D;
	font-size: 1em;
	padding: 0.2em 0;
}

#maincol .paging a:hover {
	background-color:#FFFFCC;
	color:#98002E;
}

#maincol h1.homepage{
	color:#003D7D;
	font-size:1.9em;
	font-weight:700;
	margin: 0 0 0.2em 0;
	line-height:1.3em;
	margin-left:190px;
}

#maincol h1.homepage a{
	color:#003D7D;
	text-decoration: none;
}

#maincol h1.homepage a:hover{
	background-color:#FFFFCC;
	color: #98002E;
}

#maincol p.homepage{
	margin-left:190px;
}

#footer a {
	text-decoration:none;
}

#footer a:hover{
	background-color:#FFFFCC;
	color:#98002E;
	text-decoration:none;
}

#footer .links {
	background-color: #0079C2;
	float:left;
	width: 100%;
	margin: 0;
}

#footer .links ul {
	float: right;
}

#footer .links ul li {
	float:left;
	border-right:1px solid #FFFFFF;
	font-size:1em;
	line-height:1.2em;
	padding: 0.5em 0.8em ;
	text-shadow:#000000 0pt 0pt 0pt;/*remove Safari text shadow */
}

#footer .links li a {
	text-decoration:none;
	color: #FFFFFF;
}

#footer .links li a:hover {
	color:#E7DD00;
	border-bottom-width: 0;
	background-color: transparent;
}

#footer .copy {
	color:#98002E;
	float: left;
	width:70%;
	font-size: 1em;
	margin: 0.4em 0 0 0;
}

#footer .date {
	color:#98002E;
	float:right;
	text-align: right;
	width:29%;
	font-size: 1em;
	margin: 0.4em 0 0 0;
}
#footer .panel {
	color:#000;
	float:left;
	clear: both;
	width:99%;
	font-size: 1em;
	margin: 0.6em 0 0 0;
	padding: 3px;
	background-color:#f2f5f8;
	border: 1px solid #0079c2;
}
#footer .contact {
	color:#003D7D;
	float:left;
	clear: both;
	font-size: 1em;
	margin: 0.4em 0 0 0;
}
#footer .buttons {
	float:right;
	width:350px;
	text-align: right;
	vertical-align:middle;
	margin: 1em 0 0 0;
}
#footer .contact  .contact-label {
	color:#6A757C;
}
#footer .tincan {
	color:#6A757C;
	float:left;
	clear: both;  
	width:39%;
	font-size: 1em;
	margin: 0.4em 0 0 0;
}

#footer .honcode {
	float:right;
	width:60%;
	margin: 0.2em 0 0 0;
	font-size:1em;
	text-align:right;
} 
 #footer .honcode2 {
	float:right;
	width:100%;
	margin:.2em 0 0 auto;
	font-size:1em;
	text-align:right;
} 

/* Listings */
/* #maincol .listings {
	background-color: #f2f5f8;
	}
*/

#maincol .listings h3 {
	font-size: 1.2em; 
	font-weight: bold;
	padding: 2px 0 0 12px;
	margin: 0 0 1px 0;			/* AP */
	color: #003D7D;
	background: #fff url(/images/linkarrow2.gif) 0px 8px no-repeat;	/* AP */
/*	background-color: #f2f5f8; */
}

#maincol .listings h3 a:hover {
	background-color:#FFFFCC;
	color:#98002E;
}

#maincol .listings .item {padding: 0 0 2px 0;}  /* AP */
#maincol .listings .item .date{font-size: 0.975em; color: #003d7d; display:inline;}	/* AP */
#maincol .listings .item .summary{font-size: 1.15em; color: #000; margin: -0.3em 0 0 0; line-height:1.25em}	/* AP */
#maincol .listings .item p {font-size: 1.2em;}  /* AP */
#maincol .listings .item .note {color:#6a757c; font-size: 1.1em; margin: -.5em 0 0 0;}

/* Home  Boxes */

#home-feature-boxes h2{
	color:#003D7D;
	font-size:1.5em;
	font-weight:700;
	margin: 0 0 0.2em 0;
	margin-left: 130px;
	line-height:1.2em;
 }
 
#home-feature-boxes p{
	font-size:1.1em;
	margin:0.4em 0pt 0.4em 130px;
	line-height:1.4em;
 }
 

#home-feature-boxes h2 a{
	color:#003D7D;
	text-decoration: none;
}

#home-feature-boxes h2 a:hover{
	background-color:#FFFFCC;
	color: #98002E;
}

/* */

/* left Column Navigation */

h4.left-col-head1 {
	background-color:#f75521 /* #ED1161 */;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	text-transform: uppercase;
	padding:2px 2px 2px 3px;
	text-shadow:#000000 0pt 0pt 0pt;/*remove Safari text shadow */
}

h4.left-col-head2 {
	background-color:#9D85BE;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	text-transform: uppercase;
	padding:2px 2px 2px 3px;
	text-shadow:#000000 0pt 0pt 0pt;/*remove Safari text shadow */
}

h4.left-col-head3 {
	background-color:#98002E;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	padding:2px 2px 2px 3px;
	text-align:left;
	text-shadow:#000000 0pt 0pt 0pt;/*remove Safari text shadow */
}

h4.left-col-nohead {
/*	background-color:#ED1161;
	padding-top:2px;
*/
}

#leftcol ul.navigation .subhead{
	color:#003D7D;
	font-size:1em;
	font-weight:bold;
}

#leftcol .header{ /* this deals with the code generated by the doclist branchfield - leaves a gap in ie6 becaus of the <span> element */
	color:#003D7D;
	font-size:1em;
	font-weight:bold;
	display:block;/* needed to fix span bug descibed above */
}

#leftcol ul.navigation {
	margin-bottom: 1em;
}

#leftcol ul.navigation li {
	line-height: 1.4em;
}

#leftcol ul.navigation li a {
	border-bottom:1px solid #DFD9EC;
	padding: 0.375em 0;
	color:#003D7D;
	font-size:1em;
	text-decoration:none;
	display: block;
	width: 100%;
}

#leftcol ul.navigation li a:hover{
	background-color:#FFFFCC;
	color: #98002E;
}

/* SELECTED PAGE */
#leftcol ul.leaflist li.selected a,
#leftcol ul.leaflist li.selected a:hover {
	background-color: #f2f5f8;
	color: #98002E;
}

/* TO HIDE SELECTED SECTION NAME */
#leftcol ul.section-navigation li.selecteditemstyle {
	display: none;
}

/* TO MAKE SECTION NAMES UPPERCASE */
#leftcol ul.section-navigation {
	margin-bottom: 1em;
}

#leftcol ul.section-navigation li {
	line-height: 1.4em;
}

#leftcol ul.section-navigation li a {
	border-bottom:1px dashed #DFD9EC;
	padding: 0.4em 0;
	color:#003D7D;
	font-size:1em;
	text-transform: uppercase;
	text-decoration:none;
	display: block;
	width: 100%;
	font-weight:bold;
}

#leftcol ul.section-navigation li a:hover{
	background-color:#FFFFCC;
	color: #98002E;
}

/* */

#leftcol ul.leaflist {
	margin-bottom: 1em;
}

#leftcol ul.leaflist li {
	line-height: 1.4em;
}

#leftcol ul.leaflist li a {
	border-bottom:1px dashed #DFD9EC;
	padding: 0.4em 0;
	color:#003D7D;
	font-size:1em;
	text-decoration:none;
	display: block;
	width: 100%;
}

#leftcol ul.leaflist li a:hover{
	background-color:#FFFFCC;
	color: #98002E;
}

/* */

/* right col */

.right-col-quotation{
	background: #ffffff url(/images/templatev2/quote-left2.png) top left no-repeat;
	margin-top: 0.4em;
}

blockquote {
	background: url(/images/templatev2/quote-right2.png) bottom right no-repeat;
	padding: 0.7em 0.6em 0.4em 0.6em;
}

.right-col-image {
	margin-top: 0;
	margin-bottom: 12px;
}

.right-col-image-home {
	margin-top: 0em;
	margin-bottom: 3px;
}

.right-col-image-section {
	margin-top: 0em;
	margin-bottom: 3px;
}

/* */

/* =------------------------------------------------------------------------

Forms

----------*/

form#search {
	float: right;
	margin-right: 10px;
}

.searchBoxinput{
	background:#FFFFFF url(/images/templatev2/searchinput_bg.gif) repeat-x scroll 0pt;
	border:1px solid #7f9db9;
	width:12em;
	font-size: 1.2em;
	padding: 0.2em;
}

.searchSubmit{
	background-color:transparent;
	border:0px solid transparent;
	color:#000 /* #562888;
	font-size:12px;/* nicer to opera with text in px */
	font-weight:bold;
	cursor: pointer;
}

.searchSubmit:hover{/* no ie support on button:hover */
	color:#98002E;
}

#maincol form  {
	background-color: #f2f5f8;	/* AP */
}
#maincol form table {
	font-size: 1.2em;
	background-color: #f2f5f8;	/* AP */
}

#maincol form table span.note {color: #44146A;}

/* SEARCH RESULTS */

.search-paging {
	float: left;
	width: 100%;
	margin: 10px 0;
}

.searchresults {
	margin: 0 0 10px 0;
	display: block;
	float: left;
	width: 100%;
}

.resultsnumber {
	display: block;
	float: left;
	font-size:3em;
	line-height:1em;
	color:#bcb8c6;
	text-align:center;
	width:45px;
}

.resultstext {
	margin: 0 0 0 45px;
	padding: 0;
	display: block;
	position: relative;
}

.resultstext table {font-size: 1.2em;}

.resultsurl {
	margin:0 0 5px 0;
	font-size:1.6em;
}

searchresults table {
	font-size: 100%;
}

.shade {
	background-color: #FAFAFA;
}

/* fieldset styling */

#maincol form fieldset {border-width: 0; font-size: 1.2em;}

#maincol form legend{display:none;}

#maincol form div {
	float:left;
	padding:0.5em 0pt;
	width:100%;
	border-bottom: 1px solid #f5f5f5;
}


#maincol form .formfield label {
	display:block;
	float:left;
	width:40%;
}

#maincol form .formfield input , #maincol form .formfield textarea {
	float: right;
	width: 50%;
}

#maincol form .formfield select {float: right; width: 50%;}

#maincol form .formcheckbox label{
	display:block;
	float:left;
	width:70%;
}

#maincol form .formcheckbox input{
	float: left;
	margin-left: 2em;
}

.formsubmit a {
	background-color:#F6F6F3;
	border:1px solid #7F9DB9;
	font-size:1.5em;
	padding:0.2em 0.4em;
	text-align:center;
	text-decoration:none;
}

.formsubmit a:hover {
	background-color:#CAC6D4;
}

.formsubmit {
	float:left;
	margin:0.5em 0pt;
}

/* AP */
.form-required {
	color: #98002E;
}
.form-note	{
	font-size: 0.9em;
	margin: 0.5em 0;
	color:#003D7D;
}
p .form-note {
	font-size: 0.9em;
	margin: 0.5em 0;
	color:#003D7D;
}
.data {
	font-size: 1.1em;
	color: #000000;
	line-height: 130%;
	font-weight: normal;
	border: solid #44146a 1px;	
}
.data-header {
	color: #000000;
	line-height: 120%;
	font-weight: bold;
}
.formfield {
	font-size: .9em;
	font-weight: bold;
	text-align:left;
	background-color:#f2f5f8;
}
.formfield-sub {
	font-size: .9em;
	font-weight: normal;
	text-align:left;
	background-color:#f2f5f8;
	line-height:120%;
	vertical-align:middle;
}

#maincol .formfield-wide {
	font-size: 1em;
	line-height: 150%;
	font-weight: normal;
	padding-top:3px;
}
#maincol .formfield-number {
	font-size: 1.4em;
	font-weight: bold;
	text-align:right;
	vertical-align:top;
	line-height: 150%;
	color:#98002E
}
#maincol .formfield-label {
	font-size: 0.7em;
	line-height: 150%;
	font-weight: normal;
	color:#339933;
}

#maincol .formfield-small-label {
	font-size: .95em;
	color: #999999;
}

#maincol .formfield-question {
	/*	color: #bf2c19; */
	font-weight:bold;
}

#maincol .formfield-note {
	font-size: 0.85em;
	margin-bottom: .85em;
}
/* end AP */

.required {
	color: #98002E;
	float:left;
	align: top;
	margin-left: 1em;
	width: auto;
	vertical-align: middle;
}
.error {color: #98002E;}

#maincol form h3 {
	font-size: 1.2em;
	margin:0.5em 0pt;
	float: left;
	line-height:1.5;
}

#maincol form h2 {float: left; width: 100%;}

/* */


/* =------------------------------------------------------------------------

Images

----------*/

.left {float: left; clear: left; padding: 0.5em 1.5em 0.5em 0;}
.right {float: right; clear: right; padding: 0.5em 0 0.5em  1.5em;}

.image-main-home {
	clear:right;
	float:left;
}

.image-main-home img{
	height: 180px;
	width: 180px;
}

.image-main-photo {			/* FOR TEMPLATE 2 */
	clear:right;
	float:left;
}

.image-main-photo img{		/* FOR TEMPLATE 2 */
/*	height: 180px; */
	width: 500px;
}

.image-home-intro {			/* FOR TEMPLATE 3 */
	clear:right;
	float:left;
	margin-right: 12px;
}

.image-home-intro img{		/* FOR TEMPLATE 3 */
	height: 180px;
/*	width: 270px; */
}

#home-feature-boxes img{
	clear:right;
	float:left;
	padding-right:6px;
}

#section-contents img{
	clear:right;
	float:left;
}

/* leftcol banner image */

#leftcol .banner {
	margin: 1em 0;
}

/* Preload Images */

#preload *{height:1px; width:1px; overflow:hidden;}
#preload1 {background:transparent url(/images/templatev2/menu-back2.png)}

/* */

.imagecaption {color:#6a757c;}

/* AP */
/* footer site map */
.clearing {
  height: 0;
  clear: both;
}
#footer_wrapper {clear:both;}
#footer_map {
    margin: 0 0 0 0;
    padding: 6px 15px 10px 0;
    background: #dedbef;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	line-height:105%;
}
#footer_map .maptitle {
	color:#98002e;
    font-weight: bold;
    font-size: 1.1em;
	margin-left: 15px;
}

#footerLinks {
    padding: 8px 0 0 0;
    margin: 0 0 21em 0;
    list-style-type: none;
}

#footerLinks * {
    margin: 0;
    padding: 0;
}

#footerLinks a,
#footerLinks a:active,
#footerLinks a:link,
#footerLinks a:visited {
    color: #000;
	line-height:105%; !important
}
#footerLinks a:hover {
	color:#98002E;
	background-color:#FFFFCC;
	display:block;;
	line-height:105%;
}

#footerLinks li {
    display: block;
    float: left;
    width: 20%;
    _width: 19%;
}

* + html #footerLinks li {
    width: 20%;
}

#footerLinks dt {
/*  width: 177px; */
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 4px;
    border-bottom: 1px solid #b59ece;
    margin-bottom: 4px;
    margin-left: 15px;
}

#footerLinks dd {
    margin-bottom: 0.2em;
    margin-left: 15px;
    border-bottom: 1px solid #c6bade;
	padding-bottom:2px;
	font-weight:normal;
}

#tincan2 {
	float:left;
	clear: both;  
	width:100%;
	font-size:.9em;
	margin: .5em auto 0 auto;
}