@import url(/css/base.css);
/* with conference additions (2008) */
 
/* Mid Header ================================================== */

body { 
  background:#565656 url(/images/body_back.jpg) center repeat-y;
  font: 12px Verdana, sans-serif; 
} 


#midheader_wrap {
  width: 100%;
  background: url(/images/bg_midheader.jpg) repeat-x;
}

#midheader {
  background: url(/images/NewTopRight_Back.jpg) right no-repeat;
  width: 790px;
  height: 194px;
  margin:0 auto;
  position: relative;
}

#midheader a{
  position: relative;
  left: 140px;
  height: 194px;
  width: 126px;
  display: block; 
  overflow: hidden;
  text-indent: -9000px;
}

#midheader a:hover{
  background: url('/images/NewTopRight_BackOVER.jpg') no-repeat;
}


#flashcontent {
  float: left;
  width: 524px;
  height: 194px;
  
}


#content_body {
  margin:0 auto;
  background: url(/images/content_back.jpg);
  width: 790px;
}

/* Recent Photos Box ============================================*/

h2#recent_photos {
  margin-left: 25px;
  height: 22px;
  background: url(/images/header_recentphotos.jpg) no-repeat;
}

#recent_box {
  margin-left: 30px;
  margin-bottom: 20px;
}
#recent_box p {
  margin-left: 10px;
  color: #565656;
  text-align: left;
}

.recent_images a img{
  background: url(/images/thumb_back.jpg) no-repeat;
  padding: 11px;
  margin: 0px;
  border: none;
  float: left;
}


/* welcome ===============*/

h2#welcome_header {
  position: relative;  
  width: 257px;
  height: 99px;
  background: url(/images/welcomeheader_h2_Conf.jpg) no-repeat;
}  


/* Fresh word box ===============================================*/

h2#fresh_word {
  background: url(/images/header_freshword.jpg) no-repeat;
  margin-left: 25px;
  height: 22px;
}

ul#fresh_message span.title{
  float: left;
}


ul#fresh_message li {
  margin: 5px 10px 10px 35px;
  padding: 5px;
  font: 10px Verdana;
  background-color: #eaeaea;
  border: 1px solid #d9d9d9;

}

ul#fresh_message a {
 text-decoration: none;
 color: #b2741d;
}

ul#fresh_message a:hover{
 color: #000;
}

ul#fresh_message span.links{
  float: right;
 
}


/* lower left segment ===========================================*/

#lower {
 margin-top: 8px;
 background: url(/images/lower_back.jpg) repeat-y;
 width: 533px;

}

#lower_left {
  position: relative;
  left: 32px;
  float: left;
  display: inline;
  width: 240px;
 
}

#lower_left h2 {
  background: url(/images/220news_header.jpg) no-repeat;
  width: 240px;
  height: 29px;
  margin-bottom: 10px;
}


/* 220 news */
ul#news_items p{
  color: #565656;
  text-align: left;
  font-size: 12px;
}

ul#news_items li {
  margin: 0px 5px 12px 10px;
  font: 10px Verdana;
}

ul#news_items a {
 font-size: 14px;
 display: block;
 text-decoration: none;
 color: #b2741d;
}

ul#news_items a:hover{
 color: #000;
}

#lower_right {
  right: 9px;
  position: relative;
  float: right;
  display: inline;
  width: 243px;
 
}


/* Spotlight box */

#lower_right #spot_header {
  background: url(/images/Spotlight_header.jpg);
  width: 243px;
  height: 104px;
}

#lower_right #spot_header p{
  margin-left: 110px;
  margin-top: 40px;
  font-weight: bold;
}

#lower_right #spot_header a{
  margin-left: 110px;
 
}


#spot_header span {
  position: absolute;
  left: 11px;
  top:7px;
}

/* Right Colum Elements ======================================== */

p#welcome {
  margin: 0px 28px 5px 14px;
}


p#welcome a{
  color:#333333;
  text-decoration:none;
}

p#welcome a:hover{
  color:#993300;
 
}



p#podcast_box{
  position: relative;
  left: 1px;
  right: 13px;
  width: 229px;
  height: 182px;
  background: url(/images/Podcast_Radical.jpg) no-repeat;
}

p#podcast_box a{
  position: relative;
  top: 152px;
  left: 23px;
  width: 178px;
  height: 19px;
  display: block; 
  overflow:hidden;
  text-indent: -9000px;
}

p#podcast_box a:hover{
  background: url(/images/Podcast_over.jpg) no-repeat;
}


p#intern_box {
  position: relative;
  left: 0px;
  top: 0px;
  width: 230px;
  height: 110px;
  background: url(/images/220i_home_5.jpg) no-repeat;
}

p#intern_box a{
  position: relative;
  top: 20px;
  width: 230px;
  height: 63px;
  display: block; 
  overflow:hidden;
  text-indent: -9000px;
}

p#intern_box a:hover{
  background: url(/images/220i_home_5over.jpg) no-repeat;
}



/* Up Coming  */

h2#upcoming {
  background: url(/images/upcoming.jpg) no-repeat;
  height: 28px;
  margin-left: 1px;
}

h2#upcoming_footer {
  background: url(/images/upcoming_footer.jpg) no-repeat;
  height: 12px;
  margin: 0px 0px 0px 1px;
}

#upcoming_events {
  list-style: none; 
  background: #3a3a3a;
  margin: -1px 27px 0px 1px;
}

#upcoming_events a {
 color: #999999;
 margin-left: 5px;
 font: 14px Verdana;
 letter-spacing: 1px;
 text-decoration: none;
}

#upcoming_events a:hover{
 color: #b2741d;
}

#upcoming_events h3{
  border-bottom: 1px dashed #565656;
  padding-top: 2px;
}
.stretch {
  color: #999999;
  font: 14px Verdana;
  letter-spacing: 1px;
  display: block;
  margin: 0px 1px 4px 1px;
  padding: 5px;
  cursor: pointer;
}
 
.stretch:hover{
  background-color: #333333;

}
.stretch p {
 font: 10px Verdana;
 color: #997e53;
}

#upcoming_events .stretcher p{
color: #997e53;
margin-left:5px;

}


/* 220 core ============================================*/

#core_220 {
  position: relative;
  width: 533px;
  height: 191px;
  background: url('/images/core_back.jpg') no-repeat;
}

#core_220 li {
  float: left;  
  height: 146px;
}
	
#core_220 li a {
  display: block;
  text-indent: -5000px;
  overflow: hidden;
  background-position: top;
  height: 146px;
}

#core_220 li a:hover {
  background-position: bottom;
}
	
#core_nav {
  position: absolute;
  left: 30px;
  top: 35px;
  list-style: none;	
}


#josh_link {
  width: 97px;
  background: url(/images/thecore_josh.jpg) no-repeat;
}

#amy_link {
  width: 101px;
  background: url(/images/thecore_amy.jpg) no-repeat;
}

#julius_link {
  width: 100px;
  background: url(/images/thecore_julius.jpg) no-repeat;
}

#jordan_link {
  width: 100px;
  background: url(/images/thecore_jordan.jpg) no-repeat;
}

#wayne_link {
  width: 100px;
  background: url(/images/thecore_wayne.jpg) no-repeat;
}

 

/* C O N T E N T ===================== */

#left {
  float: left;
  display: inline;
  width: 533px;
}

#left p {
  margin-right: 12px;
  color: #565656;
  text-align: right;
}


#left a {
  color:#996600;
  text-decoration: none;
}

#left a:hover {
  color:#3366CC;
}

#content_body {
  margin:0 auto;
  background: url(/images/content_back.jpg);
  width: 790px;
}

 
#lower_right p {
  margin: 2px 10px 5px 20px;
  text-align:left;
}

/* Right Column ================================================ */

#right {
  background: url(/images/Col_rtback.jpg) repeat-y;
  width: 257px;
  float: right;
  display: inline;
}


/* F O O T E R ===================== */

#footer {
  background: url("/images/footer_main.jpg") no-repeat;
  height: 35px;
  width: 790px;
}


/* login links ============================================*/

#quick_links {
  position: relative;
  width: 230px;
}

#quick_links li {
  float: left;  
  width: 230px;
}
	
#quick_links li a {
  display: block;
  text-indent: -5000px;
  overflow: hidden;
  background-position: top;
  width: 230px;
}

#quick_links li a:hover {
  background-position: bottom;
}
	
#quicklinks_nav {
  position: absolute;
  left: 0px;
  top: 0px;
  list-style: none;	
}

#journey_link { height: 32px; background: url(/images/Nav_Journey.jpg) no-repeat; }
#discovery_link { height: 33px; background: url(/images/Nav_Discovery.jpg) no-repeat; }
#leader_link { height: 56px; background: url(/images/Nav_CellReport.jpg) no-repeat; }