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

/** Reset all styles to fixed defaults (browser neutralisation) */
h1, h2, h3 {margin:0; padding:0; line-height:1.0; font-size:100%; font-style:normal; font-weight:bold;}
form, div, p {margin:0; padding:0; line-height:inherit; font-size:inherit;}
ul, li {margin:0; padding:0; list-style:none;}
a img {display:block;}
img {border:0;}

/** Standard hyperlink styles */
a {color:#055F9D; text-decoration:none;}
a:hover {color:#5256A5; text-decoration:underline;}
a.orange {color:#F27900; text-decoration:none;}
a.orange:hover {color:#F23D00; text-decoration:underline;}

/** Generic site styles */
.enlargeText {font-size:127.3%;}
.enlargeText .enlargeText {font-size:100%;}
.multiLine {line-height:1.45;}
.noCursor {cursor:default;}
.clear {clear:both;}


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

/** Primary body styles */
body {background:#FFFFFF url(/images/layout_bodyback.png) 0 0 repeat-x; font:68.75% Arial, Helvetica, sans-serif; color:#383838; padding:0; margin:0;}
div#layoutBody {width:987px; margin:0 auto; line-height:1.0; padding-bottom:4px; background:url(/images/layout_sheetfoot.png) 0 100% no-repeat;}


/** Main menu bar */
div#layoutMenuBar {margin-top:20px;}
div#layoutMenuBar ul {display:block; float:left;}
div#layoutMenuBar ul li {display:list-item; float:left; line-height:1.0; padding-right:3px;}
div#layoutMenuBar ul li a {background:url(/images/menu_rightcap.png) 100% 0 no-repeat; display:block; float:left; height:27px; color:#FFFFFF; font-weight:bold; font-size:127.3%;}
div#layoutMenuBar ul li a span {background:url(/images/menu_leftcap.png) 0 0 no-repeat; display:block; float:left; height:20px; padding:7px 10px 0 10px; cursor:pointer;}
div#layoutMenuBar ul li a:hover {background-position:100% -27px; text-decoration:none;}
div#layoutMenuBar ul li a:hover span {background-position:0 -27px;}
div#layoutMenuBar ul li.selected a {background-position:100% -27px; text-decoration:none;}
div#layoutMenuBar ul li.selected a span {background-position:0 -27px;}


/** White backing sheet and padded slices (full width supports 14 slices) */
div#layoutSheet {background:#FFFFFF url(/images/layout_sheetcap.png) 0 0 no-repeat; padding:6px 0 24px 0; width:987px; height:100%; margin-top:10px;}
div#layoutSheet div.sliceMagic	{float:left; width:203px; padding:0 42px 0 35px;}
div#layoutSheet div.sliceOne	{float:left; width:63px;}
div#layoutSheet div.sliceTwo	{float:left; width:133px;}
div#layoutSheet div.sliceThree	{float:left; width:203px;}
div#layoutSheet div.sliceFour	{float:left; width:273px;}
div#layoutSheet div.sliceFive	{float:left; width:343px;}
div#layoutSheet div.sliceSix	{float:left; width:413px;}
div#layoutSheet div.sliceSeven	{float:left; width:483px;}
div#layoutSheet div.sliceEight	{float:left; width:553px;}
div#layoutSheet div.sliceNine	{float:left; width:623px;}
div#layoutSheet div.sliceTen	{float:left; width:693px;}
div#layoutSheet div.sliceEleven	{float:left; width:763px;}
div#layoutSheet div.sliceIndent	{padding-left:77px;}
div#layoutSheet div.slicePad	{padding-left:7px;}

/** Non-padded slice spacers */
div#layoutSheet div.spaceFive	{float:left; width:350px;}
div#layoutSheet div.spaceSix	{float:left; width:420px;}
div#layoutSheet div.spaceSeven	{float:left; width:490px;}
div#layoutSheet div.spaceEight	{float:left; width:560px;}
div#layoutSheet div.spaceNine	{float:left; width:630px;}
div#layoutSheet div.spaceTen	{float:left; width:700px;}
div#layoutSheet div.spaceEleven	{float:left; width:770px;}
div#layoutSheet div.spaceIndent	{padding-left:70px;}


/** Footer bar */
div#layoutFooter {padding:7px 7px 0 7px; color:#5F5F5F;}
div#layoutFooter div.footTop {background-color:#C2DEEC; margin:0 1px; height:1px; overflow:hidden;}
div#layoutFooter div.footMiddle {border:1px solid #C2DEEC; padding:12px; border-top:0; border-bottom:0; height:100%;}
div#layoutFooter div.footBottom {background-color:#C2DEEC; margin:0 1px; height:1px; overflow:hidden;}
div#layoutFooter span.pipeLinks {cursor:default; color:#0073AE;}
div#layoutFooter span.pipeLinks a {color:#0073AE;}
div.tjsFooter {padding:4px 8px 0 0; text-align:right;}
div.tjsFooter a {color:#0073AE;}


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

/** Horizontal rules */
div.ruleMargins {margin:6px 0;}
div.ruleBlue {background-color:#BED4E9; height:1px; overflow:hidden;}
div.rulePurple {background-color:#A8AAD2; height:1px; overflow:hidden;}


/** Styles for managed content */
div.managed h1 {padding-bottom:5px; color:#5256A5; font-size:127.3%; font-weight:bold;}
div.managed ul li {list-style-type:disc; margin-left:20px;}


/** Rollover hoverbox */
div.hoverBox {width:203px; height:70px; overflow:hidden; background:7px 6px no-repeat;}
div.hoverBox div.hoverBlue {background:url(/images/hoverbox_blue.png) 0 0 no-repeat;}
div.hoverBox div.hoverPurple {background:url(/images/hoverbox_purple.png) 0 0 no-repeat;}
div.hoverBox div.hoverCover {width:203px; height:70px; overflow:hidden; }
div.hoverBox div.hoverCover .hoverInner {width:123px; height:60px; overflow:hidden; display:block; padding:10px 0 0 80px; color:#383838; text-decoration:none;}
div.hoverBox div.hoverBlue a {background:url(/images/hoverbox_blue_hover.png) 100% 0 no-repeat;}
div.hoverBox div.hoverPurple a {background:url(/images/hoverbox_purple_hover.png) 100% 0 no-repeat;}
div.hoverBox div.hoverCover a:hover {background-position:100% -70px; color:#383838; text-decoration:none;}
div.hoverBox div.hoverBlue strong {color:#4287B5;}
div.hoverBox div.hoverPurple strong {color:#5256A5;}


/** Variable-width widget boxes (blue and purple) */
div.widgetPurple {background:#F8F3FB;}
div.widgetPurple div.widgetHead {background:#E3CFF0 url(/images/widget_head_purple_left.png) no-repeat scroll 0 0;}
div.widgetPurple div.widgetHead h1 {background:url(/images/widget_head_purple_right.png) no-repeat scroll 100% 0; color:#5256A5;}

div.widgetBlue {background:#F2F7FA;}
div.widgetBlue div.widgetHead {background:#E6EFF5 url(/images/widget_head_blue_left.png) no-repeat scroll 0 0;}
div.widgetBlue div.widgetHead h1 {background:url(/images/widget_head_blue_right.png) no-repeat scroll 100% 0; color:#09A4DB;}

div.widgetHead h1 {padding:9px 10px; font-size:127.3%; line-height:1.3;}
div.widgetBody {padding:12px 10px 12px 10px;}


/** Inner styles for widget content */
div.widgetBody strong {color:#000000;}
div.widgetBody ul li {background:url(/images/bullet_arrow_small.png) 0px 5px no-repeat; padding-left:9px; line-height:1.45;}
div.widgetBody ul.enlargeText li {background:url(/images/bullet_arrow_large.png) 0px 8px no-repeat;}
div.widgetBody ul li.selected a {color:#5256A5; text-decoration:underline;}


/** Standard form elements */
form select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; line-height:1.4;}
form .textArea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; border:1px solid #CCCCCC; padding:2px 3px; line-height:1.4;}
form .textBox {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; border:1px solid #CCCCCC; padding:3px;}
form .button {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; padding:0px 2em; width:auto; overflow:visible;}
form label {font-family:Verdana, Arial, Helvetica, sans-serif;}
form em {font-style:normal; color:#FF0000;}


/** Clearers and spacers */
div.clearer {overflow:hidden; height:0; clear:both;}
div.spacer6 {overflow:hidden; height:6px;}
div.spacer12 {overflow:hidden; height:12px;}
div.spacer24 {overflow:hidden; height:24px;}
div.spacer48 {overflow:hidden; height:48px;}