/* GDIGM Main Site Stylesheet */

* {
  padding: 0;
  margin: 0;
}

body {
  color: #666666 !important;
  font-family: Arial;
  min-width: 990px;
}

#header {
  background: url('../images/header_bg.gif') repeat-x bottom left;
  height: 176px;  
  position: relative;
}

#header2 {
  background: url('../images/banner_bg_lines.png') repeat-x center ;
  height: 176px;
  position: relative;
}

#header2 .banner2 {
background: url('../images/chgdigm_alphabanner.png') no-repeat top center;
}

#header h2 {
  display: none;
}

#header_links {
  width: 475px;
  height: 60px;
  margin-top: 60px;
  float: right;
}

#header_links ul {
  list-style: none;
}

#header_links ul li {
  float: left !important;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
}

#header_links ul li a {
  width: auto;
  height: auto;
  margin: 2px;
}

#header_links ul li img {
  border: 0;
}


h2 {
  border-bottom: 1px dotted #000;
  display: block;
/*  color: #86193F;*/
  font-weight: lighter;
  margin-bottom: 8px;
  margin-top: 8px;
}

#header a {
  background: url('../images/logo.gif') no-repeat top left;
  height: 176px;
  width: 513px;
  float: left;
  display: block;
}

.quote {
  font: normal lighter 1.7em Garamon, Times New Roman !important;
  text-align: center;
  margin: .3em 1em 0 0;

  float: right;
  width: 14em;  
}

.mission_statement {
  font-size: .75em;
  padding: 25px;
  text-align: left;
  margin-left: 2px;
}

.side_bar {
  float: left;
  width: 270px;
  background-color: #e6e6ce;
  height: auto;
  padding-top: 20px;
  font-weight: bold;
  font-family: Verdana !important;
  font-size: 11pt !important;
  letter-spacing: -1px !important;
  font-weight: lighter;
}

.side_text {
  text-align: left;
}

.homepage_login {
  width: 155px;
  height: 53px;
  display: block;
  background: url('../images/homepage_login.gif') no-repeat center center;
  margin-left: 300px;
}

.send_kudos {
  width: 155px;
  height: 53px;
  display: block;
  background: url('../images/send_kudos.gif') no-repeat center center;
  margin-left: 300px;
}

/* GDIM Letter Portrait */
.side_bar img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: block;
}

.side_bar .portrait_subtitle {
  font-style: italic;
  font-size: 12px;
  text-align: center;
  display: block;
}

.main_content a {
  color: #800000 !important;
  text-decoration: none;
}

.main_content a:hover {
  text-decoration: underline;
}

.content_container {
  background: url('../images/main_bg.jpg') no-repeat top right;  
}

.side_bar_right {
  float: right;
  width: 270px;
  background-color: #e6e6ce;
  height: 500px;
  padding-top: 20px;
  font-weight: bold;
  /*font-family: Verdana !important;*/
  font-size: 11pt !important;
  letter-spacing: -1px !important;
  font-weight: lighter;
}
.side_bar_right {
  font-style: italic;
  font-size: 12px;
  text-align: center;
  display: block;
}
.side_bar_right img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: block;
}
.side_bar_right a {
  color: #800000 !important;
  text-decoration: none;
}

.side_bar_right a:hover {
  text-decoration: underline;
}


.main_content {
  margin-left: 270px;
  padding: 10px;
  padding-left: 15px;
  font-size: 13px;
  min-height: 484px;
  height: auto !important;
  height: 484px;
  width: 51%;
}

.main_content_noimg {
  margin-left: 270px;
  padding: 10px;
  padding-left: 15px;
  font-size: 13px;
  min-height: 484px;
  height: auto !important;
  height: 484px;
  width: auto;
}


.main_content ul {
	margin-left: 20px;
	list-style-image: none;
	list-style-type: disc;
}

.main_content ul li span {
  font-weight: bold;
}

#footer {
  clear: both;
  border-top: 1px dotted #000;
  background: url('../images/footer_bg.jpg') repeat-y bottom right;
  height: 76px;
}

#content {
  background: url('../images/sidebar_spacer.gif') repeat-y bottom left;
}

/*-- navigation list styling */

#main_nav {
  padding-top: 3px;
  background-color: #6B193F;
  text-align: center;
}

#main_nav ul {
  display: block;  
  padding-bottom: 4px;
}

#main_nav ul li {
  display: inline;
  padding: 0;
  margin: 0;
}

#main_nav ul li a {
  font-size: .7em;
  color: #FFF;
  text-decoration: none;
  padding: 5px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 2px;
}

#main_nav ul li a:hover {
  background-color: #FFF;
  color: #6B193F;
}

.channel_text {
font-family: Arial; 
font-size: medium; 
color: #000000;
}

.donate {
  color: #CCFF17 !important;
}

.donate:hover {
  background-color: #5CB839 !important;
}

/* Footer Styling */

#footer .nav {
  float: left;
  text-align: center;
  font-size: 13px;
  width: 270px;
/*  color: #966699;*/
  background-color: #E6E6CE;
  padding-bottom: 5px;
}

#footer .nav_right {
  float: right;
  text-align: center;
  font-size: 13px;
  width: 270px;
  height: 40px;
/*  color: #966699;*/
  background-color: #E6E6CE;
  padding-bottom: 5px;
}

#footer .nav .copyright {
  font-size: 11px;
}

#footer .nav ul {
  list-style: none;
  margin-top: 10px;
}

#footer .nav ul li {
  display: inline;
}

#footer a {
/*  color: #966699;*/
  color: #666666;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;  
} 

p {
  padding-top: 3px;
}

#footer p {
  display: block;
  width: 500px;
  margin: 9px;
  float: left;
  font-size: 12px;
}

#footer address {
  display: block;
  margin: 9px;
  float: right;
  font-size: 12px;
  color: #FFF;
  width: 200px;
  font-style: normal;
}

/* Special Features */

#contest_coming_soon, #campaign_coming_soon {
  margin: 5px;
  height: 147px;
  width: 190px;  
}

#contest_coming_soon a, #campaign_coming_soon a {
  display: block;
  text-align: center;
  margin-top: 149px; 
}
  

#contest_coming_soon {
  background: url('../images/coming_soon_contest.gif') no-repeat;
  float: left;
}

#campaign_coming_soon {
  background: url('../images/coming_soon_campaign.gif') no-repeat;
  float: left;
}

.donate_button {
  position: relative;
  margin-left: 40px;
  display: block;
  width: 185px;
  height: 56px;
  background: url('../images/donate.gif') no-repeat center center;
  text-decoration: none;  
}

.donate_button span {
  visibility: hidden;
}

.donate_button img {
  border: 0;
}

/*
.donate_button:hover {
  background: url('../images/donate_hover.gif') no-repeat center center;
}*/

/* Research Styling */

ol.findings {
  margin-left: 25px;
}

.findings li {
  font-weight: normal;
  margin-bottom: 5px;
}

.findings li p {
  margin-left: 10px;
  margin-top: 5px;
  font-weight: normal;
}

/* eNews Styles */

#enews_signup {
  margin-top: 10px;
  margin-bottom: 10px;
  display: none;
}

#enews_signup fieldset legend {
  font-size: 14px;
}

#enews_signup fieldset {
  padding: 5px;
}

#enews_signup ul {
  list-style: none;
}

#enews_signup ul li {
  float: left;
  padding: 5px;
}

#enews_signup img {
  border: 0;
}

#enews_signup input {
  margin: 0;
  padding: 0;
}

/* Conference */

p.underwritten {
  display: block;
  width: auto;
  padding-bottom: 38px;
  text-align: center;
}

p.underwritten a {
  display: block;
  width: auto;
  height: 38px;
  background: url('../images/anne_foundation.gif') no-repeat bottom center;
}

.pdf {
  padding-right: 15px;
  background: url('../images/pdf.gif') no-repeat center right;
}

/* About Us (STAFF) */

ul.staff_list {
  display: list-item !important;
  list-style: none !important;
}

ul.staff_list li {
  margin-bottom: 8px;  
}

ul.staff_list ul {
  list-style: none !important;
 }

ul.staff_list li li {
  margin-bottom: 2px;
}

ul.staff_list li li div {
  display: none;
}

a.staff h3 {
  font-size: 13px;
}

a.staff:hover {
  text-decoration: underline;
}

#staff_details {
  width: 500px;
  height: 300px;
  background-color: #FFF;
  display: none;
}

#staff_details div.head {
  display: block;
  height: 84px;
  background: url('../images/about_us_header.gif') no-repeat center center;
}

#staff_details div.head h2 {
  float: right;
  text-decoration: underline;
  clear: both;
  margin-top: 20px;
  margin-right: 20px;
  border: 0 !important;
  color: #000;
}

#staff_details .img_container {
  width: 145px;
  text-align: center;
  margin: 5px;
  float: left;
}

#staff_details img {
  margin-top: 8px;
}

#staff_details p {
  width: 300px;
  float: right;
  padding: 10px;
  font-size: 13px;
  color: #000;
}

#staff_details .staff_content {
  height: 270px;
  overflow: hidden;
}

.close_link {
  display: block;
  text-align: center;
  padding: 5px;
  background-color: #6B193F;
  color: #FFF;
  text-decoration: none;
}

.close_link:hover {
  background-color: #5CB839;
}
  

/* Events */

.page_controls {
  float: right;
  margin: 0 !important;
  padding: 0 !important;
  display: block;
  list-style: none !important;
}

.page_controls li {
  text-align: right;
}

.page_controls li a {
  padding-right: 25px;
  padding-top: 3px;
  padding-bottom: 3px;
}

a.email {
  background: url('../images/email.gif') no-repeat center right;
}

a.print {
  background: url('../images/printer.gif') no-repeat center right;
}

.event {
  clear: right;
  margin-top: 15px;
}

.event h2 {
  display: block;
  text-align: right;
  font-size: 15px;
}

.event table td img {
  border: 0;
}

.f_table {
  font-family: arial;
}

.f_table thead {
  background-image: url('../images/header_bottom.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #FFF;
  
  color: #000;
  
  font-size: 14px;  
}

.f_table th {
  padding-bottom: 8px;
  font-size: 13px;
  padding-top: 5px;
  padding: 10px;
}

.f_table td {
  font-size: 12px;
  border-left: 1px solid #CBC7B8;
  border-bottom: 1px solid #CBC7B8;
  padding: 8px;
}

.f_table td.last {
  border-right: 1px solid #CBC7B8;
}

.f_table td img {
  margin: 3px;
  border: 1px solid #CBB1E3;
}

.f_table td h4 {
  border-bottom: 1px dotted #000;
  margin-top: 5px;
  margin-bottom: 2px;
}

.f_table td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*  Email to a friend (contained within events) */

#emailToFriend {
  width: 400px;
  height: 400px;
  display: none;
  border: 1px solid #000;
  background-color: #FFF;
  padding: 5px;
  overflow: hidden;
}

#emailToFriend.ajax-loading {
  background-image: url('../images/ajax-loader.gif');
  background-position: 95% 10%;
  background-repeat: no-repeat;
}


/* Panelist Bio */

a.back_button {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 10px;
  background: url('../images/back_button.gif') no-repeat center center;
  float: right;
}

a.back_button:hover {
  background: url('../images/back_buttonHover.gif') no-repeat center center;
}

div.bio img {
  float: left;
  margin: 5px;
  border: 1px solid #000;
}

/* Refer Five Friends */

#refer_letter {
  border: 1px dashed #BF8FA6;
  margin: 10px;
  padding: 5px;  
}

#refer_letter span {
  font-weight: bold;
}

#refer_letter ol {
  margin-left: 20px;
}

.message {
  display: block;
  text-align: center;
  border: 1px solid #000;
  background-color: #9F9F9F;
  padding: 5px;
  margin: 5px;
  color: #000;
  font-size: 15px;
}
  
/* Conference Page Styles */

#alternate {
  background: url('../images/conference_bg.gif') no-repeat top right;
}

/* Form Styles */


form label {
  display: block;
  float: left;
  width: 150px;
  padding: 0;
  margin: 8px 0 0 0;
  text-align: right;
  font-size: 1em !important;
}

/*form br {
  clear: left;
}*/

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;  
}

form * {
  font-family: arial !important;
  font-size: 10pt !important;
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #FFF;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
  color: #FFF;
}

form input, form textarea {
	margin:8px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form select {
  margin: 5px 0 0 10px;
}

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}
  
/* video section styles */

.video_group {
  padding: 5px;
  border: 1px solid #000;
  margin: 5px;
  width: 300px;
  float: left;
}

.signup {
  float: left;
  width: 400px;
  margin: 5px;
  padding: 5px;
}

.login {
  float: left;
  width: 400px;
  margin: 5px;
  padding: 5px;
}

.video_button {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: block;
  width: 150px;
  height: 40px;
}

.video_button:hover {
  background-position: 0px -40px;
}

#video_signup{ background-image: url('../images/video_signup.gif'); }
#video_login { background-image: url('../images/video_login.gif'); }
#video_logout { background-image: url('../images/video_logout.gif'); }
#video_upload { background-image: url('../images/upload_video.gif'); }
#video_back { background-image: url('../images/video_back.gif'); }

.video_nav {
  list-style: none !important;
  margin: 10px auto 10px auto;
  float: right;  
}

.video_nav li {
  float: left;
}

h3.video {
  border-bottom: 1px dotted #E6E6CE;
  margin-top: 10px;
}
  
h3.video {
  border-bottom: 1px dotted #E6E6CE;
  margin-top: 10px;
}

ul.frontpage_revver {
  list-style: none;
  margin-left: 0;
}

ul.frontpage_revver li {
  float: left;
  width: 190px;
  text-align: center;
}

.frontpage_revver li img {
  margin: 5px;
  border: 1px solid #000;
}

.frontpage_revver li a.video_link {
  padding: 10px;
  display: block;
  border: 1px solid #E6E6CE;
  margin: 8px;
}

.frontpage_revver li a.video_link:hover {
  border: 1px solid #000;
}

#video_container {
  height: 430px;
  width: 480px;
  display: none;
  position: absolute;
  background-color: #FFF;
  border: 1px dashed #000;
}

#SeeJaneVideo {
  height: 430px;
  width: 480px;
  display: none;
  position: absolute;
  z-index: 1000;
  background-color: #FFF;
  border: 1px dashed #000;
}

ul.videos {
  list-style: none;
  margin-top: 10px;
}

ul.videos li {
  display: inline;
}

ul.videos li a img {
  border: 0;
  margin: 5px;
}

.real_video {
  display: none;
}
