﻿/* CSS Document */

html, body, form, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	margin:0 0 84px;
	font:.75em/2 Verdana,sans-serif;
	background:#cdd7e8 url(../images/bg.gif) fixed repeat-x 0 0;
	color:#292929}

/* Universal Properties ----------------------------------------------- */
p, ul, ol, h1, h2, h3, h4, dl, #details {margin:0 18px 1em; padding:0}

abbr, acronym {cursor:help}
.nowrap {white-space:nowrap}
.special {color:#182c56}
.note {font-size:.9em; color:#333}
span.note {color:inherit; font-weight:normal}

img.special {padding:3px; background:#f1f1f1}

hr {margin:0 0 1em; padding:0; height:0; border:0; border-top:1px solid #BBD1CE}
html>body hr {margin:2em 0}

/* ---- links ---- */
a:link {color:#DD5F31; text-decoration:underline}
a:visited {color:#DD5F31; text-decoration:underline}
a:hover {color:#6e280e; text-decoration:underline}
a:active {color:#DD5F31; text-decoration:underline}

/* ---- lists ---- */
ul {margin-left:35px; line-height:1.8em; list-style:none}
ol {margin-left:35px; line-height:1.8em}
li {margin:0 0 1em 5px; padding:0 0 0 13px}
#content ul li {background:url(../images/arrow01.gif) no-repeat 0 .6em; position:relative}
#content ul ol li {background:none}

#content ul li.member {
	margin:0 0 1em 3px;
	padding:0 0 0 15px;
	background:url(../images/member-star.gif) no-repeat 0 .5em}

ul li ul {margin-top:10px}

ul li a.info-link {font-size:.95em}

ul strong {color:#182c56; font-size:1.1em}
ul a strong {color:inherit; font-size:1em}
ul em {color:#666; font-size:.9em; display:block}
ul.listing em {color:#4f74c4; font-size:1em; display:inline}

ul.endnotes li span {position:relative; top:-5px; padding:0 6px 0 2px; font-size:.8em; color:#666}
ol.endnotes {margin-left:48px; font-size:.8em; color:#666}
ol.endnotes li {padding:0}

/* ---- definition lists ---- */
dt {margin:0; padding:0; color:#3968D1; font-weight:bold}
dd {margin:0 0 1em; padding:0}

/* ---- headings ---- */
h1 {
	margin:3px;
	padding:30px 15px 1.25em;
	font-size:1.833em;
	color:#000;
	letter-spacing:-1px;
	background:url(../images/bg_content.gif) repeat-x 0 0}
	
h1 small {
	display:block;
	position:relative;
	top:-15px;
	font-size:.818em;
	font-style:italic;
	color:#666}
h1 small a {
	position:relative;
	top:10px;
	font-size:.6em;
	color:#666}
h2 {
	margin-bottom:.5em;
	padding-top:1em;
	font-size:1.2em;
	font:bold 1.2em/1.5 Verdana,sans-serif;
	color:#182c56}
h1 + h2 {padding:0}
h2.less {
	padding:0;
	font-size:1.2em}
h2.tab {
	margin:0 9px;
	padding:4px 38px 4px 7px;
	display:inline;
	background:#40a699;
	color:#FFF;
	font:bold 1em Verdana,sans-serif}
h2.tab a:link, h2.tab a:visited {color:#FFF; text-decoration:none}
h2.tab a:hover {text-decoration:underline}
h3 {margin-bottom:.25em; font-size:1.2em; color:#333}
h4 {margin-bottom:.25em; font-size:1.1em}

/* ---- tables ---- */
body.phca table {
	margin:0 auto;
	padding:0;
	width:611px;
	border-collapse:collapse}
#news-clips table {width:auto}
th {
	padding:14px 7px 4px;
	text-transform:uppercase;
	background:#bbd1ce;
	font:bold 1em Arial,Verdana,sans-serif;
	border-bottom:2px solid #F9F9F9;
	text-align:left}
th a:link, th a:visited {color:#292929; text-decoration:none}
th a:hover {text-decoration:underline}
body.phca td {
	padding:7px;
	vertical-align:top;
	line-height:1.3em;
	border-left:2px solid #F9F9F9}
td:first-child {border:0}

/* ---- linkPreview ---- */
.doc, .mp3, .pdf, .ppt, .txt, .wmv, .xls, .xml {width:20px; padding:0 20px 0 0; background:url(../images/icon_doc.png) no-repeat 10px 50%}
.mp3 {background-image:url(../images/icon_mp3.gif); padding:0 30px 0 0}
.pdf {background-image:url(../images/icon_pdf.gif)}
.ppt {background-image:url(../images/icon_ppt.png)}
.txt {background-image:url(../images/icon_txt.png)}
.wmv {background-image:url(../images/icon_wmv.png)}
.xls {background-image:url(../images/icon_xls.png)}
.xml {background-image:url(../images/icon_rss.gif)}

/* ---- PLS Uploads: Daily News Clippings ---- */
font center img {display:none}
td center img {display:block}
blockquote {margin:0; padding:0; position:relative}

/* outside, container ----------------------------------------------- */
#shadow {position:relative; margin:14px auto 0; width:907px; background:url(../images/bg_shadow.png) repeat-y 0 0}
.scover {position:absolute; width:7px; height:25px; background:url(../images/scover.gif) no-repeat 0 0}
.s1 {top:0; left:0; background-position:-2px 0}
.s2 {top:0; right:0; background-position:-9px 0}
.s3 {bottom:0; left:0; background-position:-2px -25px}
.s4 {bottom:0; right:0; background-position:-9px -25px}

#container {
	position:relative;
	margin:0 auto;
	width:893px;
	background:#FFF url(../images/bg_sidebar.gif) repeat-y 3px 0}

/* header ----------------------------------------------- */
#header {
	position:relative;
	margin:0 auto;
	width:887px;
	height:146px;
	border-top:3px solid #FFF;
	background:#e5ebf3 url(../images/bg_header.gif) repeat-x 0 0}
p#addr {
	margin:21px 15px 0 243px;
	padding:0;
	float:right;
	text-align:right;
	color:#292929;
	font:.9em/1.7em verdana,sans-serif}
p#addr a {color:#292929; text-decoration:none}
p#addr a:hover {color:#213e7a; text-decoration:underline}
p#addr span {padding:0 4px; color:#9e7721}

a#logo {position:absolute; top:20px; left:24px; display:block; width:169px; height:106px; background:url(../images/logo.gif) no-repeat 0 0}
a#logo img {display:none}

#logo-calm {position:absolute; top:13px; left:241px; width:109px; height:68px; background:url(../images/logo-calm.gif) no-repeat 0 0}
#logo-calm a {display:block; width:109px; height:68px}

#topnav {position:absolute; bottom:9px; right:6px; width:638px; height:43px; background:url(../images/topnav_shadow.gif) repeat-x 0 100%}
#topnav ul {margin:0; padding:0; list-style:none}
#topnav li {position:relative; margin:0; padding:0; float:left; background:#3561c3}
#topnav a {position:relative; display:block; padding:0 0 0 18px; width:73px; height:34px; font:bold .9em/34px Arial,Helvetica,sans-serif; color:#fefefe; text-transform:uppercase; text-decoration:none}
#topnav a:hover {background:#bbd1ce; color:#000}

span.corner {position:absolute; display:block; width:5px; height:5px; font-size:.1px; background:url(../images/corners.png) no-repeat -5px -5px}
span.c1 {top:0; left:0}
span.c2 {bottom:0; left:0; background-position:-5px 0}
span.c3 {top:0; right:0; background-position:0 -5px}
span.c4 {bottom:0; right:0; background-position:0 0}

#shadow-left,
#shadow-right {position:absolute; bottom:0; width:31px; height:9px; display:block; background:url(../images/topnav_shadow_sides.gif) no-repeat 0 0}
#shadow-left {left:0}
#shadow-right {right:0; width:20px; background-position:-31px 0}

/* content ----------------------------------------------- */
#content {
	position:relative;
	margin-top:-9px;
	float:right;
	width:647px;
	background:#F9F9F9;
	min-height:574px;
	height:auto !important;
	height:574px}
#content p {word-spacing:.1em}
#content hr {margin-left:10px}

.pic {border:4px solid #ECECEC}

.img_left_caption {float:left; width:250px; margin:4px 20px 4px 20px}
.img_right_caption {float:right; width:250px; margin:4px 20px 4px 20px}
.img_left_caption img, .img_right_caption img {border:2px solid #3561c3}
.img_left_caption p, .img_right_caption img {margin:5px 0; font-style:italic; line-height:1.2em}

/* ---- flash replacement ---- */
#flashcontent {position:relative; margin:0 0 19px; width:647px; height:230px; background:#cfd7e5}
#flashcontent img {float:right}
#flashcontent p {position:absolute; top:2em; left:0; width:270px; font:1em/1.8em Verdana,sans-serif; color:#FFF}

#border {position:absolute; width:647px; height:212px; border:9px solid #FFF; border-width:9px 0; opacity:0.3; filter:alpha(opacity=30)}

/* ---- performer ---- */
a.toggler {padding-left:20px; background:url(../images/toggle-plus.gif) no-repeat 0 50%}
a.toggler.open {color:#6E280E; background-image:url(../images/toggle-minus.gif)}
input.performer-prompter {color:#555}

/* Daily News Clippings Archive */
h2#monday, h2#tuesday, h2#wednesday, h2#thursday, h2#friday {padding-top:0}
#toggle-monday, #toggle-tuesday, #toggle-wednesday, #toggle-thursday, #toggle-friday {margin:0 18px 1em; min-height:5em; height:auto !important; height:5em}

/* ---- aside ---- */
.aside {clear:both; float:right; position:relative; z-index:5; right:-9px; margin:0 9px 9px 18px; padding:0 0 9px; width:228px; background:#DBE5E1}
html>body .aside {right:0}

.aside.move {position:absolute; top:9px; right:0}

.aside h2 {line-height:1.6}
.aside h3 {padding-top:1em; font-size:1.1em; line-height:1.6}
.aside.small p, .aside.small ul {font-size:.9em}
.aside ul {margin-left:14px; margin-right:14px}

.aside li.selected a,
.aside li.selected a:hover {font-weight:bold; background:none !important}

.aside iframe {margin:0 0 0 5px; padding:0; background:#FFF}
.aside p.send-link, .aside p.search, .aside p.single {margin-top:1.25em}
.aside p.send-link a {padding:0 0 0 25px; background:url(../images/send-link.gif) no-repeat 0 3px}
.aside p.more-info {margin-top:1em; padding-top:1em; border-top:1px solid #CDD7E8}

.aside select, body.phca .aside select {margin:0 18px; width:192px}
.aside #go, body.phca .aside #go {margin:.25em 18px 0; width:192px}

/* Daily News Clippings Update Notification */
.aside input, body.phca .aside input {width:186px}
.aside .submit, body.phca  .aside .submit {margin:.25em 0 0; width:192px}
.aside .validation-advice {position:relative; padding:0 5px; background:#dbe5e1; color:#F00; font-size:.9em; width:180px}

table.committee-members, body.phca table.committee-members {margin:0 18px 1em; width:374px; font-size:.9em}
table.committee-members th {margin:0; padding:5px; border:1px solid #EEE}
table.committee-members td {border:1px solid #CCC}
table.committee-members td {margin:0; padding:5px}

/* partners club */
ul.partners li {margin:0 0 1em 3px; padding:0 0 0 15px}
ul.partners img {border:2px solid #ECECEC}
#content ul.gold li {background:url(../images/star-gold.gif) no-repeat 0 .5em}
#content ul.silver li {background:url(../images/star-silver.gif) no-repeat 0 .5em}
#content ul.bronze li {background:url(../images/star-bronze.gif) no-repeat 0 .5em}

/* sidebar ----------------------------------------------- */
#sidebar {
	position:relative;
	top:0;
	left:3px;
	float:left;
	color:#292929;
	font:bold .9em arial,sans-serif;
	text-transform:uppercase;
	width:243px}

/* ---- Menu ---- */
.menu, .menu ul, .menu li {margin:0; padding:0; border:0; list-style:none}
.menu {padding:8px 0; width:243px; text-transform:none; background:#3765ca url(../images/bg_nav.gif) repeat-y 0 0}
.menu li {position:relative; z-index:5; float:left; border-top:1px solid #4f74c4; width:100%}
.menu li:first-child {border:0}
.menu li:hover {z-index:10000; white-space:normal}

.menu ul {
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:100%;
	/* background-image:url(../images/empty.gif); /* required for sticky to work in IE6 and IE7 */
	/* background:red; /* uncomment this if you want to see the "safe" area. */
	margin:-20px 0 0;
	padding:20px 20px 20px 0}
.menu li:hover>ul {visibility:visible; left:100%}

.menu ul ul {margin-left:11px}

.menu:after, .menu ul:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both} /* float clear */
.menu, .menu ul {min-height:0} /* IE7 float clear */

.menu a {
	display:block;
	margin:0;
	padding:0 26px;
	width:191px;
	height:34px;
	font:1.1em/34px Verdana,sans-serif;
	overflow:hidden;
	text-decoration:none;
	color:#FFF;
	text-indent:-9999px;
	background:url(../images/navigation.gif) no-repeat 25px 0}
.menu a:visited {color:#FFF; text-decoration:none}

li#nav-careers ul li a {width:21em}
li#nav-research ul li a, li#nav-media ul li a {width:19em}
li#nav-consumers ul ul li a {width:29em}
.menu li li {border:0}

.menu li li a {
	position:relative;
	border:0;
	width:17em;
	height:2.8em;
	line-height:2.8em;
	text-indent:0;
	background:#32569F}
.menu li li a:hover {text-decoration:none}

li#nav-about a {background-position:25px 0}
li#nav-members a {background-position:25px -34px}
li#nav-consumers a {background-position:25px -68px}
li#nav-careers a {background-position:25px -102px}
li#nav-research a {background-position:25px -136px}
li#nav-media a {background-position:25px -170px}
li#nav-education a {background-position:25px -204px}
li#nav-business a {background-position:25px -238px}
li#nav-join a {background-position:25px -272px}

/* selected */
.menu li.selected li.selected a {font-weight:bold; text-decoration:underline}

li.selected a, li.selected a:hover {background-color:#40a699 !important}
li#nav-about.selected a {background-position:-461px 0 !important}
li#nav-members.selected a {background-position:-461px -34px !important}
li#nav-consumers.selected a {background-position:-461px -68px !important}
li#nav-careers.selected a {background-position:-461px -102px !important}
li#nav-research.selected a {background-position:-461px -136px !important}
li#nav-media.selected a {background-position:-461px -170px !important}
li#nav-education.selected a {background-position:-461px -204px !important}
li#nav-business.selected a {background-position:-461px -238px !important}
li#nav-join.selected a {background-position:-461px -272px !important}

li.selected li a:hover {background:#bbd1ce !important}

.menu li.selected li.selected a,
.menu li.selected li.selected li.selected a {font-weight:bold; text-decoration:underline}
.menu li.selected li.selected li a {font-weight:normal; text-decoration:none}

/* hover*/
.menu li:hover>a {background-color:#32569F}
.menu li:hover>a:hover {background-color:#bbd1ce; color:#000}
.menu li li:hover>a {background-color:#bbd1ce; color:#000}

li#nav-about a:hover {background-position:-218px 0}
li#nav-members a:hover {background-position:-218px -34px}
li#nav-consumers a:hover {background-position:-218px -68px}
li#nav-careers a:hover {background-position:-218px -102px}
li#nav-research a:hover {background-position:-218px -136px}
li#nav-media a:hover {background-position:-218px -170px}
li#nav-education a:hover {background-position:-218px -204px}
li#nav-business a:hover {background-position:-218px -238px}
li#nav-join a:hover {background-position:-218px -272px}

/* ---- text size ---- */
.hide {display:none}
.show {display:block}

ul#text-size {margin:24px 0 -14px 24px; padding:0; height:5em; list-style:none}
ul#text-size li {margin:0; padding:0; height:20px; line-height:20px; float:left}
ul#text-size a {margin:0 5px; width:25px; display:block; text-align:center; text-decoration:none; color:#FFF; background:#99b8d0}
ul#text-size a#text-medium:hover,
ul#text-size a#text-large:hover,
ul#text-size a#text-xlarge:hover {background:#669AB8}
ul#text-size a#text-medium {margin-left:20px; background:#40A699}

/* ---- site sponsors ---- */
.site-sponsors {margin:14px 0 14px 5px}
.site-sponsors p a {margin:0 0 0 10px; font-size:.9em; color:#535252; white-space:nowrap; text-transform:none}
.site-sponsors p a:hover {color:#32569f}
.sponsor {margin:-5px 0 0 19px; padding:0; background:#FFF}
a.sponsor {display:block; margin:0 0 18px 19px; padding:0; width:192px; background:none}
a.sponsor img {margin:0; padding:0; border:1px solid #FFF}
a.sponsor:hover img {border-color:#DD5F31}

/* ---- logos ---- */
table#logos {margin:10px auto 24px; width:85%}
table#logos td {padding:0; border:0; width:50%; text-align:center; vertical-align:middle}
table#logos a {display:block; margin:10px}

/* footer ----------------------------------------------- */
#footer {position:relative; margin:0 auto; width:887px; height:6em; border-bottom:3px solid #FFF; background:#3968d1 url(../images/bg_footer.gif) no-repeat 100% 0; color:#FFF; font:.85em/1.2em verdana,sans-serif; clear:both}
#footer p {margin:0 0 0 243px; padding:2.8em 9px 1em}
#footer p span {padding:0 6px; color:#dbdada}
#footer a:link, #footer a:visited {color:#FFF}
#footer a:hover {color:#C4CEE1}

a#backtotop {position:absolute; top:0; right:18px; display:block; width:25px; height:20px; text-indent:-9999px; overflow:hidden; background:#33569c url(../images/arrow02.gif) no-repeat 50% 50%}
a#backtotop:hover {background-color:#40A699}

/* Forms ----------------------------------------------- */
fieldset {margin:0; padding:0; border:0}
fieldset span {color:#F00; font-weight:bold}
fieldset dl {}
fieldset dt {margin:13px 0 2px; padding:0; color:#292929}
fieldset dd {position:relative}
fieldset dd.indent {padding-left:3em}

label {font-weight:bold; cursor:pointer}
label.note {font-weight:normal; font-size:1em}
body.phca input, body.phca select, body.phca textarea {
	width:300px;
	padding:4px;
	font:1em Arial,sans-serif;
	border-top:1px solid #D8D8DB;
	border-right:1px solid #D8D8DB;
	border-bottom:1px solid #DBDADA;
	border-left:1px solid #DBDADA;
	background:#FFF url(../images/bg_input.gif) repeat-x 0 0}
body.phca select {width:310px}
textarea {overflow:auto; margin:0}
optgroup {
	margin:4px;
	font:normal normal normal 1em Arial,sans-serif;
	background:#FFF url(../images/bg_footer.gif) no-repeat -9px 5px;
	border:1px solid #EEE;
	border-width:1px 0;
	color:#182c56}
optgroup option {
	background:#EEE;
	color:#000}

input:hover, textarea:hover, select:hover,
body.phca input:hover, body.phca select:hover, body.phca textarea:hover {
	border-color:#666 #666 #999 #999;
	background:#FFF}
input:focus, select:focus, textarea:focus {
	border-color:#bbd1ce;
	background:#FFF}
input.check,
body.phca input.check {
	width:auto;
	margin:2px 5px 0;
	border:0;
	background:none}
input.radio,
body.phca input.radio {
	width:auto;
	margin:0 5px -2px 0;
	border:none;
	background:none}
input.submit, input.reset, input#go,
body.phca input.submit, body.phca input.reset, body.phca input#go {
	cursor:pointer;
	margin:35px 0 0;
	width:154px;
	font:bold 1em Arial,sans-serif;
	text-transform:uppercase;
	color:#292929;
	background:#bbd1ce;
	border:0}
input.submit:hover, input.reset:hover, input#go:hover,
body.phca input.submit:hover, body.phca input.reset:hover, body.phca input#go:hover,
input.submit:focus, input.reset:focus, input#go:focus {background:#40A699; color:#FFF}

input#city {width:196px}
input#county {width:256px}
input#state {width:30px}
input#zip {width:46px}

input.validation-failed, textarea.validation-failed, select.validation-failed,
body.phca input.validation-failed, body.phca textarea.validation-failed, body.phca select.validation-failed {border:1px solid #F00; color:#F00}

.validation-advice {position:absolute; top:0; right:0; padding:0 5px 0 20px; background:#F9F9F9 url(../images/arrow04.gif) no-repeat 0 9px; color:#F00; width:258px}

/* anti-span */
dt.message, dd.message {display:none; visibility:none}

/* ---- form toggle ---- */
dl.toggleGroup {padding:0 0 .1em}
dl.enabled {}
dl.disabled {color:#CCC}

dl.toggleGroup dd {padding-left:30px}
html>body dl.toggleGroup dd {padding-left:24px}

select.toggleField {width:280px}
html>body select.toggleField {width:286px}

dl.disabled select {background:#EEE !important; color:#EEE}
dl.disabled select:hover {border-color:#d8d8db}

/* Search ----------------------------------------------- */
form.zoom,
body.phca form.zoom {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	background:#3561c3;
	width:400px;
	height:34px;
	line-height:34px}
input.zoom_query,
body.phca input.zoom_query {
	margin:8px 83px 0 0;
	padding:0 4px;
	height:16px;
	line-height:18px;
	width:135px}
input.zoom_search,
body.phca input.zoom_search {
	position:absolute;
	top:8px;
	right:9px;
	margin:0;
	padding:0;
	width:69px;
	height:17px;
	font:bold .8em arial,sans-serif;
	text-transform:uppercase;
	color:#292929;
	cursor:pointer;
	background:#bbd1ce;
	border:0}
input.zoom_search:hover,
body.phca input.zoom_search:hover {
	background:#40A699;
	color:#FFF}

/* Search Results */
#content form.zoom {position:relative; margin:0 14px 1em; padding:0 7px; text-align:left; background:#F9F9F9; width:auto}
#content input.zoom_query {margin:0 10px; padding:4px 4px 3px; width:200px}
#content input.zoom_search {position:relative; top:1px; right:0; width:154px; height:25px; line-height:25px; font:bold 1em Arial,sans-serif}

div.results h3 {font-size:.9em}
div.results h4 {position:relative; margin-left:54px}
div.results h4 strong {position:absolute; top:0; left:-36px; width:30px; text-align:right}
div.results p {padding:0 0 0 40px; font-size:.9em}

p.context {margin-bottom:.5em}
p.infoline {color:#666; font-style:italic}
p.result_pages {padding:2px; font-size:1em; background:#EEE}

/* Caresource Apps ----------------------------------------------- */
.error {color:red}

/* ---- Calendar ---- */
table.calendar {width:605px; margin:0 auto 1.5em; background:#FFF; border:1px solid #F1F1F1; border-width:1px 0}
table.calendar td {width:50%; border:1px solid #F9F9F9; border-width:0 2px}
table.calendar h2 {margin:0 0 10px; padding:0 7px; font-size:1.1em; border-bottom:1px solid #bbd1ce}
table.calendar p {margin-top:.5em; font-size:.95em}
table.calendar span {margin:3px; cursor:default; color:#999; font:normal .9em Verdana,sans-serif}
table.calendar span.format {display:block; font-size:.9em}
table.calendar input {width:65px}
table.calendar input.submit {margin:15px 0 0}

ul#month {margin-top:1em}
ul#range {margin:0 0 1em}
ul#range li {background:none}

dl.calendar {margin:0 18px 1.5em; padding:0 0 7px; background:#F1F1F1}
dl.calendar dt {padding:7px; background:#BBD1CE; font:bold 1em Arial,sans-serif; text-transform:uppercase; color:#292929; position:relative;}
dl.calendar dd {margin:0 7px}
dl.calendar dd.title {padding-top:7px; font-weight:bold}
dl.calendar dd.desc {padding-top:.5em; color:#333}
dl.calendar dd.desc p {margin:0 0 1em}
dl.calendar dd.more {margin-top:.5em}

/* ---- Job Board ---- */
table#jobboard th {padding-bottom:7px}
table#jobboard th.dateth {width:100px}
table#jobboard tr.even {background:#ECECEC}
table#jobboard tr.odd {background:#FFF}
table#jobboard th a {text-decoration:underline}
table#jobboard th a:hover {color:#000; text-decoration:none; border-bottom:1px solid #40A699}
p.posted {margin-top:-1em; font-size:.9em; color:#666; font-style:italic}

/* ---- What's New ---- */
p.date {margin-bottom:.25em; color:#182c56; font:bold 1em Arial,sans-serif}
h2.hot-news {margin:0 18px .25em; padding-top:0; font-size:1.1em; line-height:1.6em}
p.desc {color:#666}

#details p {margin-left:0; margin-right:0}

/* Widget */
#news {
	margin:4px 9px 0;
	padding:11px 9px 11px 0;
	min-height:353px;
	height:auto !important;
	height:353px;
	background:#bbd1ce}
html>body #news {
	min-height:364px;
	height:auto !important;
	height:364px}
#news dl {margin:0; width:392px}
#news dt {padding:7px 13px 0 19px; font:bold 1em/1.6em Verdana,sans-serif}
#news dt a {color:#292929}
#news dt a:hover {color:#213d7a}
#news dd {margin:0; padding:0 13px 1em 19px; font-size:.9em; color:#424040}
#news dd.date {padding-bottom:.5em; color:#5f5c5c; font-style:italic}
#news dd a {color:#666}
#news dd a:hover {color:inherit}

dt.odd {background:url(../images/arrow03.gif) no-repeat 9px 13px}
dt.even {background:#dbe5e1 url(../images/arrow03.gif) no-repeat 9px 13px}
dd.even {background:#dbe5e1}

/* Home Page Highlights */
#news dl.highlight {
	clear:both;
	position:relative;
	float:right;
	margin:0 0 13px;
	padding:0 0 7px;
	width:219px;
	min-height:144px;
	height:auto !important;
	height:144px;
	background:#233f7f url(../images/highlight-bg.gif) repeat-x 0 0}
html>body #news dl.highlight {margin-bottom:14px}
#news dl.highlight.small {
	min-height:15px;
	height:auto !important;
	height:15;
	background:#233f7f url(../images/highlight-bg.gif) repeat-x 0 100%}

#news dl.highlight dt {
	position:relative;
	z-index:50;
	padding:9px 11px 0;
	font:bold 1em/1.5 arial,sans-serif;
	text-transform:uppercase;
	background:url(../images/highlight-top.gif) no-repeat 0 0}
#news dl.highlight a {color:#FFF; text-decoration:underline}
#news dl.highlight dd a {color:#FFF; text-decoration:none}
#news dl.highlight a:hover {color:#FFF; text-decoration:none; border-bottom:1px solid #40A699}
#news dl.highlight a.special {border-bottom:1px solid #40A699}
#news dl.highlight dd {
	position:relative;
	z-index:60;
	padding:6px 11px 0;
	line-height:1.5;
	color:#FFF}
#news dl.highlight dd p {margin-left:0; margin-right:0}
#news dl.highlight dd a img {margin:0 0 11px 11px; float:right}
#news dl.highlight dd.bottom {
	z-index:30;
	position:absolute;
	top:100%;
	left:0;
	display:block;
	padding:0;
	width:219px;
	height:5px;
	background:transparent url(../images/highlight-bottom.gif) no-repeat 0 0}
#news dl.highlight dd.image {
	z-index:40;
	position:absolute;
	bottom:-5px;
	right:-1px;
	margin:0;
	padding:0}
html>body #news dl.highlight dd.image {right:0}
#news dl.highlight dd.image img {margin:0; padding:0; position:absolute; right:0; bottom:0}
#news dl.highlight dd ul#fader {position:relative; left:-22px}

#news dl.highlight2 {
	clear:both;
	position:relative;
	float:right;
	margin:0 0 13px;
	padding:0 0 7px;
	width:219px;
	min-height:200px;
	height:auto !important;
	height:144px;
	background:#233f7f url(../images/highlight-bg.gif) repeat-x 0 0}
	
#news dl.highlight2 dd.bottom {
	z-index:30;
	position:absolute;
	top:100%;
	left:0;
	display:block;
	padding:0;
	width:219px;
	height:5px;
	background:transparent url(../images/highlight-bottom.gif) no-repeat 0 0}

#news dl.highlight2 dd.image img {margin:0; padding:0; position:absolute; right:0; bottom:0; top:30px}

#news dl.highlight3 {
	clear:both;
	position:relative;
	float:right;
	margin:0 0 13px;
	padding:0 0 7px;
	width:219px;
	min-height:122px;
	height:auto !important;
	height:122px}

/* ---- crossfader ---- */
ul#fader {
	position:relative;
	left:-19px;
	margin:0;
	padding:0;
	height:200px}
ul#fader li {
	margin:0;
	padding:0}

/* hide, then unhide using js */
ul#fader li {display:none}
ul#fader li#pic01 {display:block}

#video1, #video2, #video3, #video4, #video5, #video6, #video7, #video8, 
#video9, #video10, #video11, #video12, #video13, #video14, #video15, #video16, 
#video17, #video18, #video19, #video20, #video21, #video22 {
	margin-left:20px;
}

/* ---- callouts ---- */

#callout {
	width:639px;
	height:209px;
	margin-bottom:10px;
	background:url(../images/megabanner2.jpg) no-repeat 0 0;
}

#callout a {
	display:block;
	width:616px;
	height:92px;
	position:relative;
}


a.callout_convention {top:10px; left:10px}
a.callout_featured {top:10px; left:10px}

#thegoodlife {
	display:block;
	width:627px;
	height:95px;
	margin-left:10px;
	margin-bottom:20px;
	background:url(../images/the-good-life.jpg) no-repeat 0 0;
}

#thegoodlife a {
	display:block;
	width:206px;
	height:95px;
	float:right;
}

/* ---- jQuery lightBox (0.5) ---- */
#jquery-overlay {position:absolute; top:0; left:0; z-index:200; background:#000}
#jquery-lightbox {position:absolute; top:0; left:0; z-index:201; width:100%}
#jquery-lightbox a {border:0}

/* ---- lightbox-container ---- */
#lightbox-container {
	position:relative;
	margin:0 auto;
	background:#FFF;
	width:250px;
	height:250px;
}

img#lightbox-image {padding:10px 10px 0}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#lightbox-nav a {
	position:absolute;
	top:0;
	width:50%;
	outline:0;
}

a#lightbox-prevLink {left:0; background:url(../images/lightbox/blank.gif) repeat}
a#lightbox-nextLink {right:0; background:url(../images/lightbox/blank.gif) repeat}

a#lightbox-prevLink:hover {background:url(../images/lightbox/prev.png) no-repeat 0 10px}
a#lightbox-nextLink:hover {background:url(../images/lightbox/next.png) no-repeat 100% 10px}

#lightbox-loading {
	position:absolute;
	top:45%;
	left:0;
	width:100%;
	height:25%;
	background:url(../images/lightbox/loading.gif) no-repeat 50% 0}

/* === lightbox-data === */

#lightbox-data {
	position:relative;
	margin:0 auto;
	padding:0 10px 10px;
	background:#FFF;
	overflow:hidden;
}

#lightbox-data span {
	display:block;
	padding:0 100px 0 0;
	background:#FFF;
}

span#lightbox-caption {font-weight:bold}

span#lightbox-meta {
	color:#666;
	font:.9167em Arial,"Helvetica Neue",Helvetica,sans-serif;
	text-transform:uppercase;
	letter-spacing:.1em;
}

span#lightbox-meta em {
	font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
	text-transform:none;
	letter-spacing:0;
}

a#lightbox-closeLink {
	position:absolute;
	top:0;
	right:0;
	width:70px;
	height:30px;
	background:url(../images/lightbox/close.gif) no-repeat 47px 0;
}

/* === Photo Tour === */

ul#tour {
	list-style:none;
}

ul#tour li {
	float:left;
	padding:10px 1.75em 10px 0 !important;
	margin:0;
	display:inline;
	background:none;
	list-style:none;
}
	
ul#tour li.end {padding:0}

ul#tour a {display:block; border:3px solid #433c99; padding:0}
ul#tour a img {margin:0; border:0}

ul#tour a:hover {border:1px solid #433c99; padding:2px}

/* ---- convention ---- */
#convention_callout {
	margin-left:20px;
	margin-right:20px;
	font-size:1.3em;
	line-height:1.6em;
	color:#fff;
}


#speaker_callout {
	width:200px;
	height:110px;
	float:right;
	margin:10px 20px;
}
#speaker_callout span.pdf {display:none}