@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);
	padding-top:15px;
}
/*-- 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;
}

/*----------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:118%;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:18px;
}
#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;
}
#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{
border-bottom:1px solid #f2f2f2;
}
#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;
}
.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-----------*/

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;
	}

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;
	text-align: center;
}



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

#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 p {
	font-size: 92%;
	line-height: 14px;
	padding: 0;
}
#rightInfo ul {	
	list-style-type: none;
	margin: 10px 0 0;
	padding: 0 10px 0 0;
}
.allPages ul {
	margin: 10px 0 0;
}
.portalLinks li,
#rightInfo li,
.allPages li,
.portal-extras li {
	margin: 0 25px 4px 0;
	padding: 1px 0 1px 10px;
	line-height: 15px;
	background-image: url(../image/arrow_small.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.allPages li {
	margin: 0 8px 4px 0;
	line-height: 16px;
	background-position:left 5px;
}

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

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

.pad1 {
	padding: 0 50px 30px 20px;
	display: block;
	margin: 8px 0 0;
}
.pad2 {
	padding: 0 35px 15px 25px;
	display: block;
	margin: 20px 0 0;
}
.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;
}