body { background-image:url(/images/backgrounds/background_stripe.png); background-attachment:fixed; }
#headerShadow { position:relative; z-index:12; width:100%; height:8px; background:transparent url(/images/shadow-bottom.png) repeat-x; }

html, body { height:100%; min-height:100%; }
* html #page { height:100%; min-height:100%; }

#page { 
	z-index:1;
	text-align:left;
	position:relative; 
	min-height:100%;
	overflow-y:visible;
	margin:-8px auto -23px auto; 
	width:994px; 
	background-image:url(/images/page.png); 
	background-repeat:repeat-y;
}

#page #navigation { 
	float:left;
	position:absolute; 
	top:50px;
	margin-left:40px;
	width:200px; 
}

#page #navigation ul { margin:20px 0px 0px 0px; padding:0px; }
#page #navigation ul li { list-style-type:none; border-top:1px dotted #999; padding:8px 0px 6px 0px; }
#page #navigation ul li.option1 { border-top:0px; }
#page #navigation ul li:hover { list-style-image:url(/images/bullet.png); }
#page #navigation ul li.selected { list-style-image:url(/images/bullet.png); }

#page #navigation ul.subnav { margin:0px 0px 0px 16px; padding:0px; }
#page #navigation ul.subnav li { text-transform:none; list-style-type:none; border-top:1px dotted #999; padding:8px 0px 6px 0px; }

#page #content { 
	height:auto;
	float:right;
	margin:44px 30px 0px 0px;
	width:690px;
	padding-bottom:40px; 
}

#page #help { width:809px; background-color:#bcbaba; margin:0px 0px 30px 0px; }
#page #help #help_inner { width:807px;  margin-left:1px; background-color:#eeeeef; font-size:12px; line-height:18px; }
#page #help #help_inner h1 { display:block; font-size:14px; padding-top:15px; margin:0px 25px 0px 25px; font-weight:bold; }
#page #help #help_inner p { display:block; margin:0px 25px 0px 25px; padding-bottom:15px; }

#page #help #help_controller { margin:0px 0px 0px 26px; padding:1px; height:24px; line-height:22px; font-weight:bold; font-size:11px; }
#page #help #help_controller a { color:#fff; padding-right:17px; }
#page #help #help_controller a.up { background-image:url(/images/help/arrow-up.png); background-repeat:no-repeat; background-position:right;  }
#page #help #help_controller a.down { background-image:url(/images/help/arrow-down.png); background-repeat:no-repeat; background-position:right;  }

/* NEW CALENDAR*/	

#page #cal_page { 
	height:auto;
	float:left;
	margin:0px 0px 0px 93px;
	padding-bottom:40px; 
	width:809px;
}

#page #cal_page a { color:#2293c1; }

#page #topleft { float:left; width:252px; }

#page #cal_small_top { text-transform:uppercase; line-height:13px; text-align:center; margin-bottom:10px; }
#page #cal_small_top img { vertical-align:bottom; margin:0px 10px 0px 10px; }

#page #cal_page div.cal_small { font-size:12px; background-color:#bfc1c3; overflow-x:hidden; overflow-y:auto; }
#page #cal_page div.cal_small div { line-height:38px; width:32px; text-align:center; color:#fff; float:left; width:32px; height:38px; border-width:0px 4px 4px 0px; border-color:#fff; border-style:solid; }
#page #cal_page div.cal_small div.header { display:none; }
#page #cal_page div.cal_small div.event { display:none; }
#page #cal_page div.cal_small div.events { background-color:#2293c1; }
#page #cal_page div.cal_small a { color:#ffffff; }

#page #cal_page h1 { margin:0px 0px 10px 0px; }
#page #cal_page p { margin:0px; }

#page #cal_page a.overviewbutton, #page #cal_page a.backtomainbutton { display:block; text-transform:uppercase; background-color:#2293c1; color:#fff; width:248px; height:38px; text-align:center; line-height:38px; }
#page #cal_page a.overviewbutton { margin:11px 0px 0px 0px; }
#page #cal_page a.backtomainbutton { margin:10px 0px 10px 0px; }

#page #topright { float:left; width:507px; clear:none;  margin-left:50px; }

#page p.small { font-size:11px; line-height:15px; color:#5a5b5e; margin:10px 0px 10px 0px; }
#page #topright div.event { margin-bottom:15px; }
#page #topright div.featured { background-color:#eeeeef; width:220px; height:138px; padding:13px; float:left; margin-right:15px; font-size:11px; line-height:15px; }
#page #topright div.featured p.small { font-size:10px; line-height:13px; margin:6px 0px 6px 0px; }
#page div.topics { font-style:italic; }

#page #bottom { clear:left; padding-top:15px; }

#page #bottom ul.navigation { list-style-type:none; margin:0px; padding:0px; overflow:auto; }
#page #bottom ul.navigation li { width:248px; height:38px; display:block; float:left; text-align:center; background-image:url(/images/calendar/tab-off.png); margin-right:7px; line-height:38px; }
#page #bottom ul.navigation li.selected { background-image:url(/images/calendar/tab-on.png); }
#page #bottom ul.navigation li a { color:#000; text-transform:uppercase; }

#page #bottom #calendar_app { background-color:#eeeeef; width:809px; border:4px solid #eeeeef; margin-bottom:20px; }
#page #bottom #calendar_controls { padding:20px 60px 20px 60px; }
#page #bottom #calendar_controls a { color:#000; }
#page #bottom #calendar_controls a:hover { cursor:pointer; text-decoration:none; }
#page #bottom #calendar_results { min-height:400px; background-color:#fff; padding:20px 60px 20px 60px; }

#page ul.filter { list-style-type:none; margin:0px; padding:0px; overflow:auto; font-size:10px; }
#page ul.filter li { float:left; margin-right:18px; }

#page #bottom a.button { color:#000; border:1px solid #000; padding:5px 40px 5px 40px; background-color:#fff; line-height:49px; }
#page #bottom input { border-width:1px; padding:4px; font-family:Verdana; font-size:12px; outline:none; }

#page #bottom ul.documents { list-style-type:none; margin:0px; padding:0px; overflow:auto; font-size:10px; }
#page #bottom ul.documents li { float:left; margin-right:18px; background-color:#fff; padding:2px 6px 1px 3px; line-height:23px; font-size:12px; }
#page #bottom ul.documents li img { margin-right:5px; vertical-align:text-bottom; }
#page #bottom ul.documents li a { color:#000; }

#page #cal_large_top { background-color:#eeeeef; height:60px; line-height:60px; font-size:22px; text-align:center; }
#page #cal_large_top img { margin:0px 35px 0px 35px; }

#page table.cal_large { width:809px; border-width:4px 0px 0px 4px; border-color:#eeeeef; border-style:solid; margin-bottom:20px; overflow:auto; }
#page table.cal_large td.blank, #page table.cal_large td.header, #page table.cal_large td.day  { padding:12px; width:87px; border-width:0px 4px 4px 0px; border-color:#eeeeef; border-style:solid; }
#page table.cal_large td.header { background-color:#eeeeef; text-align:center; font-size:14px; padding:5px 12px 5px 12px; }
#page table.cal_large td.day { padding-top:17px; height:70px; vertical-align:top; }
#page table.cal_large td.day div.number { float:right; margin:-12px -6px 0px 0px; }

#page table.cal_large a { line-height:14px; display:block; }
#page table.cal_large a:hover { cursor:pointer; }
#page table.cal_large div.event { margin-bottom:8px; }
#page table.cal_large div.event a { }

#page table.cal_large div.event div.description { display:none; position:absolute; width:190px; height:190px; font-size:11px; z-index:10; }
#page table.cal_large div.event:hover { position:relative; }

#page table.cal_large td.sun div.event div.description,
#page table.cal_large td.mon div.event div.description,
#page table.cal_large td.tue div.event div.description,
#page table.cal_large td.wed div.event div.description,
#page table.cal_large td.thu div.event div.description {
	background-image:url(/images/calendar/bubble-right.png); top:-17px; left:80px; padding:20px 20px 20px 40px;
}

#page table.cal_large td.fri div.event div.description,
#page table.cal_large td.sat div.event div.description {
	background-image:url(/images/calendar/bubble-left.png); top:-17px; right:100px; padding:20px 40px 20px 20px;
}

#page #filter { padding:15px; border-width:0px 4px 0px 4px; border-color:#eeeeef; border-style:solid; }

/* END NEW CALENDAR*/	


#page #content ul { list-style-type:circle; }
h1 { font-weight:normal; font-size:22px; margin:0px 0px 29px 0px; line-height:26px; }
#page #content h2 { margin-top:32px; }

#page p.intro { font-size:15px; line-height:24px; }
#page p.doc { margin:0px 0px 4px 0px; width:auto; }
#page p.doc img { display:block; margin:2px 4px 0px 0px; float:left;  }

#page p a { color:#0083b5; }
#pagefooter { clear:both; }

#footer { position:relative; z-index:10; margin-top:-10px; width:100%; height:58px; background-image:url(/images/footer.png); background-repeat:repeat-x;  }
#footer a { color:#444; }
#footer ul { position:relative; list-style-type:none; width:994px; margin:0px auto; padding:0px; text-align:left; }
#footer li { position:absolute; text-transform:uppercase; font-size:9px; color:#444; padding:18px 0px 0px 0px; margin:0px; line-height:14px;  }
#footer li.option1 { left:30px; }
#footer li.option2 { left:200px; }
#footer li.option3 { left:440px; }
#footer li.option4 { right:30px; }

div.list-row { clear:both; margin-bottom:26px; }
div.list-row p { margin-top:0px; }
div.list-row img { float:left; margin:0px 20px 20px 0px; }
div.list-row span { font-size:11px; color:#888; }

div.documents-row { clear:both; margin:0px 0px 26px 27px; }
div.documents-row p { margin-top:0px; color:#000; }
div.documents-row img { float:left; margin:1px 8px 20px -27px; }
div.documents-row span.date { font-size:11px; color:#888; margin-left:7px; }

/*annual report*/
div.twocol_left { float:left; width:330px; }
div.twocol_right { float:right; width:330px; }
div.columns { padding:3px; height:20px; border-bottom:1px dotted #ccc; font-size:11px; }
span.section { float:left; width:25px; clear:left; margin-right:8px; }
span.title { float:left; width:200px; }
span.pdf { float:right; }
div.lastcolumn { padding:3px; height:20px; font-size:11px; }

/*catalyst faq*/
div.hidden { display:none; }
div.hiddenSection { display:none; margin:0px 0px 0px 10px; padding-left:10px; }
div.hiddenOption { }

/*innovation, investment, leadership*/
div.sectionPanel { float:left; width:199px; height:100px; padding-right:20px; border-right:1px solid #5d5d5d; margin:20px 25px 0px 0px; }
div.sectionPanellast { margin-top:20px; float:left; width:199px; }
div.sectionPanel div.header, div.sectionPanellast div.header { font-weight:bold; }
div.sectionPanel div.header a, div.sectionPanellast div.header a { color:#ed5423; }


/*calendar (old)*/
#page div.calendar { width:638px; font-size:11px; margin:20px 0px 20px 0px; }
#page div.calendar div { float:left; padding:3px; width:84px; height:80px; border-width:0px 0px 1px 1px; border-color:#000; border-style:solid; }
#page div.calendar div.header { color:#999; border-left:1px solid #fff; margin:0px; text-align:center; border-left-color:#fff; border-right-color:#fff; text-transform:uppercase; height:16px; }
#page div.calendar div.today { background-color:#fff; }
#page div.calendar div.day, #page div.calendar td.blank { margin:0px; overflow-x:hidden; }
#page div.calendar div.sat { border-right-width:1px; }
#page div.calendar td.blank { background-color:#f6f6f6; }
#page div.calendar div.day div.number { width:12px; height:12px; float:right; line-height:10px; text-align:right; border:none; }
#page div.calendar div.event { line-height:12px; font-size:10px; margin:2px; padding:3px; height:auto; width:74px; border:none; }

#page div.calendar a { display:block; color:#444; text-decoration:none; }
#page div.calendar a:hover {  }

#page div.detail { width:320px; border:1px solid #000; padding:20px; font-size:11px; position:absolute; background-color:#fff; }
#page div.detail div.title { font-size:14px; margin:0px 0px 5px -6px; position:relative; }
#page div.detail div.title img { position:absolute; right:-10px; top:-10px; }
#page div.detail div.date { font-weight:bold; }
#page div.detail div.description { height:150px; overflow-y:auto; padding-right:10px; }



/*blog*/
#blog {  padding:40px 0px 20px 90px; }
#blog h1 { font-weight:bold; width:600px; }
#blog h1.regular { font-weight:normal; }
#blog h1 span.category { text-transform:uppercase; letter-spacing:1px; color:#000; font-weight:bold; }
#blog p { width:600px; }
#blog a.category { background-color:#000; color:#fff; padding:3px 5px 3px 5px; text-transform:uppercase; }

#blog div.post { font-size:11px; line-height:18px; border-bottom:1px dotted #777; width:600px; margin-bottom:14px; padding-bottom:14px; overflow:auto; }
#blog div.post h1 a { color:#0083b5; width:600px; }
#blog div.post p { width:450px; }
#blog div.post a.more { color:#0083b5; }
#blog div.post div.image { float:left; margin-right:10px; border-right:6px solid #000; }
#blog div.post div.content { float:left; width:450px; }
#blog div.post span.author, #blog div.post span.date { text-transform:uppercase; color:#777; }

#blog div.meta { overflow:auto; padding:10px 0px 0px 0px; margin:10px 0px 0px 0px; border-top:1px solid black; line-height:30px; }
#blog div.meta span { float:left; }
#blog div.meta span img { float:left; margin:8px 0px 0px 0px; border:none; display:block; width:auto; }
#blog div.meta span.comment { width:114px; padding-left:26px; font-weight:bold; text-transform:uppercase; }
#blog div.meta span.comment img { margin-left:-26px; }

#blog div.meta span.share { width:64px; padding-left:21px; font-weight:bold; text-transform:uppercase; position:relative; }
#blog div.meta span.share img { margin-left:-21px; }
#blog div.meta span.share:hover { text-decoration:underline; cursor:pointer; }

#blog div.meta span.tags { padding-left:32px; width:190px; }
#blog div.meta span.tags img { margin-left:-32px; }

#blog form.blog_comments { background-color:#eee; width:590px; margin:10px 0px 60px 0px;}
#blog form.blog_comments fieldset { border:none; margin-left:20px; }
#blog form.blog_comments div.field { margin:10px 0px 10px 0px; }
#blog form.blog_comments label { width:90px; display:block; float:left; }
#blog form.blog_comments textarea { width:455px; height:200px; }
#blog form.blog_comments span.additional { margin-left:5px; }
#blog form.blog_comments input.text { border:1px solid #ccc; padding:3px; width:190px; margin-right:10px;}
#blog form.blog_comments input.submit { margin-left:90px; padding:2px 18px 2px 18px; border:1px outset #ccc; background-color:#ddd; cursor:pointer; }
#blog form.blog_comments input.submit:hover { background-color:#fff; }

#blog_single { width:466px; }
#blog_single p { width:466px; }

#blog_single div.comment { margin:0px 0px 20px 100px; width:466px; border-bottom:1px dotted #666; }
#blog_single div.comment p { margin:0px 0px 20px 0px; color:#666; font-size:11px; }
#blog_single div.comment a { color:#0083b5; }

#page #blog_right { width:240px; position:absolute; top:160px; right:0px; border-left:1px dotted #777; padding-left:20px; min-height:600px; }
#page #blog_right a { color:#666; }
#page #blog_right h3 { margin:20px 0px 5px 0px; }
#page #blog_right h3 a { color:#333; }

#page #blog_right div.tags ul { width:302px; list-style-type:none; margin:10px 0px 0px 10px; padding:0px; overflow:auto; }
#page #blog_right div.tags ul li { float:left; margin:6px; }
#page #blog_right div.tags ul li a { color:#666; }
#page #blog_right div.tags ul li a span.tag1 { font-size:10px; font-weight:100; }
#page #blog_right div.tags ul li a span.tag2 { font-size:11px; font-weight:200; }
#page #blog_right div.tags ul li a span.tag3 { font-size:13px; font-weight:300; }
#page #blog_right div.tags ul li a span.tag4 { font-size:15px; font-weight:400; }
#page #blog_right div.tags ul li a span.tag5 { font-size:17px; font-weight:500; }
#page #blog_right div.tags ul li a span.tag6 { font-size:19px; font-weight:600; }
#page #blog_right div.tags ul li a span.tag7 { font-size:21px; font-weight:700; }
#page #blog_right div.tags ul li a span.tag8 { font-size:23px; font-weight:800; }
#page #blog_right div.tags ul li a span.tag9 { font-size:25px; font-weight:900; }