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

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
*/

.speakers #wrapper,
.topics #wrapper {
  width: 972px;
}

#wrapper {
  width: 972px;
  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 {
  overflow: hidden;
}

#centrecolumn {
  float: left;
  background: #FFF;
  padding: 20px;
  width: 672px;
  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/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
*/
p#other-site {
  overflow: hidden;
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid #EDEDED;
}

#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: #2C4E74;
  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: #2C4E74 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 20px 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: #2C4E74;
}

.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: 130%;
  padding: 4px;
  font-weight: 900;
  text-decoration: none;
}

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

The flash piece on the homepage
 */

#grid-widget {
  margin: 0 0 20px 0;
  background: #2C4E74;
  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: #2C4E74;
  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 8px;
  font-size: 110%;
}

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

.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: #294C74;
  padding: 12px 8px;
  border-top: solid 1px #173A5F;
  border-bottom: solid 1px #173A5F;
}

#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: #173A5F;
}

#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: #2C4E74;
}

/***************************************************
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: #2C4E74;
  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: #2C4E74;
  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: #173A5F;
  color: #FFF;
  padding: 0 0 15px 0;
}

#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  LABEL#how, #share-with-friend-form LABEL {
  display: block;
  width: 200px;
  float: none;
}

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

#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 #2C4E74;
  border-right: solid 1px #2C4E74;
  border-left: solid 1px #2C4E74;
  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 #2C4E74;
  border-bottom: solid 1px #2C4E74;
  border-left: solid 1px #2C4E74;
}

/**************************************************
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: #2C4E74;
}

#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;
}

.kanban-state-highlight {
  border: 1px solid black;
  background: #2c4e74;
  opacity: 0.4;
  filter: alpha(opacity = 40)
}

/***************************************************
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: #2C4E74 !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: #2C4E74;
}

#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: #2C4E74;
}

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

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: #2C4E74;
  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;
  margin: 0 10px 0 0;
}

.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 #2C4E74;
  padding: 10px 0 0 0;
}

#moduleid-request-info-long #speaker-budget DIV,
#moduleid-request-info-long #how-did-you-hear DIV {
  margin: 0 0 0 250px;
}

#short-info-form #how-did-you-hear lable {
  color: #000;
}

#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: #2C4E74;
  color: white;
}

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

/*******
*   link in the top left logo
*******/
a#other-site-logo-link {
  text-decoration: none;
  margin: 0 5px 0 0;
  overflow: hidden;
  float: left;

}

a#other-site-text-link {
  padding: 4px 8px;
  background: #EBE9E0;
  color: #294C74;
  margin: 0;
  float: left;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
}

a#other-site-text-link:hover {
  /*294C74*/
  background-color: #294C74;
  color: #fff;
}

div#after-search-message {
  border: 2px solid #2c4e74;
  padding: 10px 5px 0 5px;
  font-size: 115%;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div#after-search-message img {
  padding: 6px;
  float: left;
}

div#after-search-message p,
div#after-search-message address {
  margin: 5px 40px 15px 40px;
}

#tag-line {
  display: block;
  text-align: right;
  font-size: 11px;
  color: #294C74;
  padding: 0 0 2px 0;
  width: 203px;
}

/**
REcaptcha
**/
#captcha-submit {
  clear: both;
  background: #7E0B0B;
  padding: 12px 8px;
  border-top: solid 1px #901717;
  border-bottom: solid 1px #901717;
}

span#news-smlinks {
  float: right;
}