#home #bd{
background:transparent url(../../images/home-bd-bg-narrowtext.jpg) no-repeat scroll left 49px;
}
#bd{
background:#b9deff url(../../images/bd-bg.jpg) no-repeat scroll left 49px;
}
#hd{
background:#fff url(../../images/hd-bg.jpg) no-repeat scroll left top;
position:relative;
}
/* head */
#hd a#view-discreetly{
position:absolute;
bottom:3px;
right:212px;
font-size:95%;
#font-size:85%;
text-decoration:none;
}


#hd a#need-help{
position:absolute;
bottom:2px;
right:34px;
font-size:108%;
text-decoration:none;
}

#home-link a{
display: block;
height: 2em;
width: 20em;
position: absolute;
top: 2.5em;
left: 1.1em;
text-decoration: none;
}

/* typography*/
#main-content p, #main-content ul{
color:#fff;
}
#main-content p{
margin-left:16px;
}
.bold{
font-weight:bold;
}
a{
color:#fff;
font-weight:bold;
}
a:hover{
color:#fff;
font-weight:bold;
cursor:pointer;
}

p a, #copy a, #copy a:hover, #copy ul.linklist li{
color:#1b63b5 !important;
font-weight:normal;
}

.content p a, .content p a:hover{
color:#1B63B5;
font-weight:normal;
}

#copy h2, #copy h3{
color:#1b63b5;
margin-left:12px;
margin-bottom:0.5em;
}

#copy h2 span{
color:#000;
font-weight:bold;
font-size:85%;
}


h2 a,  h2 a:hover, h2 a:visited,  h3 a,  h3 a:hover, h3 a:visited/*, div#main-copy div#copy p a*/, a.prioritylink {
 	color:#1b63b5;
 	padding-right:13px;
	background:transparent url(../../images/subnav-active-arrow.gif) right 3px  no-repeat;
 }
h3 a,  h3 a:hover, h3 a:visited, p a.prioritylink{
 	text-decoration:none;
}



.content ul li, .content ul li a, .content ul li a:hover, .content ul li a:visited{
color:#1B63B5;
}

.content ul li a{
	padding-left:12px;
	background:url(../../images/subnav-active-arrow.gif) 0 3px no-repeat;
}

.smalltext{
font-size:85%;
}

/* home page */
body#home #intro-text{
height: 160px;	
width: 360px;
float: left;
}
body#home .home-text{
width:325px;
}
body#home #home-wrapper{
float: left;
width: 360px;
}
body#home .home-panels{
float: left;
width: 40%;
position: relative;
top: 0.4em;
/*top: 12.4em;*/
}
body#home #intro-text h1{
height:160px;
width:50%;
position:relative;
}
body#home #intro-text h1 span{
height:160px;
width:100%;
position:absolute;
top:0;
left:0;
background:transparent url(../../images/h1-index-bg-narrow.jpg) top left no-repeat;
}
body#home #main-content p{
margin-bottom:6px;
margin-left:17px;
}

body#home #main-content div.home-text p a {
	color: #fff !important;
}

body#home #main-content div.home-text p a:hover {
	font-weight: normal !important;
}

p.footnote { font-size: 9px; float: right; padding-right: 10px; }

/* trans panels */
.trans-panel{
margin-left:16px;
height:100px;
background: url(../../images/trans-panel-bg.jpg) top left no-repeat;
}
#main-content div.trans-panel p{
margin:0.2em 0.6em 0.6em 0.6em;padding:0;
margin-bottom:0;
}
#main-content div.trans-panel img{
margin:0.6em 0.6em 0 0.6em;padding:0;
}

/* personal experiences and latest news */
div#personal-experiences, div#latest-news{
width:175px;
height:131px;
margin-bottom:1em;
position:relative;
}

div#personal-experiences p , div#latest-news p{
margin-left:10px;
}

div#personal-experiences p a, div#latest-news p a{
font-weight:normal;
}
div#personal-experiences p {
width: 10em;

}
div#personal-experiences p.baseline {
width: 100%;

}
div#register-panel {
  width:175px;
  height:131px;
  margin-bottom:1em;
  position:relative;
  background:url(/images/home-panel-register.png) top left no-repeat;
}
div#register-panel p {
  margin-left:10px;
}
div#register-panel p a {
  font-weight:normal;
  color:#1b63b5;
}
div#register-panel h3 {
height:2em;
margin-left:10px;
position:relative;
color:white;
}
div#register-panel h3 a {
}
div#register-panel h3 span{
position:absolute;top:4px;left:0;width:100%;height:100%;
background:url(/images/h3-register.png) top left no-repeat;
}

div.terry{
background: url(../../images/panel-bg-personal-terry.gif) top left no-repeat;
}
div.terry a{
color: #1b63b5;
}
div.terry h3 span{
background:url(../../images/h3-personal-terry.gif) top left no-repeat;
}
div.terry-long{
background: url(../../images/panel-bg-pers-terry-long.gif) top left no-repeat;
}
div.terry-long a{
color: #1b63b5;
}
div.terry-long h3 span{
background: none;
}

div#personal-experiences{
color: #000000;
}
div#personal-experiences a{
color: #1b63b5; font-weight: bold;
}


div.jan{
background: url(../../images/panel-bg-personal-jan.gif) top left no-repeat;
color: #FFFFFF;
}
div.jan a{
color: #FFFFFF;
}
div.jan h3 span{
background:url(../../images/h3-personal-jan.gif) top left no-repeat;
}
div.jan-long{
background: url(../../images/panel-bg-pers-jan-long.gif) top left no-repeat;
color: #FFFFFF;
}
div.jan-long a{
color: #FFFFFF;
}
div.jan-long h3 span{
background:none;
}

div.rachel{
background: url(../../images/panel-bg-personal-rachel.gif) top left no-repeat;
color: #FFFFFF;
}
div.rachel a{
color: #FFFFFF;
}
div.rachel h3 span{
background:url(../../images/h3-personal-rachel.gif) top left no-repeat;
}
div.rachel-long{
background: url(../../images/panel-bg-pers-rachel-long.gif) top left no-repeat;
color: #FFFFFF;
}
div.rachel-long a{
color: #FFFFFF;
}
div.rachel-long h3 span{
background:none;
}


div.steve-long{
background: url(../../images/panel-bg-pers-steve-long.gif) top left no-repeat;
color: #FFFFFF;
}

div.personal-1 {background: url(../../images/bg-personal-1.png) top left no-repeat;}
div.personal-1 h3 { text-indent: -9999px; }
div.personal-2 h3 { text-indent: -9999px; }
div.personal-3 h3 { text-indent: -9999px; }
div.personal-4 h3 { text-indent: -9999px; }
div.personal-1 h3 span{ background:url(../../images/h3-personal-1.gif) top left no-repeat; }
div.personal-1 p{ color: #FFFFFF; }
div.personal-1 p a { color: #FFFFFF !important; }
div.personal-2 {background: url(../../images/bg-personal-2.png) top left no-repeat;}
div.personal-2 span { background:url(../../images/h3-personal-2.gif) top left no-repeat;}

div.personal-3 {background: url(../../images/bg-personal-3.png) top left no-repeat;}
div.personal-3 h3 span{background:url(../../images/h3-personal-3.gif) top left no-repeat;}

div.personal-4 {background: url(../../images/bg-personal-4.png) top left no-repeat;}
div.personal-4 h3 span{background:url(../../images/h3-personal-4.gif) top left no-repeat;}

div#latest-news{background: url(../../images/panel-bg-latest-news.gif) top left no-repeat;}

div#personal-experiences h3, div#latest-news h3{
font-size:85%;
margin:0 0 0 5px;padding:6px 0 0 0;
height:45px;
width:100%;
position:relative;
}
div#personal-experiences h3 span{
position:absolute;
top:6px;
left:0;
width:100%;
height:100%;
}

 div#latest-news h3 span{
position:absolute;
top:6px;
left:0;
width:100%;
height:100%;
}
div#latest-news h3 span{
background:url(../../images/h3-personal-experiences.gif) top left no-repeat;
}

div#latest-news h3 span{
background:url(../../images/h3-latest-news.gif) top left no-repeat;
}

div#latest-news p {
  color:white;
}
div#latest-news p a {
  color:white !important;
}
div#latest-news p.baseline a {
  color:white !important;

}
div#latest-news p.baseline{
	width:90%;
}
.baseline{
position:absolute;
bottom:6px;
}

.baseline a{background:none;}

div#personal-experiences .yui-u{
width: 14em;
}
div.personal-experiences-long{
/*width: 19em;*/
height: 5.5em;
margin-bottom:1em;
}
div.personal-experiences-long h3{
visibility: hidden;
}
/* end home page */

/* footer */
#ft{
background:url(../../images/footer-bg.jpg) top left no-repeat;
}
body#home #ft{
background:none;
}
body#home #ft p{
margin:1.5em 1em;

}
body#home #ft a{
margin:1em;
}
#ft p{
margin:3em 1em;
width:75%;
color:#adb1aa;
font-size:85%;
float:left;
display:inline;
}
#ft a{
margin:2.5em 1em;
width:10%;
color:#adb1aa;
float:left;
display:inline;
text-align:right;
}

#ft a.inline, body#home #ft a.inline{
margin:0;
width:auto;	
float:none;
text-align:left;
font-weight:normal;
}

/* sub nav */
#subnav{
margin-left:16px;
}
#subnav li, #subnav li ul li{
padding:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#subnav li ul{
margin:0 0 0 10px;padding:0;
}

#subnav li{
background:none;
line-height:21px;
margin-bottom:1px;
}

#subnav li.open ul li{
line-height:16px;
margin-bottom:7px;
}

#subnav li a{
padding-left:15px;
background:url(../../images/subnav-lozenge-bg.gif) top left no-repeat;
display:block;
width:100%;
text-decoration:none;
font-size:85%;
}
#subnav li a.large {
padding-left:15px; padding-top: 5px; padding-bottom: 5px; line-height: 16px;
background:url(../../images/subnav-lozenge-bg-large.gif) top left no-repeat;
}
#subnav li a:hover, #subnav li.open a, #subnav li.open a:hover{
background:url(../../images/subnav-lozenge-bg-over.gif) top left no-repeat;
color:#1b63b5;
}
#subnav li a.large:hover, #subnav li.open a.large, #subnav li.open a.large:hover{
background:url(../../images/subnav-lozenge-bg-over-large.gif) top left no-repeat;
color:#1b63b5;
}

#subnav li.open ul li a, #subnav li.open ul li a:hover{
background:none;
}

#subnav li.open a{
font-weight:bold;
color:#1b63b5;
}
#subnav li.open ul li a{
font-weight:bold;
color:#000;
}
#subnav li.open ul li span.indent{
margin-left: 1em;
}
#subnav li.open a:hover, #subnav li.open ul li a:hover, #subnav li.open a.active, #subnav li.open ul li a:hover{
color:#1b63b5;
}

#subnav li.open ul li a:hover, #subnav li.open ul li.active a, #subnav li.open ul li.active a:hover {
color:#1b63b5;
background:url(../../images/subnav-active-arrow.gif) left 3px no-repeat;
}

/* show hide subsubnav */
ul#subnav li ul{
display:none;
}
ul#subnav li.open ul{
display:block;
}

/* end sub nav */


/* copy :: see gateways section for wide copy styles */
#main-copy{
width:360px;
margin-left:5px;
}
#copy{
background:#fff url(../../images/copy-top-crnr.gif) top left no-repeat;
margin:6px 0 0 0;
padding:8px 0 0 0;
}
#copy .copy-foot{
background:#fff url(../../images/copy-btm-crnr.gif) bottom left no-repeat;
height:13px;
}
#copy h1{
margin:0 12px 0 12px;
color:#1b63b5;
}
#copy p{
margin:0em 12px 0.5em 12px;
}
p.intro-text{
font-weight:bold;
}
p.last{
margin-bottom:0;
}
#copy p strong{
color:#1B63B5;
}

/* gateways */
#main-copy-wide, .gateway .copy-foot{
width:545px;
margin-left:5px;
}
#main-copy-wide #copy{
background:#fff url(../../images/copy-wide-top-crnr.gif) top left no-repeat;
margin:6px 0 0 0;
padding:8px 0 0 0;
}
/* gateways rhp */
.gateway .panel-generic{
background:transparent url(../../images/gateway-panel-top-crnr.gif) top left no-repeat;
padding-top:0.7em;
margin-bottom:1em;
*margin-bottom:0.3em;
position:relative;
}
.gateway .panel-generic .wrapper{
margin:0;padding:0;
width:250px;
border-left:1px solid #8db1da;
border-right:1px solid #8db1da;
margin-left:0px;
margin-right:5px;
}
.gateway .panel-generic .panel-foot{
background:transparent url(../../images/gateway-panel-btm-crnr.gif) top left no-repeat;
height:10px;
}
.gateway .panel-generic a.linkmask{
position:absolute;
top:0;
left:0;
width:100%;height:60px;
}

.gateway .panel-generic ul{
margin-top:0;margin-bottom:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.gateway #copy h1{
padding-bottom:0.5em;
}

.gateway .content{
width:545px;
background:#fff;
margin-left:5px;
}
.gateway .content p.last, .gateway .content p.intro-text, .content p{
margin:0 1em 0.5em 1em;
}
.gateway .copy-foot{
margin-top:0;
background:#fff url(../../images/copy-wide-btm-crnr.gif) bottom left no-repeat;
height:13px;
}

/*.gateway #strategy h3 span{
background:url(../../images/h3-strategy.gif) top left no-repeat;
}
.gateway #service-development h3 span{
background:url(../../images/h3-service-development.gif) top left no-repeat;
}
.gateway #national-reference h3 span{
background:url(../../images/h3-national-reference.gif) top left no-repeat;
}
.gateway #directory h3 span{
background:url(../../images/h3-directory.gif) top left no-repeat;
}
.gateway #immediate-help h3 span{
background:url(../../images/h3-immediate-help.gif) top left no-repeat;
}
.gateway #websites h3 span{
background:url(../../images/h3-websites.gif) top left no-repeat;
}
.gateway #join-the-network h3 span{
background:url(../../images/h3-join-network-on-white.gif) top left no-repeat;
}*/

/* rhp */
#rhp{
margin:6px 6px 0 0;
}
#rhp .panel-generic{
background:transparent url(../../images/rhp-panel-top-crnr.gif) top left no-repeat;
padding-top:8px;
}
#rhp .last{
margin-top:6px;
}
#rhp .panel-generic .wrapper{
margin:0;padding:0;
border-left:1px solid #1b63b5;
border-right:1px solid #1b63b5;
margin-left:1px;
margin-right:5px;
}
.wrapper h3{
margin:0pt 0.75em;
color:#1B63B5;
}

.wrapper p{
margin:0 1em;
color:#1b63b5;
/*font-size:85%;*/
font-size:93%;
}
.wrapper p.fauxlink{
text-decoration:underline;
}

.wrapper p.last{
margin-bottom:0; padding:0;
}

#join-network h3, #help h3{
position:relative;
height:25px;
}
#join-network h3 span, #help h3 span{
position:absolute;
top:0;
left:-1px;
width:100%;
height:100%;
}

#join-network h3 span{
background:url(../../images/h3-join-network.gif) top left no-repeat;
}
#help h3 span{
background:url(../../images/h3-help.gif) top left no-repeat;
}
#rhp .panel-generic .panel-foot{
background:transparent url(../../images/rhp-panel-btm-crnr.gif) top left no-repeat;
height:9px;
}

.panel-generic ul.last{
margin-left:1em;
}

.panel-generic ul.last li{
margin-top:0;margin-bottom:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.panel-generic ul.last li a{
color:#1b63b5;
padding-left:0;
}

div#strategy ul li a, div#directory ul li a, div#immediate-help ul li a{
background:transparent url(../../images/subnav-active-arrow.gif) no-repeat scroll right 5px;
padding-right:12px;
font-weight:normal;
font-size:93%;}

/* news and events */

hr{
margin:0.5em 1em;	
height: 1px; color: #DADCD9; border: none; /*ie*/	
background-color: #DADCD9;
border: 0px solid #DADCD9; /*opera*/
}

.newsdate{
color:#999;
font-size:85%;
}
.prioritylink{
font-weight:bold !important;
}
.newsarticlelink{
white-space:nowrap;
}

div.bulleted ul{
	list-style-type:disc;
	list-style-position:outside;
}
div.bulleted ul li{
	margin-left:1em;
	list-style-type:disc;
	list-style-position:outside;
}
div.bulleted hr{
	margin:2em 1em;
}


/* stylein for forum images in news */
.item {  width:100%;overflow:auto;}
.item img{float:left;margin:5px; }
.item p{float:left;margin:10px!important;  font-size:17px;}

img.portrait { float: right; padding:0 0 5px 5px; }

ul.disc li { list-style: disc outside; }

