@charset "utf-8";
/*-- Reset --*/
li {margin: 0; padding:0;}





#bg {
	background-image: url(../image/bg_portal.gif);
	background-repeat: repeat-x;
}
#header {
        background-image: url(../image/default.jpg);
}
/*-- Rounded Middle Area --*/

#pageBackground {
	background-image: url(../image/bgSliceMiddle.png);
	background-repeat: no-repeat;
	padding-top: 10px;
}
#bgSliceMiddle {
	background-image: url(../image/bgSliceMiddle2.png);
	background-repeat: repeat-y;
	overflow: hidden;
}
#bottomRoundedLeft {
	background: url(../image/bgSliceBottom.png) repeat-x bottom;
	height: 10px;
	font-size: 0;

}

/*----------Portal Story-----------*/

.portalRound {
	margin: 0 0 20px;
	background-image: url(../image/rounded/l.gif);
	background-repeat: repeat-y;
	background-position: left;
	overflow: hidden;
}
/*----------Portal Tiles Area-----------*/

.portalBlockBG {
	background-image: url(../image/rounded/r.gif);
	background-repeat: repeat-y;
	background-position: right;
	overflow: hidden;
}


/*----------Rounded Corners-----------*/


.roundtop { 
	background: url(../image/rounded/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../image/rounded/br.gif) no-repeat bottom right; 
}

.bgtop {
	background: url(../image/rounded/t.gif) repeat-x top;
	display: block;
	font-size: 0
}

.bgbottom {
	background: url(../image/rounded/b.gif) repeat-x bottom;
	display: block;
	font-size: 0;
	clear: both;
}


.roundLeftBottom {
	background: url(../image/rounded/bl.gif) no-repeat bottom left;
	display: block;
	height: 12px;
}

.roundLeftTop {
	background: url(../image/rounded/tl.gif) no-repeat top left;
	display: block;
	height: 12px;
}

.contentInsetBox .roundLeftTop, .contentLargeBox .roundLeftTop {
	height: 25px;
	background:transparent url(../image/rounded/tl_arrow.gif) no-repeat scroll left top;
}

.centerRight{background:url(../image/rounded/r.gif) repeat-y right;display:block;overflow:hidden;}

.centerLeft{background:url(../image/rounded/l.gif) repeat-y left;overflow:hidden;}

img.corner{width:9px;height:12px;border:none;display:block !important;}







/*----------Left Nav-----------*/

#leftNav {
	background-image: url(../image/shadow_show.png);
	background-repeat: no-repeat;
	background-position: right top;	
}
.leftNavBackground {
	background-image: url(../image/shadow_show_bottom.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
#menu > li.navSectionHead a, 
#menu > li.navSectionHead a:hover {
	background-image:url("../image/arrow_h3.gif");
	background-position:left 4px;
	background-repeat:no-repeat;
}
#menu > li.navSectionHead {
	background-image:url("../image/leftNav_bg.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	border-bottom:medium none;
	font-size:105%;
	font-weight:bold;
        margin-top:30px;
	margin-bottom:10px;
	padding-bottom:18px;
}

#menu > li.navSectionHead2 a,
#menu > li.navSectionHead2 a:hover {
	background-image:url("../image/arrow_h3.gif");
	background-position:left 4px;
	background-repeat:no-repeat;
}
#menu > li.navSectionHead2 {
	background-image:url("../image/leftNav_bg.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	border-bottom:medium none;
	font-size:105%;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:10px;
	padding-bottom:18px;
}


#menu > li.navSectionHead3 a,
#menu > li.navSectionHead3 a:hover {
	background-image:url("../image/arrow_h3.gif");
	background-position:left 4px;
	background-repeat:no-repeat;
}
#menu > li.navSectionHead3 {
	background-image:url("../image/leftNav_bg.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	border-bottom:medium none;
	font-size:105%;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:10px;
	padding-bottom:18px;
}


#menu > li.navSectionHead3done a,
#menu > li.navSectionHead3done a:hover {
	background-image:url("../image/arrow_h3.gif");
	background-position:left 4px;
	background-repeat:no-repeat;
}
#menu > li.navSectionHead3done {
	background-image: none;
	border-bottom:medium none;
	font-size:105%;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:10px;
	padding-bottom:18px;
}


#menu > li.navSectionHead4 a:hover {
	text-decoration: underline;
}
#menu > li.navSectionHead4 {
        list-style: none;
   	background-image: none;
	font-size:100%;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:2px;
	padding-bottom:0px;
        margin-left: -10px;
}


#menu > li.navSectionHead4nolink {
        list-style: none;
   	background-image: none;
        color: #484848;
        font-size: 92%;
	font-weight:600;
	margin-top:20px;
	margin-bottom:0px;
	padding-bottom:0px;
        margin-left: 10px;
}


#menu > li.navSectionHead5 a,
#menu > li.navSectionHead5 a:hover,
#menu > li.navSectionHead5 a:focus {
	background-image:none;
	background-position:left 4px;
	background-repeat:no-repeat;
}


#menu > li.navSectionHead5 {
	background-image:url("../image/arrow_h3.gif");
	background-position:-1px 3px;
	background-repeat: no-repeat;
	outline:none;
	font-size:100%;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:2px;
	padding-bottom:2px;
}


#menu > li.navSectionHead5done a,
#menu > li.navSectionHead5done a:hover {
	background-image:none;
	background-position:left 4px;
	background-repeat:no-repeat;
}
#menu > li.navSectionHead5done {
	background-image: none;
	border-bottom:medium none;
	font-size:100%;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:10px;
	padding-bottom:18px;
}


#menu > li.submenulast a:hover,
#menu > li.submenu a:hover {
	text-decoration: underline;
}
#menu > li.submenu,
#menu > li.submenulast {
        list-style: none;
   	background-image: none;
	font-size:100%;
	font-weight:normal;
        margin-left: -10px;
}

#menu > li.submenulast {
        margin-bottom: 20px;
}


        body.area #menu > li.navSectionHead,
        body.subarea #menu > li.navSectionHead,
        body.subarea #menu > li.navSectionHead2 {
		background-image:none;
		font-weight:normal;
                color: #999;
        	margin-bottom:5px;
        	padding-bottom:5px;
                }

        body.area #menu > li.navSectionHead a {
		background-image:url("../image/arrow_down.gif");
		font-weight:normal;
                color: #999;
                }

        body.subarea #menu > li.navSectionHead a,
        body.subarea #menu > li.navSectionHead2 a {
		background-image:url("../image/arrow_down.gif");
		font-weight:normal;
                color: #999;
                }

        body.subarea #menu > li.navSectionHead a,
        body.subarea #menu > li.navSectionHead2 a {
		background-image:url("../image/arrow_down.gif");
		font-weight:normal;
                color: #999;
                }
        body.subarea #menu > li.navSectionHead a:hover, 
        body.subarea #menu > li.navSectionHead2 a:hover {
		background-image:url("../image/arrow_down.gif");
                color: #999;
                text-decoration: underline;
                }
        body.subarea #menu > li.navSectionHead3 a:hover {
                text-decoration: underline;
                }
        body.subarea #menu > li.submenu a:hover {
                text-decoration: underline;
                }                
        body.subarea #menu > li.submenulast a,
        body.subarea #menu > li.submenu a {
		margin-left: -10px;
                }                

#leftNav ul {
	list-style-type: none;
}
#leftNav ul {
	margin: 10px 30px 0;
}
#leftNav a, #leftNav p {	
	text-decoration: none;
	font-size: 92%;
	color: #484848;
}

#leftNav ul ul a:hover, #leftNav ul ul a:focus {
	color: #000;
}
#leftNav ul ul a:focus {
	color: #666;
}
#leftNav ul ul li:hover {
	background-color: #F6F6F6;
}
#leftNav li {
	display: block;
	margin: 0;
	padding: 1px 0;
}
.selectedAccordion {
	padding-left: 10px;
	background-image:url("../image/arrow_h3.gif");
	background-position:-1px 3px;
	background-repeat: no-repeat;
	font-weight:bold;
}
.trigger {
	padding-left: 10px;
	background-image: none;
	font-weight:bold;
}

#menu > li >  a:hover, #menu > li > a:focus {
	background-image:url("../image/arrow_h3.gif");
	background-position:-1px 3px;
	background-repeat: no-repeat;
	outline:none;
}


.selectedAccordion > a {
	color:#666;
	font-weight:bold;
	outline:none;
}

.selectedArrow:hover {
	background:url("../image/arrow_down.gif") no-repeat right center;
}
#menu a {
	padding-left: 10px;
}
#leftNav ul li ul li.last {
	padding-bottom: 15px;
}
#leftNav ul > li {
        padding-top: 5px;
        padding-bottom: 5px;
	border-bottom:1px solid #f2f2f2;
}

#leftNav ul > li.submenulast,
#leftNav ul > li.submenu {
        margin-left: 15px;
	border-bottom:1px solid #ccc;
}
#leftNav ul > li.navSectionHead4 {
        margin-left: 0px;
	border-bottom:1px solid #f2f2f2;
}
#leftNav ul > li.submenulast a:hover, 
#leftNav ul > li.submenulast a:focus, 
#leftNav ul > li.submenu a:hover, 
#leftNav ul > li.submenu a:focus {
        text-decoration: none; 
        font-weight: 500;
	border-bottom:1px solid #ccc;
}


#leftNav ul ul {
	margin: 5px 0 10px;
	padding: 8px 0 0;
	background-image: url(../image/nav_notch2.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#leftNav ul ul a {
	font-size: 88%;
	padding-left:0;
	padding-right:0;
}
#leftNav ul ul li {
	border-bottom: 1px solid #CCC;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #ECEBEC;
}
#leftNav ul ul li > a.trigger {
	color: #c09908;
}
.leftNavBlocks {
	padding: 10px 45px 0px 35px;	
}
.leftNavBlocks p {
	padding-left: 2px;
}
#rightInfo .leftNavBlocks {
	padding: 0 45px 15px 20px;
}
.leftNavBlocks h3 {
	padding-bottom:5px;	
}
.leftNavText {
	line-height:14px;	
	margin-bottom: 0;
}

/*----------Typography-----------*/

h2.greyItal { 
	color:#888;
	text-transform: uppercase;
	font-size:135%; 
	letter-spacing:-0.03em;
	line-height:1.2em;
	margin-bottom: 1em;
	}
	h3.greyItal i {
	font-family:georgia,times,serif;
	text-transform:lowercase;
	}


h2.section {
        border-top: 1px solid #888;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 30px 0 2px 0; }


h3.section {
        border-top: 1px solid #888;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 30px 0 2px 0; }


h3.greyItal { 
	color:#888;
	text-transform: uppercase;
	font-size:125%; 
	letter-spacing:-0.03em;
	line-height:1.2em;
	margin-bottom: 1em;
	}
	h3.greyItal i {
	font-family:georgia,times,serif;
	text-transform:lowercase;
	}


h3.greyItal2 { 
	color:#555;
	font-size:125%; 
	letter-spacing:-0.03em;
	line-height:1.2em;
	margin-bottom: 1em;
	}
	h3.greyItal2 i {
	font-family:georgia,times,serif;
	}



h1.documentFirstHeading {
	margin:30px 0 10px;
	padding:0 0 10px 20px;
	background-image: url(../image/h1_bar.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}



/*---------- Right Column -----------*/

.contentInsetBox{
	float:right;
	width:210px;
        background-color: #fff;
	margin-left:20px;}
.contentInsetBoxPad{
	padding:0 20px 0 18px;
	overflow:hidden;
	}
.contentInsetBoxPad ul,.contentInsetBoxPad h2,.contentInsetBoxPad h3{padding:0 2px 0 2px;}
.contentInsetBoxPad p {
	padding:0 2px 0 2px;
	}

.contentInsetBoxPad li {
	padding: 0;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e9e9e9;
	background-position: left 7px;
}


#rightInfo img {
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	padding: 3px 0;
	margin:0 0 10px;
}
#rightInfo h3{
	margin-bottom:0;
}
#rightInfo {
	font-size: 95%;
}
#rightInfo p {
	line-height: 14px;
	padding: 0;
}
#rightInfo ul {	
	list-style-type: none;
	margin: 5px 0 0;
	padding: 0 5px 0 0;
}
#rightInfo h3{margin-bottom:0;}
#rightInfo p{font-size:96%;line-height:14px;padding:0;}
.portalLinks ul,#rightInfo ul,.portal-extras ul,#listBox ul{list-style-type:none;margin:10px 0 0;padding:0 10px 15px 0;}

#rightInfo li {
	padding: 0 0 2px 10px;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e9e9e9;
	background-position: left 7px;
}


#rightInfo li,
#listBox li{
	margin:0 25px 4px 10px;
	padding:1px 0 1px 10px;
	line-height:15px;
	background:url(../image/arrow_small.gif) left 5px no-repeat;
}


/* Content Pages
----------------*/	

#content, .allPages ul {
	margin: -10px 0 5px 0;
}
#content, .allPages ol {
	margin: -10px 0 5px 0;
}
#content ul li ul, #two-col-content ul li ul, .allPages ul li ul{
	margin: 0;
}

#content ol li,
.allPages ol li {
	margin:0 25px 8px 20px;
	padding:0 0 1px 5px;
	line-height:16px;
	}

.portalLinks li,
#content ul li,
#two-col-content li,
.allPages ul li,
.portal-extras li {
	margin:0 25px 8px 10px;
	padding:0 0 1px 10px;
	line-height:16px;
	background:url(../image/arrow_small.gif) left 5px no-repeat;
	}


#content ul li ul li,
#two-col-content ul li ul li,
.allPages ul li ul li{
	margin:6px 25px 4px 15px;
	padding:0 0 1px 10px;
	line-height:16px;
	background:url(../image/square_bullet.gif) left 6px no-repeat;
	}


#content dd{margin:0 25px 4px 0;padding:1px 0 1px 10px;line-height:15px;background:url(../image/arrow_small.gif) left 5px no-repeat;}
#content ul,#two-col-content ul{margin:0 0 1.5em 0;}
#content li{margin:0 8px 4px 0;line-height:16px;background-position:left 5px;}
#content ol li{background:none;padding:1px 0 1px 5px;}
#listBox li{margin-bottom:3px;}


table {
        margin: 0 0 20px 0;
	padding: 0;
        border-collapse: collapse;
        border: 1px solid #ccc;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
	}

  th {
        border: 1px solid #ccc;
        padding: 2px 4px 2px 4px;
/*        background-color: #f3ecc2;  */
        background-color: #39275b;
        color: #fff;
        }


  tr.sub td {
	background-color: #c9c0d9;
        font-weight: 700;
        color: #484848;
        border-bottom: 1px solid #fff;
  }

  td {
        vertical-align: top;
        border: 1px solid #ccc;
        padding: 2px 4px 2px 4px;
        }

  tr.odd td {
        background-color:#F0F0F6;
}

table.noborder {
  	margin: 0;
  	padding: 0;
  	border: 0;
  	font-weight: inherit;
  	font-style: inherit;
  	font-size: 100%;
  	font-family: inherit;
  	vertical-align: top;
        width: auto;
	}

  table.noborder th {
	margin: 0;
        padding: 2px 4px 2px 4px;
  	border: 0;
  	font-weight: bold;
  	font-style: inherit;
  	font-size: 100%;
  	font-family: inherit;
        color: #484848;
  	vertical-align: top;
        background-color: #ffffff;
	}

  table.noborder td {
	margin: 0;
        padding: 2px 4px 2px 4px;
  	border: 0;
  	font-weight: inherit;
  	font-style: inherit;
  	font-size: 100%;
  	font-family: inherit;
        color: #484848;
  	vertical-align: top;
        background-color: #ffffff;
	}

  table.noborder tr.sub td {
	background-color: #c9c0d9;
        font-weight: 700;
        color: #484848;
  }


/*----------------------------------------------------------------- Information Pages  -----------------------------------------------------------------------------*/

.pad1 {
	padding: 0 50px 30px 20px;
	display: block;
	margin: 8px 0 0;
}


.pad1-history {
	padding: 0 40px 0px 30px;
	display: block;
	margin: 8px 0 0;
}


.pad2 {
	padding: 0 35px 15px 25px;
	display: block;
	margin: 20px 0 0;
}

.pad2 img {
	margin:5px 0 5px;
}

.pad3 {
	display:block;
	margin:5px 0 0;
	padding:0 35px 0 16px;
}
.pad3 p, .pad3 h2{
	padding:0 10px 0 10px;
}
.borderRight {
	border-right: 1px dotted #ccc;
	margin-bottom:15px;
}

.zebra {
	background-color: #f6f4eb;
}

.article {
        padding-bottom: 10px;
        margin-bottom: 10px;
}

/* Images with caption styles */
.pictureleft {
        padding: 2px;
        border: 1px solid #dddddd;
        background-color: #FFFFFF;
        margin: 4px 10px 4px 0px;
        background-color: #F9F9F9;
        border-bottom: 1px solid #ddd;
        font: .8em/1em Arial, sans-serif;
        color: #999;
        float: left; }

.pictureright {
        padding: 2px;
        border: 1px solid #dddddd;
        background-color: #FFFFFF;
        margin: 4px 0px 18px 10px;
        background-color: #F9F9F9;
        border-bottom: 1px solid #ddd;
        font: .8em/1em Arial, sans-serif;
        color: #999;
        float: right; }

    .pictureright img, .pictureleft img {
        border: 1px solid #bbb;
        vertical-align: middle;
        margin-bottom: .2em;  }


/* B&F FISD styles
------------------*/
.fisd {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  text-decoration: none;
  line-height: 1.1em;
  font-size: 1em; }

.fisd table {
  border-collapse: collapse;
  width: 75%;
  font-size: 1em;
  border: 1px solid #ccc; }

.fisd th {
  vertical-align: top;
  text-align: center;
  border: 1px solid #ccc;
  padding: 2px;
  white-space: nowrap; }

.fisd td {
  vertical-align: top;
  text-align: center;
  border: 1px solid #ccc;
  padding: 2px;
  white-space: nowrap; }