/*
When hovering over links that have a background image applied, the background image flickers in IE6.
This is caused by the browser checking for newer versions of the image EVERY time you mouseover
and subsequently reloads the image each and every time, regardless of whether you have caching enabled
or the images preloaded. Below is the fix:
*/
html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}


/* --------------------------------------------------------
                                GLOBAL
----------------------------------------------------------- */

BODY {
	background-color: #FFFFFF;
	background-image: url(/fff2/images/mainBG.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #727272;
}

.clearFloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: px; /*for IE*/
}

H1 {
	margin: 0;
}

H1, H2, P, LI {line-height: 145%;}



/* -----------------------------------------
                       FRAMEWORK
 ------------------------------------------- */
#framework {
	position: absolute;
	top: 0px;
	width: 1032px;
	left: 50%;
	margin-left: -516px; /* half of width */
	text-align: left;
}
	BODY#popup #framework {
		width: 803px;
		width: 820px;
		margin-left: -402px;
	}
#pageshadowLeft {
	width: 14px;
	float: left;
	height: 819px;
	background-image: url(/fff2/images/pageshadowLeft.jpg);
	background-repeat: no-repeat;
}
#pageCenterColumn {
	/*width: 1000px;*/
	width: 998px; /*total width minus border pixels*/
	float: left;
	background-color: #82b4cd;
	margin-bottom: 18px;
}

	BODY#popup #pageCenterColumn {
		width: 775px; /*smaller for popup windows*/
		float: left;
		background-color: #FFFFFF;
		margin-bottom: 18px;
	}
HTML #pageCenterColumn { /* for IE6 */
	margin-bottom: 0px;
}
#pageshadowRight {
	width: 14px;
	float: left;
	height: 819px;
	background-image: url(/fff2/images/pageshadowRight.jpg);
	background-repeat: no-repeat;
}

/* ------------end framework ----------- */




/* -----------------------------------------
                       BANNER
 ------------------------------------------- */
#banner {
	height: 125px;
	background-color: #FFFFFF;
}
BODY#popup #banner {
	border-bottom: 6px solid #82b4cd;
	}
#banner #FFFlogo {
	float: left;
}
#banner #FFFlogo {
	width: 313px;
	height: 103px;
}
#banner #FFFlogo IMG { border: none; }

#banner #HBSlogo {
	float: right;
	width: 223px;
	height: 103px;
}

#mainTabs {
	height: 25px;
	background-color: #ffffff;
	overflow: hidden;
	padding-left: 15px;
}

#mainTabs A {
	/* The following rules are for Accessibility. 
	Since we are using BG images for the main tab navigation, we have to also include HTML links for accessibility when CSS is disabled.
	The following rules will cause the HTML links to be hidden when CSS is enabled (but will appear when CSS is disabled). cjf */
		font-size: 0px;
		text-decoration: none;
		text-indent: -150px;
	/* end accessibility */
	height: 25px;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 3px;
}

#mainTabs #tabHome a {width: 60px;background: url(/fff2/images/mainTabs/tabHome.gif) no-repeat;}
#mainTabs #tabConfOverview a {width: 144px;background: url(/fff2/images/mainTabs/tabConfOverview.gif) no-repeat;}
#mainTabs #tabConfAgenda a {width: 135px;background: url(/fff2/images/mainTabs/tabConfAgenda.gif) no-repeat;}
#mainTabs #tabSpeakers a {width: 73px;background: url(/fff2/images/mainTabs/tabSpeakers.gif) no-repeat;}
#mainTabs #tabRegistration a {width: 90px;background: url(/fff2/images/mainTabs/tabRegistration.gif) no-repeat;}
#mainTabs #tabPartners a {width: 138px;background: url(/fff2/images/mainTabs/tabPartners.gif) no-repeat;}
#mainTabs #tabWhatsNew a {width: 95px;background: url(/fff2/images/mainTabs/tabWhatsNew.gif) no-repeat;}
#mainTabs #tabLiving a {width: 112px;background: url(/fff2/images/mainTabs/tabLiving.gif) no-repeat;}
#mainTabs #tabContact a {width: 83px;background: url(/fff2/images/mainTabs/tabContact.gif) no-repeat;}

/* ---- ON state ---- */
#mainTabs #tabHome.ON a,
#mainTabs #tabConfOverview.ON a,
#mainTabs #tabConfAgenda.ON a,
#mainTabs #tabSpeakers.ON a,
#mainTabs #tabRegistration.ON a,
#mainTabs #tabPartners.ON a,
#mainTabs #tabWhatsNew.ON a,
#mainTabs #tabLiving.ON a,
#mainTabs #tabContact.ON a {
	background-position: left -60px;
}

/* ---- HOVER state ---- */
#mainTabs #tabHome a:hover,
#mainTabs #tabConfOverview a:hover,
#mainTabs #tabConfAgenda a:hover,
#mainTabs #tabSpeakers a:hover,
#mainTabs #tabRegistration a:hover,
#mainTabs #tabPartners a:hover,
#mainTabs #tabWhatsNew a:hover,
#mainTabs #tabLiving a:hover,
#mainTabs #tabContact a:hover {
	background-position: left -30px;
}

/* -----------------------------------------
                       SUBNAV PANEL
 ------------------------------------------- */

#subnavPanel {
	width: 188px;
	float: left;
	margin-top: 70px;
}

#subnavPanel #topBar {
	height: 25px;
	background-image: url(/fff2/images/subnavTop.gif);
	background-repeat: no-repeat;
}
#subnavPanel #middleBar {
	background-color: #eaf6e1;
	padding: 18px 9px 18px 17px;
}
#subnavPanel #bottomBar {
	height: 8px;
	background-image: url(/fff2/images/subnavBottom.gif);
	background-repeat: no-repeat;
}

#subnavPanel H1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	padding-left: 18px;
	background-image: url(/fff2/images/subnavArrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

#subnavPanel UL {
	margin: 0;
	padding: 0;
	margin: 12px 0px 60px 32px;
	list-style-position: outside;
	list-style-image: url(/fff2/images/subnavBullet.gif);
}
#subnavPanel LI {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 9px;
}
#subnavPanel A {color: #727272; text-decoration: none; font-weight: bold;}
#subnavPanel A:hover {text-decoration: underline;}
#subnavPanel LI a {font-weight: normal;}


/* -----------------------------------------
                       CONTENT PANEL
 ------------------------------------------- */

#contentPanel {
	width: 810px;
	float: left;
	margin-top: 25px;
}
	BODY#popup #contentPanel {
		width: 775px; /*smaller for popup windows*/
		margin-top: 0px;
	}
#contentPanel #topBar {
	height: 9px;
	background-color: #FFFFFF;
	font-size: 0; /*do not remove this - IE fix. cjf */
}
#contentPanel #topBarLeft {
	width: 11px;
	height: 9px;
	background-image: url(/fff2/images/cornerTopLeft.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#contentPanel #middleBar {
	padding: 0px 48px 18px 18px;
	background-color: #FFFFFF;
	font-size: 0; /*do not remove this. cjf */
	min-height: 550px;
}
#contentPanel #bottomBar {
	height: 9px;
	background-color: #FFFFFF;
	font-size: 0;  /*do not remove this. cjf */
}
#contentPanel #bottomBarLeft {
	width: 11px;
	height: 9px;
	background-image: url(/fff2/images/cornerBottomLeft.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


BODY#popup #contentPanel #middleBar {
	background-image: url(/fff2/images/popupGradient.jpg);
	background-repeat: repeat-x;
}

#contentPanel #middleBar H1 {
	font-family: "Palatino Linotype", "Palatino", "Baskerville", "Book Antiqua", "Georgia", serif;
	font-size: 29px;
	line-height: 27px;
	font-weight: normal;
	padding-top: 18px;
	margin-bottom: 12px;
}
BODY#popup #contentPanel #middleBar H1 {
	font-size: 25px;
	line-height: 26px;
	padding-top: 28px;
	margin-bottom: 12px;
}

#contentPanel #middleBar H2 {
	font-family: "Palatino Linotype", "Palatino", "Baskerville", "Book Antiqua", "Georgia", serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #8a2981;
	margin-top: 24px;
}

#contentPanel #middleBar H3 {
	font-family: "Palatino Linotype", "Palatino", "Baskerville", "Book Antiqua", "Georgia", serif;
	font-size: 16px;
	font-weight: normal;
	color: #ef519e;
	margin-top: 24px;
	margin-bottom: 6px;
}

#contentPanel #middleBar P{
	margin: 0px;
	margin-bottom: 12px;
	font-size: 12px;
}

#contentPanel #middleBar LI {
	font-size: 12px;
	margin-bottom: 9px;
}
#contentPanel #middleBar UL {
}

#contentPanel #middleBar UL.noPad LI {
	margin-bottom: 0px;
}

#contentPanel #middleBar P.kicker {
	font-family: "Palatino Linotype", "Palatino", "Baskerville", "Book Antiqua", "Georgia", serif;
	font-style: oblique;
	font-size: 16px;
	/*margin-bottom: 36px;*/
	/*width: 99%;*/
	width: 470px; /* do not remove this. */
}

#contentPanel #middleBar P.noPix {
	width: 99%; /* do not remove this. */
}
#contentPanel #middleBar DIV.kickerImage {
	width: 267px;
	float: right;
	margin-top: -24px;
}

#contentPanel #middleBar A {color: #7dcd21; font-weight: normal; text-decoration: underline;}
#contentPanel #middleBar A:link {}
#contentPanel #middleBar A:visited {color: #727272;}
#contentPanel #middleBar A:hover {color: #82b5ce;}
#contentPanel #middleBar A:active {color: #ef529d;}


.grayRule {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 100%;
	background-image: url(/fff2/images/graypix.gif);
	background-repeat: repeat-x;
	background-position: center;
}


/* -----  FEATURED PANELS GRID/PIX ----- */
#contentPanel #middleBar #featuredPanel {
	width: 100%;
}
#contentPanel #middleBar #featuredPanel H1 {
	margin: 0;
	padding: 6px;
	font-size: 19px;
	text-align: center;
}
#contentPanel #middleBar #featuredPanel #events {
	margin: 0;
	padding: 0;
}
#contentPanel #middleBar #featuredPanel #events .listing {
	float: left;
	padding: 3px 6px;
	border-right: 1px solid #e3e3e3;
}
#contentPanel #middleBar #featuredPanel #events .last {
	border-right: none;
}
#contentPanel #middleBar #featuredPanel #events IMG {
	padding: 0px 0px 0px 0px;
}
#contentPanel #middleBar #featuredPanel #events H1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	text-align: left;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 0px 6px 0px 3px;
}
#contentPanel #middleBar #featuredPanel #events P {
	font-size: 11px;
	line-height: 14px;
	margin-top: 0px;
	padding: 0px 6px 0px 3px;
}
#contentPanel #middleBar #featuredPanel #events UL {
	margin: 0;
	padding: 0;
	margin: 6px 0px 0px 60%;
	list-style-position: outside;
	list-style-image: url(/fff2/images/featuredLinkArrow.gif);
	font-size: 0;
}
#contentPanel #middleBar #featuredPanel #events LI {
	margin: 0;
	padding: 0;
	font-size: 11px; 
	line-height: 12px; 
}
#contentPanel #middleBar #featuredPanel #events LI A {
	margin: 0; 
	padding: 0; 
	font-size: 11px; 
	line-height: 12px; 
	color: #2a9cce; 
	text-decoration: none;
}
#contentPanel #middleBar #featuredPanel #events Li A:hover {
	text-decoration: underline;
}
/* -----  end featured panels ----- */



/* ------------------ GENERAL FORMS ------------------- */
#contentPanel #middleBar FORM {
	clear: both;
	margin-bottom: 24px;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #727272;
	border: 1px solid #CCCCCC;
	background-image: url(/fff2/images/formBG.gif);
	background-repeat: repeat-x;
}
#contentPanel #middleBar FORM H1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0px 12px 0px;
	padding: 4px 0px;
	background-color: #93c1d7;
	width: 140px;
	text-align: center;
}
#contentPanel #middleBar FORM .formPad {
	margin: 12px;
}
#contentPanel #middleBar FORM .important {
	font-size: 11px;
	color: #000000;
}
#contentPanel #middleBar LABEL {
	float: left;
	text-align: right;
	margin-right: 9px;
}
#contentPanel #middleBar INPUT {
	float: left;
	font-size: 11px;
	height: 13px;
	border: 1px solid #CCCCCC;
	color: #727272;
	padding: 1px 9px;
	margin-bottom: 4px;
}
#contentPanel #middleBar .noFloat {
	float: none;	
	width: auto;
}
#contentPanel #middleBar INPUT.checkbox,
#contentPanel #middleBar INPUT.radiobutton {	
	width: auto;
	border: none;
}
#contentPanel #middleBar INPUT.first {
	margin-left: 32px;
}
#contentPanel #middleBar SELECT {
	font-size: 11px;
	height: 13px;
	margin-bottom: 4px;
}
#contentPanel #middleBar FORM INPUT#submitBtn {
	width: 82px;
	height: 31px;
	border: none;
}
/* --- end general forms --- */



/* -----------------------------------------
                       FOOTER
 ------------------------------------------- */
.footer P {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 13px;
	color: #DDDDDD;
	margin: 0;
	padding: 0;
	clear: both;
	padding-top: 8px;
	padding-bottom: 36px;
}

.footer A {font-size: 12px; color: #FFFFFF; font-weight: normal; text-decoration: none;}
A:link {}
A:visited {color: #FFFFFF; text-decoration: none;}
A:hover {color: #FFFFFF; text-decoration: underline;}
A:active {color: #FFFFFF; text-decoration: underline;}


/* -----------------------------------------
                       DISCLAIMER
 ------------------------------------------- */

.disclaimer {
	clear: both;
	padding: 0px 18px 24px 18px;
}

P.legal {
	font-size: 10px;
	line-height: 16px;
	color: #999999;
	text-align: left;
}