/* ========================================================= */
/* subsites.css                                              */
/* Common elements for all subsites                          */
/* ========================================================= */

/* Visited links fix - since meetings.css a:visited is not qualified up to now - DAL 5 June 2007 */
/* Make these the same as spe.org */

#lcol a,
#lcol a:visited,
.breadcrumb a,
.breadcrumb a:visited,
#rcol a,
#rcol a:visited,
#footer a,
#footer a:visited {
	color: #163F79;
}

#sub_content a:visited {
	color: #61728A;
}

/* Framework ======================= */

#container {
	width: 987px;
	margin: 4px auto 0px;
}
#header_bg {
/* SITE image, height */
}
#header_print {
	display: none;
}
#srch_bar {
	height: 32px;
/* SITE image */
}
#lcol {
	float: left;
	width: 192px;
	clear: left;
}
#mcol_basic {
	width: 595px;
	float: left;
}
#mcol_wide {
	width: 795px;
	float: left;
}
#rcol {
	width: 200px;
	float: left;	
}
#footer {
/* defined below */
}

/* HTML redefinition =============== */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px;
	padding: 0px;
}
a {
	/* SITE color: */
}
h1 {
	font-size: 135%;
	padding: 0px;
	margin: 22px 0px 0.75em;
	/* SITE color: */
}
/* 	This accommodates toolbox on wide pages */
#mcol_wide h1 {
	margin-right: 210px;
}
h2 {
	font-size: 125%;
	margin: 15px 0px 0.3em;
	clear: left;
	/* SITE color: */
}
h3 {
	font-size: 110%;
	padding: 0px;
	margin: .5em 0em .1em;
	/* SITE color: */
}

p {
	margin: 0em 0em 0.75em;
	padding: 0px;
}
ul {
	margin: 0.8em 0em 0.8em .2em;
	padding: 0px 0px 0px 1.5em;
}

li {
	margin: 0em 0em .2em;
	padding: 0px;
}

/* Header Area ===================== */
#srch_bdy {
	text-align: right;
	height: 32px;
	font-size: 90%;
}
#srch_bdy label {
	letter-spacing: 2px;
	margin: 0px;
	padding: 0px 6px;
	/* SITE color: */
}
form.frm_search {
	margin: 0px 27px 0px 0px;
	padding: 5px 0px 0px;
}
form.frm_search img {
	margin: 0px 0px 1px 8px;
	border-style: none;
	vertical-align: bottom;
}
#srch_sh {
	background-image: url(/web/images/srch_sh_flag.jpg);
	height: 8px;
	margin: 0px;
	padding: 0px;
}

/* LOGIN STUFF ============================= */

#login_links {
	font-size: 11px;
	padding: 0px;
/*	font-weight: bold;  */
	height: 25px;
	text-align: right;	
}
#login_links p {
	font-weight: normal;
	margin: 5px 8px 0px 0px;
}
#login_links ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 

#login_links ul li {
	list-style: none;
	display: inline;
}
#login_links li.login_link_first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}
#login_links a {
	text-decoration: none;
	padding: 2px 8px
}
#login_links a:hover {
/* SITE color, background */
}

/* ================================== */
/* LEFT COLUMN                        */
/* ================================== */
.lcol_box {
	font-size: 11px;
	background: url(/web/images/lcol_bg.gif) repeat-y left;
}
.lcol_hdr_plain {
	height: 9px;
	background: url(/web/images/lcol_hdr_plain.jpg) no-repeat top;
}
.lcol_ftr {
	height: 16px;
	background: url(/web/images/lcol_ftr.jpg) no-repeat left bottom;
}
.lcol_bdy {
	margin: 0px 18px 0px 0px;
	padding: 0px;
}

/* Left menu bullet list - id of main_menu is applied to top level ul */
#main_menu {
	margin: -5px 0px 0px;
	padding: 0em 0em 0em 16px;
	line-height: 1.2em;	
}
#main_menu li {
	padding: 0em;
	list-style: none;
	margin: .4em 0em 0em;
}
#main_menu li ul {
	margin: 2px 0px;
	padding: 0px 0px 0px 12px;
}

#main_menu img {
	vertical-align: -15%;	
}

/* UPPER RIGHT HELP FLAG */
/* Should match spe_org_inside.css   ================================= */
#flag {
	font-size: 11px;
	margin: 0px;
	background: url(/web/images/flag_bg.jpg);	
}
#flag_ftr {
	background: url(/web/images/flag_ftr.jpg);
	height: 9px;
	font-size: 3px;
}
#flag p {
	margin: 0px 11px 0px 6px;
	padding: 0px;
	border-bottom: 1px dashed #A6A6A6;
}
#flag img {
	margin: 0px;
	vertical-align: middle;
	border: none;
	padding: 0px 5px 0px 4px;
}
#flag p.flag_first {
	margin: 0px 11px 0px 6px;
	padding: 0px 0px 2px;
}
#flag p.flag_last {
	padding-bottom: 1px;
	border-bottom-style: none;
	margin-bottom: 0px;
}
#flag.wide_page, #mcol_wide #flag {
	float: right;
	width: 200px;
	margin-bottom: 5px;
}

/* RIGHT COLUMN                       
/* Should be the same as spe_org_inside except for backgrounds, colors */
.rcol_box {
	font-size: 11px;
	background: url(/web/images/rcol_bg.jpg) ;
}
.rcol_hdr {
	margin: 0px;
	height: 22px;
	text-align: center;
	padding: 0px 13px 0px 7px;
	/* SITE background: */
}
.rcol_hdr_tall {
	margin: 0px;
	height: 38px;
	text-align: center;
	padding: 0px 13px 0px 7px;
	/* SITE background: */
}
.rcol_ftr1 {
	height: 10px;
	background: url(/web/images/rcol_ftr1.jpg);
	font-size: 3px;
}
.rcol_ftr2 {
	height: 10px;
	background: url(/web/images/rcol_ftr2.jpg);
	font-size: 3px;
}

.rcol_box h3, .div_tech .rcol_box h3 {
 font-size: 100%;
 font-weight: bold;
 margin: 0px;
 padding: 4px 0px 0px;
 border-style: none;
}

.rcol_bdy {
	padding: 0px;
	margin: 0px 14px 2px 0px; 
}
.rcol_bdy ul {
	margin: 0em;
	padding: 0em 0em 0em 1.3em;
	list-style: none;	
}
.rcol_bdy li {
	padding: 0em;
	margin: 0.6em 0px 0px;
}
.rcol_bdy p {
	padding: 0px;
	margin: 0.6em 0em 0em 1.3em;
}
.rcol_bdy img {
	border:none;
}

/* Ads in right column on inside pages, with border */
.div_ads {
	text-align: center;
	padding: 5px 0px 0px;
	margin: 5px 7px 5px 3px;
	border: 1px solid #A6A6A6;
}
.div_ads img {
	margin-bottom: 5px;
	border: none;
}
/* Ads in the body of a right column box */
.rcol_bdy .div_ads {
	text-align: center;
	padding: 5px 0px 0px;
	margin: 0px 0px 0px 8px;
	border: none;
}


/* ================================= */
/* MAIN COLUMN CONTENT               */
/* ================================= */

.breadcrumb p {
	font-size: 85%;
	margin: 0px;
	padding: 0px;
}

/* Subsite common styles for body content ================ */
/* overflow and height are both to fix IE italics width bug DAL 4 June 2007 */
#sub_content {
	padding: 0px 20px 22px 20px;
	margin: 0px;
	font-size: 90%;
	overflow: visible;
	height: 1%;
}
#mcol_wide #sub_content {
	padding: 0px 7px 22px 20px;
}
/* Special use tags */
/* Use to shortens border(s) on heading (h1, h2, etc. if needed) when there is a sponsor box */
.heading_has_sponsor {
	margin-right: 189px;
}
/* Use to shortens border(s) on heading (h2, h3 etc.) on a wide page with a toolbox. H1 handled automatically. */
.heading_has_toolbox {
	margin-right: 210px;
}
#ind_photo {
	float: right;
	margin: 25px 0px 10px 10px;
	border: none;
	padding: 0px;
}

/* Default tags in general text ===================================================================== */
p {
	margin: 0em 0em 0.75em;
	padding: 0px;
}
ul, ol {
	margin: 0.8em 0em 0.8em 1em;
	padding: 0px 0px 0px 1em;
}
li {
	margin: 0em;
	padding: 0px;
}

/* Begin Table definitions - variations controlled by Documentum DIV Class field ======================*/
/* Defaults - borderd on each cell, centered, auto width */
table {
	margin: 1em auto;
	padding: 0px;
	border: 1px solid #A6A6A6;
	border-collapse: collapse;
	width: auto;
}
td {
	border: 1px solid #A6A6A6;
	padding: 3px 5px;
	vertical-align: top;
}
th {
	background: #DFDFDF;
	border: 1px solid #A6A6A6;
	padding: 3px 5px;
	vertical-align: bottom;
}
/* Generic alternate row color */
.tr_alt {
	background: #F5F5F5;
}
/* Default definitions for tags contained in tables */
table p {
	margin: 0px;
}
table h3 {
	margin: 2px 0px 0px;
}
table h2 {
	margin: 6px 0px 2px;
}
table ul {
	margin: 0em 0em 0em 1em;
	padding: 0em 0em 0em 1em;
}
/* In case of table in table, don't reduce font again (if applicable) */
table table {
	font-size: 100%;
}

/* Full width tables - same as default, but table is forced to 100% width ============================ */
.div_full table {
	width: 100%;
}

/* Left tables - same as default, but table is at left, not centered ============================ */
.div_left table {
	margin-right: 0px;
	margin-left: 0px;
}

/* Plain tables - for layout (ack!) or small pricing tables, etc. ============================ */
/* No borders, more padding, auto width */
.div_plain table {
	border-style: none;
}
.div_plain td {
	padding: 5px;
	border-style: none;	
}
.div_plain th {
	border-style: none;
	padding: 5px;
}

/* Technical program tables - specifically for pages using tables extracted from EJPress MS Word =====*/
.div_tech table {
	margin: 0px;
	border-style: none;
}
.div_tech td, .div_tech th {
	border-style: none;
}
/* Affects only room number - p is not in a table in this case */
.div_tech p {
	margin: 0px;
	padding: 0px;
}
.div_tech h2 {
	padding: 0px;
	margin: 0px 0px 10px;
}
/* Adds border between sessions */
.div_tech h3 {
	padding: 10px 0px 0px;
	border-top: 3px dotted #385A66;
	margin: 10px 0px 0px;
}
/* Not really needed - border looks OK on top, but an option */
.div_tech h3.top {
	padding: 10px 0px 0px;
	border-top: none;
}
/* If page has paragraphs that need normal spacing, put in a table cell with other session content */
.div_tech table p {
	margin: .75em 0em;	
}

/* For Sponsorship Opportunities, etc. - No margin under h2, .amount adds bold to a <p> */
.div_opps h2 {
	margin-bottom: 0px;
}
.div_opps p.amount {
	font-weight: bold;
}

/* Schedule of events tables ========================================================== */
/* Headers for days, etc. should be h2 in a table row (to inherit site colors) and in a th (not td) */
/* Days can be separate tables or all in one */
.div_sched table {
	margin: 0px auto 0.75em;
	border-style: none;	
}
.div_sched td {
	border-style: none;	
} 
/* Bottom border is preserved on th (inherited from default) */
.div_sched th, .div_comm th {
	background: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.div_sched td {
	padding: 3px 10px 3px 5px;
}
.div_sched table h2 {
	margin: 6px 0px 0px;
}

/* Committee member tables ========================================================= */
/* This is the most iffy - full width, four boxes per row, no borders, h2 in th for title */
.div_comm table {
	margin: 0px auto 0.75em;
	border-style: none;
	width: 100%;	
}
.div_comm td {
	border-style: none;	
	padding: 5px;
	width: 25%;	
} 
/* Bottom border is preserved */
.div_comm th {
	background: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.div_comm table h2 {
	margin: 6px 0px 0px;
}
/* End Table definitions - variations controlled by Documentum DIV Class field ======================*/



/* Begin Documentum editor drop-down styles */
/* Figures and Images - controlled by P tags to help editors */
/* Figures have smaller bold captions. P should contain both image and caption. One BR puts caption under the image. */
p.p_fig_ctr {
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	margin-top: 1em;
	margin-bottom: 1em;
}
p.p_fig_ctr img {
	margin-bottom: 5px;
}
/* This floats the figure and caption to the left; the next paragraph wraps around it on the right. */
p.p_fig_left {
	float: left;
	font-weight: bold;
	font-size: 95%;
	margin-right: 10px;
}
p.p_fig_left img {
	margin-bottom: 5px;
}
/* This floats the figure and caption to the right; the next paragraph wraps around it on the left. */
p.p_fig_right {
	float: right;
	font-weight: bold;
	font-size: 95%;
	margin-left: 10px;
}
p.p_fig_right img {
	margin-bottom: 5px;
}
/* Boxes for content editors */
/* Generic colors here to be overridden in subsite's specific CSS */
/* Default is no p tags */
/* If more than one paragaraph in a box, manually add p tags to all but last section of text */
/* Can use <br> tags to separate text, but spacing is not identical to paragraphs */
/* Note differences from similar boxes around DM fields */

/* Bio box is for featured authors with bio at top. For authors at bottom of page use the supplied field. */
div.bio_box {
	padding: 5px;
	background: #ECF4FC;
	margin: 1.5em 0em 1em;
}
div.bio_box img, div.notes_box img {
   float: left;
   margin: 2px 5px 0px 2px;
}
/* For DM div, will have p tag(s) */
div#author_bio {
	padding: 1px 5px;
	background-color: #CCEDEB;
	margin: 1em 0em;
}
div#author_bio p {
	margin: 4px 0px 5px;
}
div#author_bio img {
   float: left;
   margin: 2px 5px 0px 2px;
}

/* Notes box - different color only from bio_box */
div.notes_box {
	padding: 5px;
	background: #E5F9F8;
	margin: 1em 0em;
}
/* For DM div, will have p tag(s) inside - still a class as of 23 Jan 07, should be ID*/
div#notes, div.notes {
	padding: 1px 5px;
	background: #E5F9F8;
	margin: 1em 0em;
}
div#notes p, div.notes p  {
	margin: 4px 0px 5px;
}
div#notes img, div.notes img {
   float: left;
   margin: 2px 5px 0px 2px;
}
/* Can override font, color, border, etc. in specific CSS files */
.div_callout {
	font-size: 120%;
	text-align: center;
	background: #EFE9F9;
	border: 1px solid #A6A6A6;	
	width: 75%;
	margin: 1em auto;
	padding: 0.75em;	
}
/*  Alert box - bright background color to draw attention  */
div.alert_box {
	padding: 5px;
	background: #FCEFE2;
	margin: 1em 0em;
}
div#alert {
	padding: 1px 5px;
	background: #FCEFE2;
	margin: 1em 0em;
}
div#alert p {
	margin: 4px 0px 5px;
}
div#alert img {
   float: left;
   margin: 2px 5px 0px 2px;
}

/* End Documentum editor drop-down styles */
/* Notice is brightly colored text - have to add div manually (not in editor) */
.notice_box {
	margin: 0px 194px 15px 10px;
	padding: 0px 5px 10px;
	border: 2px solid #A6A6A6;
	text-align: center;
}
.notice {
	font-weight: bold;
	color: #DB032B;
	text-align: center;
}

/* Advanced page formatting classes from spe_org_inside.css - must edit HTML to apply */
/* Two-Column section for Basic pages ===== */
.div_col_uneq_1 {
	margin: 0px;
	float: left;
	width: 290px;
	padding: 1px 0px 0px;
}
.div_col_uneq_2 {
	padding: 1px 0px 0px;
	margin: 0em 0px 0px 310px;
}
.div_col_half_1 {
	float: left;
	width: 260px;	
	margin: 0px;
	padding: 1em 0px 0px;
}
.div_col_half_2 {
	padding: 1em 5px 0px 0px;
	margin: 0px 0px 0px 290px;
}

/* Used to position side-by-side tables at top of column; IE can't take inherited 100% */
.div_col_half_1 table, .div_col_half_2 table{
	margin: 0px auto;
	width: 99%;
}
/* ================================= */
/* SPONSORS                          */
/* ================================= */

/* Graphical sponsor ======================================== */
#sponsor_box {
	width: 184px;
	float: right;
	margin: 0px 7px 10px 10px;
	background: url(/spe-site/spe/images/site_images/sponsor_body.jpg);
}
#sponsor_box_top {
	height: 43px;
	width: 184px;
	background: url(/spe-site/spe/images/site_images/sponsor_head.jpg);
}
#sponsor_box_txt {
	width: 184px;
	margin: 0px;
	padding: 0px 0px 5px;
}
#sponsor_box_btm {
	height: 32px;
	width: 184px;
	background-image: url(/spe-site/spe/images/site_images/sponsor_footer.jpg);
}
.sponsor_box_btm_alt#sponsor_box_btm {
	height: 7px;
	width: 184px;
	background-image: url(/spe-site/spe/images/site_images/sponsor_footer_alt.jpg);
}
/* For bottom controls sponsor box ======================= */
#sponsor_box_btm span {
	float: left;
	margin: 9px 0px 0px 10px;	
}
#sponsor_box_btm div {
	text-align: right;
	margin: 0;
	padding-top: 7px;
	padding-right: 23px;
	font-size: 85%;
	font-weight: bold;
}
#sponsor_box_btm div img {
	margin-top: 0px;
	vertical-align: top;
	border-style: none;	
}


/* Content of sponsor box */
#sponsors {
	background: #FFFFFF;
	width: 150px;
	margin-left: 10px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	border: none;	
}
/* DAL 10 Apr 07 */
#sponsors .item {
  position: absolute;
  width:150px;
}
#sponsors h2 {
	margin: 0px;
	text-align: center;
	font-size: 100%;
}
#sponsors h3 {
	padding: 3px 0px 0px;
	margin: 0px;
	font-size: 8pt;
	font-weight: normal;
	display: block;
	clear: both;
	text-align: center;
	line-height: 1.1em;
	border-top: 1px solid #CCCCCC;
	height: 35px;
	overflow: visible;
	z-index: 100;
}
#sponsors p {
	text-align: center;
	margin: 0px;
}
#sponsors img {
	text-align: center;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

/* Sponsor page to show all sponsors that are in the scroller =========================== */
#sponsor_page {
	background: #FFFFFF;
}
#sponsor_page h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}
#sponsor_page p {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
}
#sponsor_page img {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#sponsor_page div {
	float: left;
	height: 95px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	width: 200px;
}
/* Add to Favorites added 26 Jan 07 */
#fav {
	background: #BC9CAC;
	border: none;
	text-align: center;
	margin: 0px 13px 0px 0px;
	padding: 5px;
	font-weight: bold;
	color: #193059;
	display: none;
	position: absolute;
	top: 0px;
	left: 20px;
	width: 150px;
}
#favBox {
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

#addFav {

}

/* ================================= */
/* FOOTER                            */
/* ================================= */
/* Redone 22 Aug 06 */

#footer {
	clear: both;
	text-align: center;
	padding: 15px 0px 0px;
	margin: 0px;
}
#div_ftr_links {
	padding: 5px 0px;
	margin: 0px;
	font-size: 11px;
	border-top: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
}
#div_ftr_links ul {
	margin-left: 0px;
	padding-left: 0px;
	display: inline;
} 
#div_ftr_links ul li {
	margin-left: 0px;
	padding: 0px 13px;
	border-left: 1px solid #A6A6A6;
	list-style: none;
	display: inline;
}
#div_ftr_links ul li.li_link_first {
	border-left: none;
}
#p_tagline {
	font-weight: bold;
	color: #8A161A;
	text-align: right;
	float: right;
	padding: 10px 12px 0px 0px;
	margin: 0px;
	font-size: 11px;
	width: 400px;
}
p#p_copyright {
	margin: 10px 0px 0px 12px;
	padding: 0px;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
}

/* ================================= */
/* GENERAL UTILITY                   */
/* ================================= */

.small_text {
	font-size: 95%;
}
.txt_align_center {
	text-align: center;
}
.txt_align_left {
	text-align: left;
}
.txt_align_right {
	text-align: right;
}
.clear_right {
	clear: right;
}
.clear_left {
	clear: left;
}
.float_right {
	float: right;
}
.float_left {
	float: left;
}

/* ================================= */
/* SCRIPT-RELATED                    */
/* ================================= */

/* For dal_menus.js */
#expandList {
	margin: 0em 0em .5em;
	padding: 0em 0em 0em 1em;
	line-height: 1.1em;
}
#expandList a {
	text-decoration: none;
}
#expandList li {
	padding: 0em;
	list-style: none;
	margin: 0.5em 5px 0px 0px;
}
#expandList li ul {
	margin: 0px;
	padding: 0px 0px 0px 8px;
	background: #ECF5FF;
}
li.openPage {
	font-weight: bold;
	color: #666666;
}
li.openPage ul {
	font-weight: normal;
	color: #000000;
}
#expandList .sym{ 
  float:left;
  width:12px;
  height:1.2em;
}
#expandList .sym_plus{ 
  float:left;
  width:12px;
  height:1.2em;
background: url(/web/images/menus/plus.gif) no-repeat 0px 20%;  
}
#expandList .sym_minus{ 
  float:left;
  width:12px;
  height:1.2em;
background: url(/web/images/menus/minus.gif) no-repeat 0px 20%;  
}