/* This template is an extensively modified version of the "internet encyclopedia" theme by Luka Cvrk (www.solucija.com). Changes were done by Steven Higashide, TSTC.*/

:link,:visited { text-decoration:none } :focus,:active { outline: 0 } h4,h5,h6,pre,code { font-size:1em; } h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img, fieldset { border:none } address { font-style:normal }
body { font: .8em "Trebuchet MS", Verdana, Helvetica, sans-serif; color: black; background: #F7FCFF url(../images/bg.gif) repeat-x; }
a { color: #7D1919; cursor: pointer; }
a:hover { color: black;}
h1 { font-size: 3em; clear: both; margin: 0 0 5px; font-weight: bold;}
h2 { font: normal 1.6em Arial; color: #7D1919; margin: 0 0 15px; } 
h2#slogan { font-size: 1.3em; color: #666666; font-weight: bold;}
h3 { font: bold 1.2em Arial; color: #7D1919; margin: 0 0 15px; } 
p  { margin: 0 0 15px; line-height: 1.6em; }
ul {margin-left: 20px; padding-left:20px;}

.clear { clear: both; }
.wrap {margin: 0 auto auto auto; width: 900px; }
.background {background: url(../images/bg.jpg) no-repeat left 42px; }
#wrapper {float: left; margin: 0; padding: 5px; width: 888px; border: 1px solid #505050; background-color:white;} 
#search  {float: right; margin: 9px 0 0; width: 195px; }
	input.field { float: left; background: #808080; color: #ccc; padding: 4px; border: 0; margin: 0 5px 0 0; width: 160px; font: .8em "Trebuchet MS", Arial, Sans-Serif; }
	input.field:focus { border-bottom: 1px dotted #ccc; color: black; background: white;}
	input.button { float: right; background: url(../images/search.gif) no-repeat; width: 20px; height: 13px; border: 0; margin: 5px 0 0; }

#menu { padding: 0 0 8px; margin: 0 0 25px; height: 20px; }
	#menu li { display: inline; }
	#menu li a { float: left; text-align: center; margin: 4px 2px 0 0; font: .9em Verdana, Helvetica, sans-serif; font-weight: bold; padding: 10px 9px 12px 9px; color: #ccc; }
	#menu li a:hover, #menu li a.current { color: #AF1515; background: white; border-left:1px solid #C7E6F9; border-right:1px solid #C7E6F9; border-top: 1px solid #C7E6F9;}
	#menu li a.cur_donate { color: #98C9C3;; background: white; border-left:1px solid #C7E6F9; border-right:1px solid #C7E6F9; border-top: 1px solid #C7E6F9;}
	
#logo { float: left; margin: 3px 0 0; }

#left { float: left; width: 870px; margin: 15px 0 10px; padding: 5px 10px; text-align: justify; border: 1px solid #505050; background-color:white;}  
	#left li {margin-bottom: 3px;}
#left2 { float: left; width: 223px; height: 273px; margin: 15px 20px 10px 0; padding: 5px 5px 0 5px; text-align: left; border: 1px solid #505050; background-color:white;}
#leftwbox  {float: left; width: 888px; margin: 15px 0 10px; padding: 0 0 0 10px; text-align: justify; border: 1px solid #505050; background-color:white;} /* this is a full-span 900px div */
	#left h2, #left2 h2, #leftwbox h2 { color: #666666; font-weight: bold;}
		#left h2 a, #left2 h2 a, #leftwbox h2 a { border-bottom: 1px dotted #ACCADE; padding: 0 0 3px; }
		#left .more, #left2 .more, #leftwbox .more { color: #7EA4BC; }
	.subtitle { font-weight: bold; font-style: italic; font-size: 1.1em; margin: 0 0 4px; } 
	.date { background: #fff; padding: 5px 0; border-right: 1px solid #D3EAFA; border-bottom: 1px solid #D3EAFA; color: #ccc; float: left; width: 55px; margin: 7px 12px 5px 0; text-align: center; }
	.date span { font-size: 1.6em; }


#columns {float: left; width: 900px; margin: 25px 0 10px; padding: 0; text-align: left; border: 1px solid #505050; background-color:#F7FCFF;} /* used to be EFF6FC, same as insetbox */
#column1 {float: left; width: 298px; margin: 0 0 0 0; padding: 0 2px 2px 0; }
#column2 {float: left; width: 298px; margin: 0 0 0 0; padding: 0 2px 2px 0; border-left: 1px solid #A1292A;}
#column3 {float: left; width: 298px; margin: 0 0 0 0; padding: 0 0 2px 0; border-left: 1px solid #6D7915;} /* right-most column */
	#columns ul {margin-left:10px; padding-left:5px; }
	#columns h3 {color: white; margin: 0; padding: 0 0 0 5px;}
	.col-press {background-color:#3C638C;}
	.col-action {background-color:#A1292A;}
	.col-mtr {background-color:#6D7915;}
	#columns li {list-style: none; border-left: 6px solid #666666; margin: 2px 0 2px 0; padding: 0 0 0 5px;}

#ad { background: url(../images/dot.gif) repeat-x; padding: 15px 0 10px; clear: both; font-size: .9em; line-height: 1.7em;  }
#promo { clear: both; border-top: 3px solid #6E6E6E; background: #505050 url(../images/footer.gif) no-repeat right top; color: #ccc; padding: 20px 0 0 0; }
	#promo h2 { color: #fff; }
	#promo a { color: #D9EAF9; border-bottom: 1px dotted #808080; }
	.col { float: left; width: 280px; margin: 0 30px 20px 0; }
		.last { margin: 0; }
#footer { clear: both; padding: 15px 0; font-size: .84em; color: #808080; border-top: 1px dotted #666; text-align:center; }

.horbar1 {
	height: 5px;
	width: 100%;
	border-top: dashed 1px #336699;
}

.smalltitle {
	font-size: 12px;
	font-weight: bold;
	color: #660000;
}

.insetbox {
	width: 280px; /* // manually insert style="width:280px;" in insetbox */
	float: right;
	margin: 2px 0 10px 15px;
	padding: 8px 4px 3px 6px;
	background-color: #EFF6FC;
	border: 1px solid #6699CC;
	margin-right: 5px;
	text-align: left;
}

.insetbox ul {
	margin: .25em 0px 5px 2em;
	padding: 0px;
	width: auto;
}

.insetbox li {
	margin: 0px 0px 3px 0px;
	float: none;
	display: list-item;
	list-style-type: circle;
}
.insetbox p {line-height: 1.4em; font-size: .9em;}


/*-----------
 feature class
 -------- */
#feature {
	background: #fff;
	border: 1px solid #dadada;
	float: left;
	height: 273px; width: 643px;
	margin: 15px 0 10px;
	overflow: hidden;
	position: relative;
	}

#feature .content {
	display: block;
	height: 273px;
	left: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 432px;
	visibility: hidden;
	background-image: url(/images/front_feature/libus_funeral.JPG);
	}

#feature #content3 {
 	visibility: visible;
	}
	
#feature #contentBlind { position: absolute; z-index: 2000; }

#feature .content a.click {
	display: block;
	height: 273px;
	left: 0;
	position: absolute;
	text-decoration: none;
	top: 0;
	width: 432px;
	z-index: 1001;
	}

#feature .content a.click:hover {
	cursor: pointer;
	}

#feature .content .padder a {
	color: #fff;
	text-decoration: underline;
	}

#feature .content h2 {
	color: #fff;
	font-size: 140%;
	margin: 0 0 .3em;
	}

#feature .content p {
	color: #fff;
	}

#feature .content .padder {
	bottom: 0;
	left: 432px;
	padding: 5px 20px 5px 16px;
	position: absolute;
	width: 432px;
	z-index: 1002;
	}

#feature #content3 .padder {
	left: 0;
	}

#feature .content .padder .bg {
	background: #000;
	bottom: 0;
	float: left;
	left: 0;
	position: absolute;
	top: 0;
	width: 432px;
	opacity: .6; /* FF/Opera/Safari/Chrome */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
	filter:alpha(opacity=60); /* IE6-7 */
	}

* html #feature .content .padder .bg {height:expression(this.parentNode.offsetHeight);}

#feature .content .padder * {
	padding-right: 28px;
	position: relative;
	}
	
#feature #feature-tabs {
	background: url(/images/bg-feature-tab-bg.gif) no-repeat;
	height: 273px;
	left: 415px;
	margin: 0;
	position: absolute;
	width: 228px;
	z-index: 1002;
	}

#feature #feature-tabs li {
	height: 91px;
	list-style: none;
	margin: 0;
	overflow: hidden; 
	width: 220px;
	}

#feature #feature-tabs li a {
	display: block;
	height: 91px;
	width: 220px;
	text-decoration: none;
	}

#feature-tabs li .header {
	color: #fff;
	display: block;
	font-size: 98%;
	font-weight: bold;
	margin: 0;
	padding: 11px 11px 3px 10px; 
	}

#feature-tabs li .description {
	color: #fff;
	display: block;
	line-height: 1.3;
	font-size: 93%;
	margin: 0 11px 0 11px;
	}

/* Custom styling for Salsa classes */

#mainForm {
	clear: both;
	width: 800px;
	}

.supporterInfo {
	clear: both; 
	width: 800px;
	}