/* CSS Document */
@import url("table.css");
@import url("popup.css");
/* Global
------------------------------------ */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address,img{
	margin:0;
	padding:0;
	}
	
body{
	margin:0;
	font:normal 8pt "Arial";
	color:#303030;
	line-height: 1.6em;
	background:#efefef;
}

body.inner{
	margin:0;
	font:normal 9pt "Arial";
	color:#303030;
	line-height: 1.6em;
	background:#ffffff;
}

#container-index {
	width:100%;
	position: relative;
	margin: 0px auto;
	background:#ffffff;
	overflow:hidden;
}

#container-inner{
	width:986px;
	position: relative;
	margin: 0px auto;
}

a:link,
a:visited {
	text-decoration:none;
	color:#00baff;
	}	
a:hover {
	text-decoration: underline;
	Color:#4e4e4e;
	}

img.evil { 
	behavior: url("pngbehavior.htc");
}

img {
	border:0;
	}
	

#right{
	float:right;
}

.left{
	float:left;
}


.right{
	float:right;
}

#left{
	float:left;
}

a.btnall{
	font:bold 7pt "Tahoma";
	color: #22943c;
	background:url(../i/btn-morebg-trans.png) no-repeat;
	width:50px;
	display:block;
	padding:3px 0;
	text-align:center;
	cursor:pointer;
}
a:hover.btnall{
	color:#cc0000;
}

a.btnall2{
	font:bold 7pt "Tahoma";
	color: #22943c;
	background:url(../i/btn-morebg2-trans.png) no-repeat;
	width:77px;
	display:block;
	padding:4px 0;
	text-align:center;
	cursor:pointer;
	height:11px
}
a:hover.btnall2{
	color:#cc0000;
}

#lang{
	float:left;
	padding:4px 0 0 10px;
	Color:#6d6e71;
	font:normal 7pt "Tahoma";
}

a.lang{
	font:normal 7pt "Tahoma";
	Color:#6d6e71;
}
a.lang:hover,a.lang-selected{
	font:normal 7pt "Tahoma";
	Color:#00baff;
}

.printer{
	float:left;
	width:100px;
	padding:12px 0 15px 0;
	text-align:right;
}

/* content-header
------------------------------------ */
#header{
	width:948px;
	float:left;
	position:relative;
	padding:15px 16px 10px 22px;
	/*background:url(../i/bg-header.gif) top right no-repeat;*/
}

#banner{
	width:966px;
	float:left;
	position:relative;
	background:url(../i/banner-bg.gif) left center no-repeat;
	padding:0 10px;
}

#nav{
	width:986px;
	float:left;
	height:44px;
}

#bottom{
	width:955px;
	float:left;
}

#indicate{
	float:left;
	width:602px;
	padding:12px 0 15px 0;
	font:normal 7pt "Tahoma";
	color:#afafaf;
	text-transform:lowercase;
	
}
#indicate a{
	color:#afafaf;
}
#indicate a:hover{
	color:#00ccff;
}
.txt_indicate{
	text-transform:lowercase;
	color:#00ccff;
}

/* content-index
------------------------------------ */
#content-index-head{
	width:986px;
	position:relative;
	margin: 0px auto;	
}

.head-space{
	margin:45px 0 0 0;
}

#content-intro{
	width:986px;
	position: relative;
	margin: 0px auto;
}

#content-intro-left{
	float:left;
	width:760px;
	padding:55px 0 20px 9px;
	font-size:11px;
}

#content-intro-left img.picindex{
	float:left;
	padding:10px 10px 0 0;
}

#content-intro-right{
	float:right;
	padding:50px 25px 0 0;
}

#box{
	width:965px;
	float:left;
	margin:10px 10px 0 10px;
	background:url(../i/box-side.gif) left top repeat-y;
	position:relative;
}

.box-spacing-top{
	margin:10px 0 0 0;
}

#box-bottombg{
	width:965px;
	float:left;
	background:url(../i/box-bottom.gif) left bottom no-repeat;
	padding:0 0 1px 0;
	position:relative;
}

#box-headbg{
	width:965px;
	float:left;
	background:url(../i/box-top.gif) left top no-repeat;
	padding:1px 0 0 0;
	position:relative;
}

#box-col1{
	width:180px;
	float:left;
	padding:12px 10px 10px 17px;
	border-right:1px solid #e5e5e5;
	height:180px;
	margin:0 0 2px 0;
}

#box-col1 ul{
	list-style:none;
	padding:0;
	
}
#box-col1 li{
	padding:3px 0 3px 10px;
	background:url(../i/icon-li.gif) 0 10px no-repeat;
}

#box-col1 a{
	color:#323232;
}
#box-col1 li a:hover{
	color:#00a650;
	text-decoration:underline;
}

#box-col2{
	width:349px;
	float:left;
	padding:12px 10px 10px 17px;
	border-right:1px solid #dedede;
	border-left:1px solid #f4f4f4;
	height:180px;
	margin:0 0 2px 0;
}

.space-index-title{
	margin:0 0 5px 0;
}

#box-col2 ul{
	list-style:none;
	padding:0;
}

#box-col2 li{
	padding:3px 0 3px 10px;
	background:url(../i/icon-li.gif) 0 9px no-repeat;
}

.td-box-stat{
	padding:3px 0;
	background:url(../i/dash2.gif) left bottom repeat-x;
}

#box-col3{
	width:178px;
	float:left;
	padding:12px 10px 10px 17px;
	border-left:1px solid #f4f4f4;
	height:180px;
	margin:0 0 2px 0;
}


/* content
------------------------------------ */
#content{
	float:left;
	width:966px;
	margin:48px 0 0 0;
	padding:0 10px;
}

#content-left{
	float:left;
	width:702px;
	margin:0 25px 0 12px;
}

#content-left .title{
	float:left;
	background:url(../i/t-deco.gif) top right no-repeat;
	padding:24px 32px 0 0;
}

#content-left .txt{
	float:left;
	width:690px;
	padding:0 0 10px 0;
	text-align:justify;
}

#content-left .txt2{
	float:left;
	width:690px;
	padding:0 0 10px 0;
	text-align:justify;
	background:url(../i/form-content-bg.gif) no-repeat;
}


#content-left h3{
	font:bold 10pt "Trebuchet MS";
	color:#00a650;
}

#content-left h2{
	font:bold 11pt "Trebuchet MS";
	color:#654904;
}


#content-left .txt ul{
	list-style:none;
	padding:0;
}

#content-left .txt li{
	padding:3px 0 3px 10px;
	background:url(../i/icon-li.gif) 0 9px no-repeat;
	border-bottom:none!important;
}

#content-left .txt ol{
	padding:0;
	margin:0 0 0 30px;
}

#content-left .txt ol li{
	padding:3px 0 3px 0;
	background:none !important;
}

#content-left .policy{
	float:left;
	width:675px;
	padding:8px 0 8px 10px;
	background:url(../i/dash.gif) left bottom repeat-x;
	margin-bottom:3px;
	Color:#4e4e4e;
}


#content-left .policy a{
	Color:#22943c;
}

#content-left .policy a:hover{
	Color:#ff6000;
}


#content-left .gift{
	float:left;
	width:680px;
	padding:8px 5px;
	background:url(../i/dash.gif) left bottom repeat-x;
	margin-bottom:3px;
	Color:#4e4e4e;
}

#content-left .gift .leftcol{
	float:left;
	width:130px;
}

#content-left .gift .rightcol{
	float:left;
	width:500px;
	margin-left:5px;
	font-weight:bold;
}

.rightcol a{
	font-weight:bold;
	Color:#22943c;
}

.rightcol a:hover{
	Color:#ff6000;
}

#content-left .gift .regcol{
	float:left;
	width:80px;
	margin-left:10px;
}

#calendar-list{
	float:left;
	width:680px;
	background:url(../i/dash.gif) left bottom repeat-x;
	padding:10px 5px;
}

.organdonor-box{
	padding:10px;
	background:#00a650;
	color:#ffffff;
	font:bold 10pt "Arial";
	margin:10px 0;
}

#content-right{
	float:left;
	position:relative;
	width:224px;
	background:#efefef;
}

#content-right-head{
	float:left;
	width:224px;
	background:url(../i/bg-sn-head-trans.gif) left top no-repeat;
}

#content-right-bottom{
	float:left;
	width:196px;
	background:url(../i/bg-sn-bottom-trans.gif) left bottom no-repeat;
	padding:20px 14px 37px 14px;
}

#sb{
	float:left;
	position:relative;
	width:196px;
	text-align:center;
	padding:0 0 20px 0;
}

#boxC{
	width:195px;
	float:left;
	background:url(../i/c-boxside.gif) left top repeat-y;
	position:relative;
}

.boxC-spacing-top{
	margin:10px 0 0 0;
}

#boxC-bottombg{
	width:165px;
	float:left;
	background:url(../i/c-boxbottom.gif) left bottom no-repeat;
	padding:10px 15px;
	position:relative;
}

#boxC-headbg{
	width:195px;
	float:left;
	background:url(../i/c-boxhead.gif) left top no-repeat;
	padding:0;
	position:relative;
}


#link-box{
	float:left;
	width:180px;
	border:1px dotted #e5e5e5;
	padding:15px;
	margin:20px 7px 0 7px;
	text-align:center;
}

#link-box-img{
	width:180px;
	margin: 0px auto;
	height:65px;
}

#link-box p.text-useful{
	float:left;
	width:180px;
	padding:8px 0 0 0;
	height:40px;
	font-size:8pt;
	font-weight:bold;
}

/* list page navigation
------------------------------------ */
#listpg{
	float:left;
	width:700px;
	text-align:right;
	font:bold 7pt "Tahoma";
}

#listpg a{
	background:#d4d4d4;
	font:normal 7pt "Tahoma";
	margin:0 1px 0 1px;
	padding:4px;
	color:#666;
	line-height:2em;
	text-align:center;
}
#listpg a:hover{
	background:#ffba00;
	color:#fff;
	text-decoration:none;
}
#listpg span {
	margin:0 1px 0 1px;
	padding:4px;
	background:#ffba00;
	color:#fff;
	text-decoration:none;
}



/* calendar
------------------------------------ */
#calendar{
	width:165px;
	float:left;
	background:url(../i/dash2.gif) top left repeat-x;
	margin:5px 0 0 0;
	padding:5px 0;
}

#calendar h2{
	font:bold 10pt "Trebuchet MS";
	color:#00a650;
	padding:0 0 2px 0;
	text-transform:uppercase;
	text-align:center;
}

.space-cal-arrow{
	margin:0 3px;
}

td.cal{
	width: 18px;
	height: 18px;
	text-align:center;
	font:normal 7pt "Tahoma";
}

td.calendar{
	background:url(../i/calender_bg.gif) center center no-repeat;
	width: 18px;
	height: 18px;
	text-align:center;
	font:normal 7pt "Tahoma";
	color:#ffffff;
}

td.calendar a{
	color:#ffffff!important;
}

td.calendar2{
	background:url(../i/calender_bg2.gif) center center no-repeat;
	color:#ffffff;
	width: 18px;
	height: 18px;
	text-align:center;
	font:normal 7pt "Tahoma";
}

td.calendar2 a{
	color:#ffffff!important;
}

.td-calendar{
	background:url(../i/dash.gif) left bottom repeat-x;
	padding:5px 0;
}


/* FAQ content
------------------------------------ */

.txt a:hover{
	text-decoration:none;
	color:#00a650;
	font-weight:bold;
}


.open{

	text-decoration:none;
	color:#00a650;
	font-weight:bold;
}

.close{

	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

.txt li{
	border-bottom:1px dotted #e5e5e5;
}

/* sidenav
------------------------------------ */
#sidenav{
	width:188px;
	float:left;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	background:url(../i/dash2.gif) left bottom repeat-x;

}

#sidenav ul{
	list-style:none;
	padding:0 0 0 8px;
}

#sidenav li{
	list-style:none;
	padding:3px 0 3px 15px;
	background:url(../i/icon-li.gif) 0 12px no-repeat;

}

#sidenav li a {
	color:#0062d0;
	font:normal 8pt "Trebuchet MS";
}

#sidenav li a:hover{
	text-decoration:none;
	color:#0062d0;
}

#sidenav li a:focus{
	text-decoration:none;
	color:#0062d0 !important;
}

#sidenav li a.selected {
	color:#0062d0 !important;
}


#sidenav li a.current {
	color:#0062d0 !important;
	font-weight:bold;
	text-transform:uppercase;
}


#sidenav li a.lv1{
	color:#000000 !important;
	text-transform:uppercase;

}

#sidenav li a:hover.lv1{
	color:#0062d0 !important ;
}
#sidenav li a.lv0{
	color:#000000 !important;
	text-transform:uppercase;

}
#sidenav li a.selected{
	color:#0062d0 !important ;
	font-weight:bold;
}
#sidenav li a.perm{
	color:#0062d0 !important ;
	font-weight:bold;
}

#sidenav li a:hover.lv0{
	color:#0062d0 !important ;
}

#sidenav .submenu{
	margin:0;
	padding:0;
}

/* link-txt / text
------------------------------------ */
a.green{
	color:#00a650 !important;
}

a.green:hover{
	color:#313131;
}

.green-bold9{
	color:#00a650;
	font-weight:bold;
	font-size:9pt;
}

.news-date{
	color:#00a650;
}

.news-where{
	color:#00a650;
	font-size:8pt;
	font-style:italic;
	font-weight:normal;
}




/* ---------------------------------------------------------------*/
/* --------->>> Search box & Select / Form element<<<-------------*/
/* ---------------------------------------------------------------*/

#searchbox{
	padding:0 15px 0 0;
	float:left;
	background:url(../i/dash-sep.gif) right center no-repeat;
}

form {
	margin: 0;
	padding: 0; 
}

.input-search{
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	border-right:none;
	font-size:85% !important; 
	height:17px;
	color:#6d6e71;
	*margin-top:-1px;
	padding:2px 0 0 4px;
}

/* ---------------------------------------------------------------*/
/* --------->>>Form element<<<-------------*/
/* ---------------------------------------------------------------*/


#form{
	float:left;
	width:345px;
	background:url(../i/index-regbox-contentbg.gif) left bottom repeat-x #ffffff;
	border:1px solid #e6e6e6;
	padding:8px;
	
}

#form label {
	display: block;
	float: left;
}
#form div.row{
	width:320px;
	float:left;
	margin:5px 0 5px 0;
}

#form p.row2{
	width:210px;
	float:left;
	margin:5px 0 5px 0;
	padding:0 0 0 110px;
}
#form label{
	font:bold 8pt "Arial";
	width: 95px;
	padding: 0 15px 0 0;
	text-align:center;
}

.textarea{
	width:200px;
	border:1px solid #dddddd;
	background-color:#f2f2f2;
	color:#042f00;
	font:normal 10pt "Arial";
}

.textarea1{
	border:1px solid #dddddd;
	background-color:#f2f2f2;
	color:#042f00;
	font:normal 10pt "Arial";
}

.textarea2{
	width:450px;
	border:1px solid #dddddd;
	background-color:#f2f2f2;
	font:normal 10pt "Arial";
}

.textarea3{
	width:150px;
	border:1px solid #dddddd;
	background-color:#f2f2f2;
	font:normal 10pt "Arial";
}

.input2{
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 180px;
}

.input3{
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 40px;
}
.field{
	border:1px solid #e6e6e6;
	font:normal 8pt "Arial";
	width: 200px;
}

.select{
	width:202px;
	border:1px solid #e6e6e6;
	font:normal 8pt "Arial";
}

.button {
	border:1px solid #d1d1d1;
	font:bold 7pt "Tahoma";
	color: #333317;
	background-color: #FFFFFF;
	background-image: url(../i/background_form_element.gif);
	
	padding-top:5px;
	padding-bottom:5px;
}

.txt-red2{
	color:#ff0600;
	font:bold 7pt "tahoma";
}

input.required {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 180px;
}
input.required, textarea.required {
	border: 1px solid #d9d9d9;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #ff7f00;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #ff7f00;
	color : #FFF;
	font-weight: bold;
	text-align:center;
}

/* space
------------------------------------ */
.space-more{
	margin:5px 0 0 0;
}


/* footer
------------------------------------ */
#footer {
	width:986px;
	position: relative;
	margin: 0px auto;
	text-align:center;
	font:normal 7pt "Tahoma";
	Color:#787878;
	text-decoration: none;
	padding:6px 0 0 0;
	height:12px;
	line-height:1.6em;
}

#footer a{
	Color:#787878;
	text-decoration: none;
}
#footer a:hover{
	Color:#3e3e3e;
	text-decoration: underline;
}

/* footer-inner
------------------------------------ */
#footer-inner{
	width:702px;
	float:left;
	margin:15px 0;
	padding:5px 0;
	background:url(../i/dash.gif) left top repeat-x;
	font:normal 7pt "Tahoma";
	Color:#787878;
	text-decoration: none;
	line-height:1.6em;
}

#footer-inner a{
	Color:#787878;
	text-decoration: none;
}
#footer-inner a:hover{
	Color:#3e3e3e;
	text-decoration: underline;
}