/* spe_org_special.css */

/* HTML redefinitions and DM Editor styles =============================== */
/* HTML Redefinitions and utility styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px;
	padding: 0px;
}
a {
	color: #163F79;
}
a:visited {
	color: #163F79;
}
a:hover {
	color: #993366;
}
a:active {
	color: #993366;
}
h1 {
	color: #8a1617;
	font-size: 135%;
	padding: 0px;
	margin: 0em 0em 0.5em;
}
h2 {
	color: #193059;
	font-size: 125%;
	padding: 0px;
	margin: 0.6em 0em 0.4em;
}
h3 {
	color: #330033;
	font-size: 105%;
	padding: 0px;
	margin: .5em 0em .1em;
}
p {
	margin: 0em 0em 0.75em;
	padding: 0px;
}
ul, ol {
	margin: 0.6em 0em 0.6em 0.2em;
	padding: 0px 0px 0px 1.5em;
}
/* DAL next added 13 Mar 07 */
ul ul {
	margin: 0em 0em 0em 0.2em;
}
li {
	margin: 0em 0em .2em;
	padding: 0px;
}
img {
 border-style: none;
}

.largeFont {
	font-size: large;
}
.required {
	color:#FF0000;
}

/* Begin DM editor drop-down styles ========================================== */
.small_text {
	font-size: 95%;
}
.color_h1 {
	color: #8a1617;
}
.color_h2 {
	color: #245C6C;
}
.color_h3 {
	color: #330033;
}


/* Figures ============================*/
/* Figures have smaller bold captions. P should contain both image and caption. One BR puts caption under the image. */
.p_fig_ctr {
	text-align: center;
	font-weight: bold;
	font-size: 95%;
}
.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_fig_left {
	float: left;
	font-weight: bold;
	font-size: 95%;
	margin-right: 10px;
}
.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_fig_right {
	float: right;
	font-weight: bold;
	font-size: 95%;
	margin-left: 10px;
}
.p_fig_right img {
	margin-bottom: 5px;
}
/* Begin Table definitions - variations controlled by Documentum DIV Class field */
/* tbl_brdr - borderd on each cell, centered, auto width */
.div_tbl_brdr table {
	margin: 1em auto;
	padding: 0px;
	border: 1px solid #A6A6A6;
	border-collapse: collapse;
	width: auto;
}
.div_tbl_brdr td {
	border: 1px solid #A6A6A6;
	padding: 3px 5px;
	vertical-align: top;
}
.div_tbl_brdr th {
	background: #DEE0F7;
	border: 1px solid #A6A6A6;
	padding: 3px 5px;
	vertical-align: bottom;
}   

/* Default definitions for tags contained in tables */
.div_tbl_brdr table.p {
	margin: 0px;
}
.div_tbl_brdr table.h3 {
	margin: 2px 0px 0px;
}
.div_tbl_brdr table.h2 {
	margin: 6px 0px 2px;
}
.div_tbl_brdr 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%;
}  

/* Advanced editing styles - must go into HTML in DM editor ===== */
/* e.g. Media center */
.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_uneq_1_video {
	margin: 0px;
	float: left;
	width: 550px;
	padding: 1px 0px 0px;
}
.div_col_uneq_2_notes {
	margin: 0px;
	float: left;
	padding: 1px 0px 0px;
}
.div_col_half_1 {
	float: left;
	width: 48%;
	margin: 0px;
	padding: 1px 0px 0px;
}
.div_col_half_2 {
	padding: 1px 0px 0px 15px;
	margin: 0px;
	float: left;
	width: 50%;
}
.clear_left {
	clear: left;
}


/*=========================================================*/
/*    FRAMEWORK                                            */
/*=========================================================*/
#container {
	width: 987px;
	margin: 4px auto 0px;
}
#header_bg {
	height: 97px;
}
#header_bg img.img_header {
	position: absolute;
	top: 4px; 
}
#header_print {
	display: none;
}
#top_nav_row {
	height: 33px;
}
#srch_bar {
	height: 32px;
	background: url(../../giving/images/srch_bg.jpg);
}
#srch_bar_alt {
	height: 14px;
	background: url(../../giving/images/srch_alt.jpg);
}	
#mcol_basic {
	width: 595px;
	float: left;
}
#mcol_wide {
	width: 795px;
	float: left;
}
#mcol_full {
	width: 987px;
}
#lcol {
	float: left;
	width: 192px;
	clear: left;
}
#rcol.basic {
	width: 200px;
}
#rcol {
	width: 120px;
	float: left;	
}
#footer {
/* defined below */
}
#full_width {
	margin: 0px 7px 0px 5px;
	padding: 0px;
}

/* HEADER ========================================== */

#login_status {
	position: relative;
	left: 640px;
	top: 25px;
	width: 300px;
	text-align: right;
}
#login_status p {
	margin: 5px 0px 0px 3px;
	color: #FFFFFF;
	font-size: 11px;
}
/* Testing transparent GIF for simulating image maps - Can delete unused */

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

/* MAIN COLUMN ================================= */
.breadcrumb p {
	font-size: 85%;
	color: #163F79;
	margin: 0px;
	padding: 0px;
}
#main_content {
	padding: 19px 15px 0px 12px;
	font-size: 90%;
}

/* UPPER RIGHT HELP FLAG =============================== */
#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;
}
/* 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 #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#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 #CCCCCC;
	list-style: none;
	display: inline;
}
#div_ftr_links ul li.li_link_first {
	border-left: none;
}
#div_ftr_nolinks {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #CCCCCC;
}
#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;
}


/* Boxes for content editors */
/* 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;
}

/* 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) */
div#notes {
	padding: 1px 5px;
	background: #E5F9F8;
	margin: 1em 0em;
}
div#notes p {
	margin: 4px 0px 5px;
}
div#notes img {
   float: left;
   margin: 2px 5px 0px 2px;
}
/*  Alert box - bright background color to draw attention  */
div.alert_box {
	padding: 5px;
	background: #DCCED5;
	margin: 1em 0em;
}
div#alert {
	padding: 1px 5px;
	background: #DCCED5;
	margin: 1em 0em;
}
div#alert p {
	margin: 4px 0px 5px;
}
div#alert 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;	
}
/* 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;
}
.div_text_60pct {
	width: 60%;
}