/* =Structure
----------------------------------------------- */
#main {float:left; width:549px}
#main2, #nbar2, #main3, #nbar3 {padding:0 20px}

/* Structure: =mn (main, nav)
----------------------------------------------- */
#mn #maincontent, #mn #maincontent2 {float:left; width:549px}

/* Structure: =m (main)
----------------------------------------------- */
#m #main {float:none; width:750px}

/* =Inset
----------------------------------------------- */
#ibar {background:#fff; float:left; width:180px; margin:1.5em 10px 1.5em 0; border-right: 1px dotted #9F283B}
#ibar .also {margin-bottom:1.5em}
#ibar p {padding-right: 5px}

/* MISC: =Headings
----------------------------------------------- */
h2 {margin:0 0 .25em; padding-top:.5em; font:130%/1.5em Georgia,Serif}
.mn #main h2 {margin:.5em 0 0; font-weight:bold; font-size:210%}
.mn #main2 h3 {font:130%/1.5em Georgia,Serif; font-weight:bold}
.mn #main3 h3 {font:120%/1.5em Georgia,Serif; font-weight:bold}
#nbar h2 {clear:left; margin-top:1.6em; font-weight:bold}
/*#nbar h2 {margin:1em 0 0}*/
#main h2, #nbar h2 {padding: .25em 0 .25em}
.mn #ibar h3 {
  font:80% Verdana,Sans-serif; font-weight:bold;
 text-transform:uppercase; letter-spacing:.1em; color:#000}

/* =Specials
----------------------------------------------- */
.line {border-top: #9F283B 1px dashed; margin: 15px 0}
.show {display:block}


/* MISC: =Lists
----------------------------------------------- */
#nbar ul, #ibar ul {list-style:none}
#ibar ul li {margin-left:0; line-height:1.3em; padding-bottom:.5em}
dl.contact dt {padding:0; margin-top:1em}
dl.contact dd {padding:0; margin:0; line-height:1.3em}

/* MISC: =nbox
----------------------------------------------- */
#nbox, #nbox2 {width:200px}
#nbox ul ul {margin:.2em 0 1em; font-size:100%}
/*#nbox li, #nbox2 li {border-top:1px solid #9F283B; margin:0; font-weight:bold}*/
#nbox li, #nbox2 li {background:transparent; margin:0; font-weight:bold}
#nbox ul li ul li, #nbox2 li {border:0}
#nbox li a, #nbox2 li a {
  display:block; width:200px;
  /*padding:7px 5px 7px 35px;*/
  padding:3px 0 7px;
  text-decoration:none;
  background-color:transparent;
  background-image:url(../srgnpimages/arrow.gif);
  background-repeat:no-repeat;
  background-position:18px 12px;
  }
#nbox li.crumb {
  width:200px;
  text-decoration:none;
  background-color:transparent;
  background-image:url(../srgnpimages/crumbgrad.gif);
  background-repeat:repeat-x;
  background-position:top left;
  }
#nbox li.crumb a {
  display:block; width:200px;
  /*padding:7px 5px 7px 25px;*/
  padding:3px 0 7px;
  text-decoration:none;
  background-color:transparent;
  background-image:url(../srgnpimages/arrowdn.gif);
  background-repeat:no-repeat;
  background-position:8px 12px;
  }
#nbox ul li ul li a, #nbox2 li a {
  padding:5px 5px 5px 15px;
  width:180px;
  background-position:38px 10px;
  }
#nbox li span, #nbox2 li span {
  display:block; width:200px;
  /*padding:7px 5px 7px 35px;*/
  padding:3px 0 7px;
  margin:0;
  background-image:url(../srgnpimages/arrow.gif);
  background-repeat:no-repeat;
  background-position:18px 12px;
  }
#nbox ul li ul li span, #nbox2 li span {
  padding:5px 5px 5px 15px;
  width:180px;
  background-position:38px 10px;
  }
html>body #nbox li a { width:auto; }
#nbox li a:hover, #nbox2 li a:hover {
  background-color:transparent; color:#ca4;
  background-image:url(../srgnpimages/roarrow.gif);
  background-repeat:no-repeat;
  background-position:18px 12px;
  }
#nbox li.crumb a:hover {
  background-color:transparent; color:#ca4;
  background-image:url(../srgnpimages/roarrowdn.gif);
  background-repeat:no-repeat;
  background-position:8px 12px;
  }
#nbox ul li ul li a:hover, #nbox2 li a:hover {
  background-position:38px 10px;
  }

/* =Boxes
----------------------------------------------- */
#main2 .box h2, #main2 .box {border:none}
#main2 .box {float:right; width:254px; background-color:#dceff5; margin-left:1em; font:95% Arial,Sans-serif}
#main2 .box:before {display:block; line-height:0.1; margin:0 0 -8px}
#main2 .box:after {clear:both; display:block; line-height:0.1}
h3 {margin-top:0}
#main2 .box h3 {
  background: transparent; padding:.5em 0 .5em 10px; border-bottom:#C1C18E 1px solid;
  font:90% Arial,Sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:.1em; color:#000
  }
  
#main2 .box dl, #main2 .box p {padding:.5em}
ul.boxnav br {display:none}
.boxnav li {margin:0 0 5px; padding:0; background-image:none; list-style:none}
.boxnav li.box3 {background:url(/pls/portal/docs/page/shared/sobnptemimages/foilogo.gif) no-repeat}
.boxnav li.box4 {background:url(/pls/portal/docs/page/shared/sobnptemimages/govky.gif) no-repeat}
.boxnav li.box5 {background:url(/pls/portal/docs/page/shared/sobnptemimages/crest.gif) no-repeat}
.boxnav a:link, .boxnav a:visited {
 display: block;
 background-repeat: no-repeat; background-position: 7px 7px;
 padding: 6px 10px; border-width: 1px; border-style: solid;
 width: 190px; voice-family: "\"}\""; voice-family: inherit; width: 168px
 }

html>body.boxnav a:link, html>body.boxnav a:visited {width:168px}
.boxnav strong {
 display:block;
 font:bold small/1em Verdana, Arial, Helvetica, sans-serif; text-transform:lowercase; margin-bottom:4px;
 }
.boxnav .box1 strong, .boxnav .box2 strong, .boxnav .box3 strong, .boxnav .box4 strong, .boxnav .box5 strong {color:#000}
.boxnav .box1 a, .boxnav .box2 a, .boxnav .box3 a, .boxnav .box4 a, .boxnav .box5 a {
 color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; border-color: #000
 }
.boxnav .box1 a {background-color:#f90}
.boxnav .box2 a {background-color:#ff9}
.boxnav .box3 a {background:#fff7e6 url(/pls/portal/docs/page/shared/sobnptemimages/foilogo.gif) no-repeat}
.boxnav .box4 a {background:#fff url(/pls/portal/docs/page/shared/sobnptemimages/govky.gif) no-repeat}
.boxnav .box5 a {background:#d9f9ff url(/pls/portal/docs/page/shared/sobnptemimages/crest.gif) no-repeat}
.boxnav a:hover {background-color:#fff; border-color:#ccc; color:#999}
/*.boxnav .box3 a:hover {background-color:transparent; border-color:#ccc; color:#999}*/
.boxnav a:hover strong {color:#c00}
.boxnav a:link {color:#2F418F; text-decoration:none}
.boxnav a:visited {color:#985374; text-decoration:none}
ul.boxnav {padding:0.45em 0 0}

/* =testbox
----------------------------------------------- */
#testbox {background-color:#dceff5; width:188px; border-width: .2em; border-style: none; border-color: #900; padding-left: 5px;}

/* MISC: =Quotes
----------------------------------------------- */
.quoteleft {
  float:left; clear:left; width:200px;
  margin:4px 13px 4px 0;
  text-align:center; line-height:1em; letter-spacing:-1px; font-size:120%;
  }
blockquote.quoteleft {padding:0px}

/* =Tables
----------------------------------------------- */
div.dtable {font-size:95%}
table.dtable td {vertical-align:top}
div.dtable br {display:block}
table#border, table.border {border-top: 1px solid #999; border-left: 1px solid #999; border-collapse: collapse}
#border th, #border td, .border th, .border td {border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 10px}
#border th, .border th {background: #ccc}


/* = Newsletter Banner
-----------------------------------------------*/
#globebanner {width: 100%; background:#E4292D; padding-top:1em; padding-bottom:1em; border-bottom:#000000; border-bottom-width:thin; border-bottom-style:solid}

#globeissue {text-align:center} 
#globeissue a {color:#FFFFFF; font-size:120%;  position: relative; top: 1em; font:"Arial Black"; font-style:italic; font-weight:700}

#globelogo  {position: relative; left: 2em}
#globetitle {position: relative; left: 1em; color:#FFFFFF; font-size:200%}
#globetitle h3 {font-size:150%}
#bannerissue p {position: relative; left: 2em; color:#FFFFFF; font-size:120%; font:Tahoma; font-weight:700}
#globecontents {float:right; clear:right; width:300px;  margin:4px 15px 4px 0; text-align:left; line-height:1em; font-size:100%; background-color:#FFFF99; padding:1em; border-style:solid; border-color:#000099; border-width:thin}


/* = Newsletter Footer
-----------------------------------------------*/
#globefooter {width:100%; background:#E4292D; border-top:#000000; border-top-width:thin; border-top-style:solid; margin-bottom:0; border-bottom:#E4292D; border-bottom-width:thin; border-bottom-style:solid}

#address {text-align:center}
#address p {color:#FFFFFF; font-size:80%; font:Tahoma}


/* = Newsletter Navigation
-----------------------------------------------*/
.prvpage {float:left; font-size:100%; position: relative; top: 1em; left:1ex}
.nxtpage {float:right; font-size:100%; position: relative; top: 1em; right:1ex}
.prvpage a {color:#FFFFFF}
.nxtpage a {color:#FFFFFF}
.prvpage a:visited {color:#FFFFFF}
.nxtpage a:visited {color:#FFFFFF}


/* = Newsletter Page Copy
-----------------------------------------------*/
.globecaption {font-size:80%; font-style:italic; text-align:justify}
.globeheadline {font:Verdana, Arial, Helvetica, sans-serif; font-size:200%; font-weight:200}
.globeheadline2 {font:Verdana, Arial, Helvetica, sans-serif; font-size:150%; font-weight:200}
.globecopy {padding-right:3em; padding-bottom:1em}
.justified {text-align:justify}
#ceocopy {padding-left:1em}
#ceocopynoimage {padding-right:1em}
#ceocaption {font-size:130%}
.ceo {float:right; clear:right; vertical-align:bottom; margin-bottom:0px}
.lede {font-size:100%; text-align:justify}
.imagebar {float:right; width:300px; padding-bottom:1em; padding-right:1em; padding-left:1em}
.captionedimage {float:right}
.smallimage {float:right; border-style:solid; border-width:thin}
.caption {font-size:80%; text-align:justify; ; font-style:italic; margin-bottom:0; padding-bottom:0} 
.pagecopy {text-align:justify}
#masthead {float:right; position:relative; line-height:1em; font-size:90%; padding:1em; margin:0 0 1em 1em; ; background-color:#FFFF99; width:299px; border:double; background-image:url(../srgnpimages/mastheadback.gif); background-repeat:no-repeat; font-weight:700}
#statistics {float:left; position:relative; border-style:dotted; border-width:1px; margin-right:1ex; margin-bottom:1ex; padding:1ex; background-color:#CCFFFF}
#mastheadlogo {float:right; clear:right}
#maincontentblue {background-color:#CCFFFF}
#globemain2 {background-image:url(../srgnpimages/howdoigrad.gif);
  background-repeat:repeat-x; padding:0 20px}
.globeimgleft {float:left; margin:4px 10px 0 0; width:300px}
.globeimgright {float:right; margin:4px 0 0 10px}
.globeimgleft img, .globeimgright img {padding:0px; border:1px solid #333}
#newsletterindex {position:relative; left:31px}

