/*************************************************

BY 76design	

Generic styles

***************************************************/


/* -- GENERIC */


.left {float:left;}
.right {float:right;}

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.clear			{ clear: both; }

.error { }
.success { }
.warning { }

/***************************************************
	BREADCRUMB
 	*/
#breadcrumb {
	margin:10px 0 0 0;
	padding:0;
	}
#breadcrumb LI {
	display:inline;
	background:none;
	margin:0;
	padding:0;
	}
/*************************************************

National Speakers Bureau
November 2008
BY 76design


***************************************************
	GENERIC
	*/


HTML {
	font: 62.5%/160% "Helvetica", Helvetica, Arial, sans-serif;
	background:#f9f8f2 url(../images/html-bkg.gif) repeat-x;
	color: #000;
	}

BODY {
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

/***************************************************
	STRUCTURE
	*/

#wrapper {
	width:932px;
	margin: 0px auto;
	text-align:left;
	}

.home #centrecolumn {
	background:none;
	padding:0;
	}

.home #centrecolumn,
.speaker-profile #centrecolumn,
.speakers #centrecolumn,
.topics #centrecolumn   {
	width:672px;
	}

.speaker-profile #centrecolumn,
.speakers #centrecolumn,
.topics #centrecolumn  {
	padding:0;
	overflow:hidden;
	}

#centrecolumn {
	float:left;
	background:#FFF;
	padding:20px;
	width:632px;
	margin:0 20px 0 0;

	position:relative;
	}

#rightcolumn {
	width:240px;
	float:left;
	}

.speakers H1,
.topics H1{
	padding:30px 0 0px 20px;
	float:left;
	}

/***************************************************
	HEADER
	*/


.logo {
	margin:25px 0;
	border:none;
	padding:0;
	}

.logo A {
	text-indent:-999em;
	display:block;
	background:url(../images/nsb-logo.gif) no-repeat;
	width:332px;
	height:43px;
	}

/***************************************************
	PHONE CONTACT

	The top right contact info on all pages

	*/

#phone-contact {
	float:right;
	width:225px;
	text-align:right;
	margin:30px 0 0 0;
	}
/* #phone-contact UL {
    margin:0;
    padding:0;
    list-style:none;
    }
#phone-contact LI {
margin:0 0 5px 0;
clear:both;
height:20px;
}
#phone-contact STRONG{
	padding:3px 6px;
	color:#808080;
	text-decoration:none;
	font-size:110%;
    background:#AC0505;
    float:right;
	}

#phone-contact STRONG {color:#FFF;}
#phone-contact IMG {margin:3px 0 3px 0; float:left;} */
#phone-contact H4 {margin:5px 0 0 0;font-size:110%;color:#000;font-weight:bold; text-transform:capitalize; clear:both;}
#phone-contact a#show-vancouver {display:none;}
/***************************************************
	SEARCH FORM

	the search form is the main search on all pages in the right col
	*/

#search-form {
	background:#FFF;
	height:450px;
	margin:0 0 20px 0;
	position:relative;
	}

#search-form A {
	float:right;
	color:#212121;
	margin:3px 0;
	font-size:120%;
	}

#search-form A:hover {
	color:#000;
	}

#search-form H2 {
	padding:15px;
	}
#search-form H3 {
	clear:both;
	}

#search-form FORM {
	margin:15px;
	}

#search-form SELECT{
	width:210px;
	}

#search-form .text {
	width:200px;
	vertical-align:top;
	}

#search-form .short {
	width:165px;
	margin:0;
	line-height:16px;
	}

#search-form .submit{
	background:#ac0505;
	padding:5px 25px 5px 5px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	border:none;
	float:right;
	margin:20px 0 0 0;
	clear:both;
	}

#search-form .submit:hover {
	background:#000;
	}

#search-form .submit-search{
	background:#ac0505 url(../images/search.gif) top left no-repeat;
	width:31px;
	height:26px;
	border:none;
	text-indent:-999em;
	float:none;
	padding:2px;
	margin:0;
	line-height:22px; /*ie*/
	}

#search-form .submit-search:hover {
	background:#000 url(../images/search.gif) bottom left no-repeat;
	}

#search-form FORM A {
	display:block;
	color:#808080;
	font-size:120%;
	margin:5px 0 0 0;
	text-align:right;
	}

#search-form FORM A:hover{color:#000}

#search-form FORM #all-speakers {
	margin:8px 0 3px 0;
	}
#search-form FORM #speaker_name_wrapper{
    padding:0;
    border:0;
    margin:0;
    }
/***************************************************
	MAIN MENU

	*/

#topmenu {
	margin:0 0 20px 0;
	padding:0;
	height:30px;
	}

#topmenu LI  {
	list-style:none;
	float:left;
	margin:0 12px 0 0;
	position:relative;
	}

#topmenu A {
	display:block;
	padding:6px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:110%;
	margin:0;
	width:90px;
	background:#000;
	text-decoration:none;
	}

#topmenu A:hover, #topmenu A.selected {
	background:#ac0505;
	}


.bl { background:url(../images/corners.gif) bottom left no-repeat;display:block; width:20px;height:20px; position:absolute; bottom:0; left:0;}
.br {background:url(../images/corners.gif) bottom right no-repeat; display:block; width:20px;height:20px;position:absolute; bottom:0; right:0;}
.tl {background:url(../images/corners.gif) top left no-repeat;display:block; width:20px;height:20px;position:absolute; top:0; left:0;}
.tr {background:url(../images/corners.gif) top right no-repeat;display:block; width:20px;height:20px;position:absolute; top:0; right:0;}

/***************************************************
	SUBMENU

	*/
	
.submenu {
	list-style:none;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:solid 1px #DFDFDF;
	}

.submenu LI {
	display:inline;
	}
	
.submenu A {
	font-size:110%;
	padding:4px;
	font-weight:bold;
	text-decoration:none;
	}

/***************************************************
	HOMEPAGE � GRID WIDGET

	The flash piece on the homepage
	 */

#grid-widget {
	margin:0 0 20px 0;
	background:#ac0505;
	color:#FFF;
	font-size:160%;
	height:450px;
	line-height:160%;
	}

#grid-widget H2 {
	color:#FFF;
	}

#grid-content {
	padding:40px;
	}

#grid-widget A {
	color:#FFF;
	display:block;
	margin:15px 0;
	}

/***************************************************
	HOMEPAGE � NEWS LIST

	the newslist is the 2 featured articles on the homepage

	*/

#news-list {
	background:#fff;
	position:relative;
	padding:0 0 15px 0;
	height:350px; /* height used to align with intro-text */
	overflow:hidden;
	}

/*section title */
#news-list H2{padding:15px 15px 15px 40px;}

/* story title */
#news-list H3 A {text-decoration:none;}

#news-list .rss {
	position:absolute;
	top:0px;
	left:0px;
	}

#news-list UL,
#news-list LI {
	margin:15px;
	padding:0;
	list-style:none;
	}

#news-list LI {
	float:left;
	margin:0 60px 0 0;
	width:291px;
	}

#news-list LI.last {
	margin:0;
	}

#news-list UL IMG {
	float:left;
	margin:0 10px 10px 0;
	}

#news-list UL H3 {
	margin:0 0px 3px 0;
	}

#news-list UL SMALL {
	color:#a1a1a1;
	font-weight:bold;
	font-size:100%;
	margin:0;
	}

#news-list UL P {
	clear:both;
	}

/***************************************************
	HOMEPAGE � INTRO TEXT

	The bottom right paragraph on the homepage

	*/

#intro-text {
	background:#fff;
	padding:0 0 15px 0;
	height:350px;
	position:relative;
	}

#intro-text H2{
	padding:15px 15px 15px 15px;
	}

#intro-text H3{
	margin:0 0 15px 0;
	}

#intro-text .intro {padding:0 15px;}

/***************************************************
	SEARCH RESULTS

	*/

.search-crumb {
	/*done this way for ie6 */
	float:right;
	margin:0 0 5px 0;
	display:block;
	width:100%;
	text-align:right;
	}

.results {
	margin:0;
	padding:0;
	list-style:none;
	}

.results LI {
	clear:both;
	margin:0 0 15px 0;
	overflow:hidden;
	padding:15px 0 0 0 ;
	}

.results LI A {text-decoration:none;}
.results LI A:hover,
.results LI A:hover STRONG {color:#b2aaaa;}
.results LI A STRONG {color:#212121;}

.results A.speaker-photo{
	margin:0 25px 0 0;
	float:left;
	/* width:192px; */
	}

.exclusive {
	border-bottom:solid 1px #ededed;
	}

.results LI .speaker-precis {
	width:280px;
	float:left;
	margin:0 25px 0 0;
	}

.results LI .speaker-precis H3 {
	font-weight:normal;
	}

.results LI .speaker-precis P{
	font-size:110%;
	}

.results LI .speaker-topics {
	float:left;
	width:160px;
	}

.results LI .speaker-topics H4 {
	color:#212121;
	font-size:120%;
	margin:.5em 0 ;
	}

.results LI .speaker-topics A{
	color:#ac0505;
	text-decoration:none;
	font-weight:bold;
	font-size:120%;
	}

.results LI .speaker-topics A:hover {
	color:#b2aaaa
	}

/***************************************************
	SEARCH RESULTS � FILTER

	the filter drop downs at the top

	*/

#filter-form {
	border-top:solid 1px #ededed;
	clear:both;
	padding:15px 0;
	border-bottom:solid 1px #ededed;
	}

#filter-form H3 {
	display:inline;
	margin:0 20px 0 0;
	}

#filter-form .select {
	width:225px;
	margin:0 8px 0 0;
	}

/***************************************************
	PAGINATION (resuable)

	*/

.pagination{
	margin:0 0 15px;
	border-top:solid 1px #ededed;
	padding:15px 0 0 0;
	text-align:center;
	}

.pagination A,
.pagination .selected {
	color:#808080;
	text-decoration:underline;
	margin:0 15px;
	font-size:110%;
	}

.pagination A:hover,
.pagination .selected {
	color:#ac0505;
	}

.pagination .selected {
	text-decoration:none;
}

.pagination A IMG {
	vertical-align:middle;
	}

/***************************************************
	SPEAKER PAGE
	 */

#speaker-precis H1 {
	margin:0 0 5px 0;
	}

#speaker-precis IMG {
	float:left;
	margin:0 25px 0 0;
	width:130px;
	}

#speaker-precis LI {
	display:inline;
	margin:0 20px 0 0;
	font-size:120%;
	}

#speaker-precis H3 {
	color:#212121;
	margin:0;
	font-weight:normal;
	}

#speaker-precis .speaker-teaser{
	float:left;
	width:430px;
	margin:20px 0 0 0;
	}

#speaker-precis .speaker-teaser BLOCKQUOTE {
	margin-bottom:15px;
	font-size:120%;
	line-height:160%;
	clear:both;
	}

.stats {text-transform:lowercase; padding:0; margin:0 0 20px 0; color:#212121;}
.stats .exclusive{background:url(../images/circles.gif) 0 3px no-repeat; padding:0 0 0 20px;border:none;}
.stats .bilingual{background:url(../images/circles.gif) 0 -77px no-repeat; padding:0 0 0 20px;}
.stats .location{background:url(../images/circles.gif) 0 -152px no-repeat; padding:0 0 0 20px;}

.profile-faux-cols{
	background:url(../images/profile-faux-cols.gif) repeat-y;
	}

.speaker-profile .profile-left{
	width:311px;
	float:left;
	}

.speaker-profile .profile-right {
	width:358px;
	float:left;

	}

.speaker-profile .profile-right .simple-list {
	padding-left:25px;
	padding-right:25px;
	}

/*

The summary profile is being pulled in from espeakers.
Its a bit of a crapshoot in terms of what markup we get from
them - so in order to accomodate we hard code some base font styling.
Its very possible this will break in the future because of it.
This is the start of a safeguard - but will need to be expanded as
espeakers content keeps changing.

*/

.speaker-profile .profile-right #summary,
#summary P {
	font-size:12px !important;
	text-align:left !important;
	}

#summary.simple-list BLOCKQUOTE {
	font-size:16px !important;
	font-style:italic;
	background:url(../images/quote.gif) no-repeat;
	padding:0 15px;
	width:276px;/*IE6 */
	}


#moduleid-news IMG {
	margin:15px;
	clear: both;
	}
#summary UL {
	margin:15px 30px ;
	}
#summary LI {
	border:none;
	list-style:disc;
	}
/***************************************************
	SPEAKER PAGE  �  +ENU

	 */

#sharemenu {
	clear:both;
	background:#a91e22;
	padding:12px 8px;
	border-top:solid 1px #901717;
	border-bottom:solid 1px #901717;
	}

#sharemenu A {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding:3px 8px;
	margin:0 10px 0 0;
	font-size:110%;
	}

#sharemenu A:hover,
#sharemenu A.selected{
	background:#85181b;
	}

#sharemenu UL {
	width:260px;
	float:right;
	margin:0;
	}
#print_type {
	margin-right:10px;
}
#sharemenu LI {
	float:right;
	list-style:none;
	}

#sharemenu LI A {
	width:16px;
	height:17px;
	display:block;
	text-indent:-999em;
	padding:0;
	}

#sharemenu A.print {background:url(../images/share-icons.gif) top left no-repeat;}
#sharemenu A.email {background:url(../images/share-icons.gif) top right no-repeat;}
#sharemenu A.print:hover {background:url(../images/share-icons.gif) bottom left no-repeat;}
#sharemenu A.email:hover {background:url(../images/share-icons.gif) bottom right no-repeat;}
#sharemenu A.print-small { 
	background:url(../images/print-small.gif) no-repeat top left;
	height:16px;
	width:13px;
}
#sharemenu A.print-small:hover {
	background:url(../images/print-small.gif) no-repeat bottom left;
}
/***************************************************
	SPEAKER PAGE  �  SIMPLE LIST
	 */
.profile-left .simple-list {
	margin-left:15px;
	}

.simple-list {
	border-top:solid 1px #dfdfdf;
	border-bottom:solid 1px #ffffff;
	clear:both;
	padding:10px 0 0 0;
	}

.simple-list UL,
.simple-list LI {
	list-style:none;
	margin:0;
	padding:0;
	}

.simple-list UL {
	margin:0 0 20px 0;
	}

.simple-list LI IMG {
	float:left;
	margin:0 15px 0 0;
	}

.simple-list LI {
	margin:5px 0;
	}

.simple-list  H3 {
	margin:0 0 15px 0;
	}


.simple-list  H4 {
	border-left:solid 10px #808080;
	font-size:140%;
	display:block;
	color:#212121;
	font-weight:bold;
	text-transform:none;
	padding:5px 8px;
	margin:0;
	}

.simple-list SMALL {
	color:#808080;
	font-weight:bold;
	font-size:110%;
	}

.simple-list A {
	text-decoration:none;
	color:#212121;
	}

.simple-list A:hover {
	text-decoration:none;
	color:#ac0505;
	}

/***************************************************
	SPEAKER � MEDIA GALLERY

	each simple list has some specifics per section...this is it.

	 */

.simple-list .arrows,.arrows {
	margin:0 15px 15px 0;
	padding:0;
	float:right;
	}

#media.simple-list .arrows{
	width:30px;
	}

#media.simple-list .arrows LI {
	clear:none;
	}

.arrows LI {
	border:none;
	float:left;
	display:block;
	margin:0;
	padding:0;
	}

#media.simple-list .arrows A,
.arrows A {
	text-indent:-999em;
	background:none;
	padding:0;
	display:block;
	line-height:15px;
	width:15px;
	height:15px;
	}

#media.simple-list .arrows LI.direct-link A,
.arrows LI.direct-link A{
	width:500px;
	text-align:right;
	margin:0 10px 0 0;
	font-size:120%;
	font-weight:bold;
	line-height:15px;
	text-indent:0;
	}
#media.simple-list .arrows  A:hover {padding:0;}
#media.simple-list .arrows .previous A,.arrows .previous A{background:url(../images/arrows-dark.gif) bottom left no-repeat;	}
#media.simple-list .arrows .previous A:hover,.arrows .previous A:hover{background:url(../images/arrows-dark.gif) top left no-repeat;	}
#media.simple-list .arrows .next A:hover,.arrows .next A:hover{background:url(../images/arrows-dark.gif) top right no-repeat;	}
#media.simple-list .arrows .next A,.arrows .next A{background:url(../images/arrows-dark.gif) bottom right no-repeat;	}

.media-gallery .bullet-menu {
	margin:10px auto 10px auto;
	padding:0;
	height:15px;
	/*width:65px;*/
	}

#media.simple-list .bullet-menu A {
	width:15px;
	height:15px;
	text-indent:-999em;
	background:none;
	padding:0;
	display:block;
	float:left;
	line-height:20px;
	}

#media.simple-list .bullet-menu  A.selected{background:url(../images/circles.gif) top left no-repeat;	}
#media.simple-list .bullet-menu  A:hover{background:url(../images/circles.gif) 0 -80px no-repeat;	}
#media.simple-list .bullet-menu  A{background:url(../images/circles.gif) 0 -155px no-repeat;	}

#media A,
#media A.selected{
	background:#ac0505;
	padding:5px 8px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:120%;
	}

#media A {
	background:#808080;
	}

#media A.nobackground {
	background: none;
}

/**********************************Addon Sam */

#media.simple-list .media-gallery .gallWrapper {
	position:relative;
	width:296px;
	height:213px;
	overflow:hidden;
	margin:0;
	padding:0;
	display:block;
	clear:both;
	}

#media.simple-list .media-gallery .gallWrapper .unitsWrapper {
	position:absolute;
	left:0;
	top:0;
	height:213px;
	margin:0;
	padding:0;
	display:block;
	}

#media.simple-list .media-gallery .gallWrapper .unitsWrapper div{
	width:296px;
	height:213px;
	display:block;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
	display:block;
	}

/***************************************************
	SPEAKER � SIMPLE LIST SPECIAL

	each simple list has some specifics per section...this is it.

	 */

#presentations LI,
#books LI {
	border:none;
	padding:0 20px 0 0;
	overflow:hidden;
	}

#books H4 {
    border: none;
    }
    
#topics.simple-list {
	padding-bottom:20px;
	margin:0;
	border-top:none;
	}
	
#topics.simple-list  A, #topics.simple-list .fakelink {
	background:#ac0505;
	padding:0px 8px;
	margin:2px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	line-height:24px;
	font-size:120%;
	white-space:nowrap;
	width:auto;
	float:left;
	display:block;
	}

#topics.simple-list A:hover {
	background:#808080;
	}

/***************************************************
	SPEAKER � REQUEST INFO (small version)

	 */

#short-info-form, #share-with-friend-form {
	background:#7e0b0b;
	color:#FFF;
	}

#short-info-form FORM, #share-with-friend-form FORM {
	padding:10px;
	}

#short-info-form  LABEL, #share-with-friend-form LABEL {
	color:#FFF;
	display:block;
	width:100px;
	float:left;
	}

#short-info-form OL, #share-with-friend-form OL {
	float:left;
	width:45%;
	border-bottom:solid 1px #ac0505;
	}

#short-info-form OL#comments, #share-with-friend-form OL#comments {width:55%;}
#short-info-form OL#comments LI, #share-with-friend-form OL#comments LI {	}

#short-info-form LI, #share-with-friend-form LI {
	border-top:solid 1px #ac0505;
	border-right:solid 1px #ac0505;
	border-left:solid 1px #ac0505;
	padding:5px 10px;
	}

#short-info-form  P, #share-with-friend-form P {
	font-size:110%;
	clear:both;
	}

#short-info-form TEXTAREA, #share-with-friend-form TEXTAREA {
	width:327px;
	font-size:120%;
	height:73px;
	}

#short-info-form .text, #share-with-friend-form .text {
	display:inline;
	}

#short-info-form .submit, #share-with-friend-form .submit {
	float:right;
	margin:10px 0;
	}

#short-info-form .error, #share-with-friend-form .error {
	margin: 0 10px 10px 10px;
    padding: 10px;
    color: #FFF;
    border-top: none;
    border-right:solid 1px #ac0505;
    border-bottom:solid 1px #ac0505;
    border-left:solid 1px #ac0505;
    }

/**************************************************
    SPEAKER REQUEST INFO (long version)

     */

.error, .form-errors {
	padding: 5px;
    color: #d44716;
    border: solid 1px #d44716;
	}

/***************************************************
	SPEAKERS � FEATURED speakers

	the scrolly widget on the speaker landing page

	 */

#featured-speakers .feature-scroll {
	width:660px;
	overflow:hidden;
	position:relative;
	height:600px;
	clear:both;
	display:block;
	margin:0;
	}

#featured-speakers .feature-scroll DIV{
	clear:both;
	top:0;
	left:0;
	position:absolute;
	width:660px;
	height:600px;
 	padding:0;
	margin:15px 0 15px 15px;
	}

#featured-speakers  .feature-scroll DIV UL{

	width:660px;
	height:600px;
	display:block;
	float:left;
	overflow:hidden;
	}

#featured-speakers  .feature-scroll DIV UL LI{
	float:left;
	width:208px;
	height:275px;
	margin:0 0 25px 0;
	padding:0 12px 0 0;
	border:none;
	overflow:hidden;
	text-align:left;
	}

#featured-speakers .feature-scroll DIV UL LI a.speaker-photo{
	width:208px;
	height:118px;
	display:block;
	border:0;
	clear:both;
	}

#featured-speakers .feature-scroll DIV UL LI a.speaker-photo IMG{
	/*position:relative;*/
	height:118px;
	border:0;
	clear:both;
	}



#featured-speakers .feature-scroll DIV UL LI H3 {
	margin:10px 0;
	font-size:140%;
	font-weight:normal;
	width:208px;
	}

#featured-speakers .feature-scroll DIV UL LI P {
	width:192px;
	font-size:110%;
	color:#555555;
	}

#featured-speakers .feature-scroll DIV UL LI  H3 A{
	width:208px;
	display:block;
	text-decoration:none;
	color:#ac0505; 
	}

#featured-speakers .feature-scroll DIV UL LI H3 A:hover {
	color:#808080;
	}

#featured-speakers.simple-list,
#featured-topics.simple-list {
	border-bottom:solid 1px #DFDFDF;
	}

.topics H1.topic-title {
	float:none;
	}

.speakers .arrows,
.topics .arrows {
	clear:both;
	margin:15px 8px;
	}

.topics .arrows {
	margin:10px 8px;
	}

/***************************************************
	FEATURED TOPICS

	 */

#hot-topics-list  {
	width:190px;
	float:left;
	padding:0 15px 15px 15px;
	}

#hot-topics-list LI {
	padding:0;
	border:0;
	}

#hot-topics-list A {
	font-size:140%;
	font-weight:bold;
	color:#808080;
	}

/* we have to use the important to override the inline styles */
#hot-topics-list A:hover {color:#212121 !important;}
#hot-topics-list A.selected {color:#ac0505 !important;}
	
#featured-topics .feature-scroll {
	width:440px;
	float:left;
	overflow:hidden;
	position:relative;
	height:600px;
	margin:5px 0 0 0;
	}

#featured-topics .feature-scroll DIV{
	clear:both;
	top:0;
	left:0;
	position:absolute;
	height:600px;
	width:440px;
 	margin:0;
	padding:0;
	border:0;
	}
#featured-topics  .feature-scroll DIV UL{
	width:440px;
	height:600px;
	display:block;
	float:left;
	margin:0;
	padding:0;
	border:0;

	}
#featured-topics  .feature-scroll DIV UL LI{
	float:left;
	width:208px;
	height:275px;
	margin:0;
	padding:0 12px 0 0;
	border:none;
	overflow:hidden;
	text-align:left;
	margin:0 0 25px 0;

	}

#featured-topics .feature-scroll DIV UL LI a.speaker-photo{
	width:208px;
	height:118px;
	display:block;
	border:0;
	clear:both;
	}

#featured-topics .feature-scroll DIV UL LI a.speaker-photo IMG{
	/*position:relative;*/
	height:118px;
	border:0;
	clear:both;
	}

#featured-topics .feature-scroll DIV UL LI H3 {
	margin:10px 0;
	font-size:140%;
	font-weight:normal;
	width:208px;
	}

#featured-topics .feature-scroll DIV UL LI P {
	width:208px;
	font-size:110%;
	color:#555555;
	}

#featured-topics .feature-scroll DIV UL LI  H3 A{
	width:208px;
	display:block;
	text-decoration:none;
	color:#ac0505; 
	}

#featured-topics .feature-scroll DIV UL LI H3 A:hover {
	color:#808080;
	}

/***************************************************
	ALPHA(bet) LEGEND

	used on speakers/topics pages this is just the legend

	 */

.alpha-legend  {
	height:1%;
	background:#ededed;
	border-bottom:solid 1px #212121;
	padding:8px;
	clear:both;
	}

.alpha-legend LI {
	display:inline;
	list-style:none;
	}
.alpha-legend LI.deadlink {
    color:#bbb;
    font-weight:bold;
    font-size:130%;
    text-decoration:none;
    padding:2px 6px;
    }
.alpha-legend A {
	color:#212121;
	font-weight:bold;
	font-size:130%;
	text-decoration:none;
	padding:2px 6px;
	}

.alpha-legend A:hover  {
	color:#ac0505;
	}

.alpha-legend A.selected {
	color:#FFF;
	background:#ac0505;
	}

P.exclusive {
	border:none;
	float:right;
	padding:0 0 0 15px;
	background:url(../images/exclusive-seal.gif) no-repeat left center;
	}

P.legend {
	clear:both;
	margin:0 20px 10px 0;
	white-space:nowrap;
	}

/***************************************************
	COL LIST

	the item list is used on topic/speaker landing pages.
	It goes with the alpha legend

	 */

.col-list-holder{
	position:relative;
	overflow:hidden;
	width:660px;
	height:400px;
	margin:20px 0 0 15px;
	clear:both;
	}

.col-list {
	clear:both;
	position:absolute;
	left:0;
	top:0;
	height:400px;
	}

.col-list UL{
	list-style:none;
	margin:0;
	float:left;
	width:164px;
	height:400px;
	display:block;
	border-left:solid 1px #ededed;
	/* padding:0 10px 0 14px; */
	}

.col-list A {
	font-size:120%;
	line-height:160%;
	text-decoration:none;
	color:#808080;
	width:130px;
	display:block;
	padding:0 0 0 15px;
	margin:0 0 0 10px;
	}

.col-list A:hover {
	color:#212121;
	}

.col-list A.exclusive {
	background:url(../images/exclusive-seal.gif) no-repeat left center;
	color:#ac0505;
	border:none;
	}

/***************************************************
	NEWS � FEATURED NEWS

	TOP 2 Stories on the news page almost identical styling to news-list
	but are kept seperate for flexibility sake.
	*/

H1.title {
	float:left;
	width:500px;
	display:block;
	}

.news-rss {float:right; margin:20px 10px 0 0;}

#featured-news  UL {
	padding:0;
	margin:0;
	}

#featured-news {
	background:#fff;
	clear:both;
	padding:0 0 15px 0;
	height:300px; /* height used to align with intro-text */
	position:relative
	}

#featured-news H2{
	padding:15px 15px 15px 40px;
	}

#featured-news H3 A{text-decoration:none;}
#featured-news LI {
	margin:15px;
	padding:0;
	list-style:none;
	}

#featured-news LI {
	float:left;
	margin:0 40px 0 0;
	width:294px;
	padding:0 0 10px 0;
	overflow:hidden;
	}

#featured-news LI.last {
	margin:0;
	}

#featured-news UL IMG {
	float:left;
	margin:0 10px 10px 0;
	}

#featured-news UL H3 {
	margin:0 0px 0px 0;
	}

#featured-news UL SMALL {
	color:#a1a1a1;
	font-weight:bold;
	margin:0;
	}

#featured-news UL P {
	clear:both;
	}

.news-list {
	margin:0;
	padding:0;
	list-style:none;
	}

.news-list LI {
	clear:both;
	margin:0 0 15px 0;
	overflow:hidden;
	padding:15px 0 0 0 ;
	border-top:solid 1px #ccc;
	}

.news-list LI A {text-decoration:none;}
.news-list LI A:hover,
.news-list LI A:hover STRONG {color:#b2aaaa;}
.news-list LI A STRONG {color:#212121;}

.news-list A.speaker-photo{
	margin:0 25px 0 0;
	float:left;
	width:192px;
	}

.news-list LI {padding:20px 0;}
.news-list H3{margin:0;}
.news-list SMALL {
	margin:0 0 8px 0;
	color:#a1a1a1;
	font-weight:bold;
	margin:0;
	}

.news-list LI IMG {
	float:left;
	}
.news-content {
	/* margin:0 0 0 215px; */margin:0 0 0 15px;
	}
.news-list P {
	margin:10px 0 0 0;
	}

.news-list .categories,
.news-list .categories A {
	color:#a1a1a1;
	font-weight:bold;
	}

.news-list .categories{
	color:#212121;
	}

.news-list .categories  A {margin:0 0 0 5px;}
.news-list .categories  A:hover {color:#212121;}

/***************************************************
	NEWS �SIDEMENU

	Currently on just the news page - but might be added to in phase 2

	*/
#sidemenu {
	background:#FFF;
	padding:15px;
	position:relative;
	}

#sidemenu UL {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	}

#sidemenu LI {
	margin:5px 0;
	padding:0;
	list-style:none;
	}

#sidemenu A  STRONG {
	color:#808080;
	}

#sidemenu A {
	color:#212121;
	text-decoration:none;
	font-size:120%;
	}

#sidemenu A:hover {
	color:#808080;
	}

/***************************************************
	REQUEST INFO FORM (page)

	 */

#moduleid-request-info-long,
#moduleid-speaker-submission {
	clear:both;
	}

#moduleid-request-info-long LI,
#moduleid-speaker-submission LI {
	clear:both;
	margin:5px 0;
	}

#moduleid-request-info-long LABEL,
#moduleid-speaker-submission LABEL {
	width:250px;
	float:left;
	clear:both;
	}

#moduleid-request-info-long OL,
#moduleid-speaker-submission OL {
	border-top : solid 5px #ac0505;
	padding:10px 0 0 0;
	}

#moduleid-request-info-long #speaker-budget DIV {
	margin:0 0 0 250px;
	}

#moduleid-request-info-long #speaker-budget .radio {
	clear:both;
	display:inline;
	}

#moduleid-request-info-long TEXTAREA,
#moduleid-speaker-submission TEXTAREA {
	font-size:120%;
	}

#moduleid-request-info-long .submit,
#moduleid-speaker-submission .submit {
	margin:20px 0 0 250px;
	}

#moduleid-speaker-submission #captcha-input,
#moduleid-request-info-long LI.captcha {
	margin-left: 250px;
}

/***************************************************
	FOOTER

	 */
#footer {
	clear:both;
	margin:20px 0;
	color:#808080;
	}

#footer A {
	color:#808080;
	border-right:solid 1px #808080;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	text-decoration:none;
	font-size:110%;
	}

#footer A:hover {
	color:#000;
	}

#footer UL {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	}

#footer LI {
	float:left;
	}

#footer LI .last {
	border:none;
	padding:0;
	}

#footer P {
	margin:0 0 10px 0;
	width:50%;
	}

#footer P.copyright {
	padding:0;
	}

#moduleid-sitemap {
	font-size:120%;
	}
#moduleid-sitemap LI {
	margin:5px 0;
	}
/****************************************************
	jQuery AutoComplete

	*/

.ui-autocomplete-results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;

	}

.ui-autocomplete-results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	}

.ui-autocomplete-results li {
	text-align: left;
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	}

.ui-autocomplete-odd {
	background-color: #f2f2f2;
	}

.ui-autocomplete-over {
	background-color: #ac0505;
	color: white;
	}

.ui-autocomplete-loading {
	color: #A1A1A1;
	}