.icon:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.icon:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.icon:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFCC00;
    text-decoration: none;
    font-weight: bold;
}

.iconlink:visited {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.iconlink:link {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.iconlink:hover {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #FF0000;
    text-decoration: none;
    font-weight: bold;
}

/*a:visited {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
a:link {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #FFCC00;
    text-decoration: none;
    font-weight: bold;
}*/

.datalink:visited {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}
.datalink:link {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}
.datalink:hover {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #FFCC00;
    text-decoration: none;
    font-weight: normal;
}
.tab {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.tab:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3399cc;
    text-decoration: none;
    font-weight: bold;
}
.tab:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3399cc;
    text-decoration: none;
    font-weight: bold;
}
.tab:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFCC00;
    text-decoration: none;
    font-weight: bold;
}
.tabsm:visited {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
}
.tabsm:link {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
}
.tabsm:hover {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #FFFF00;
    text-align: center;
    text-decoration: none;
}
.utiltab {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.utiltab:visited {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.utiltab:link {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.utiltab:hover {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.sermon:visited {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}
.sermon:link {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}
.sermon:hover {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}
.calendar:visited {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
	font-size: 11px;
	color: #021636;
	text-decoration: none;
	font-weight: normal;
}
.calendar:link {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
	font-size: 11px;
	color: #021636;
	text-decoration: none;
	font-weight: normal;
}
.calendar:hover {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
	font-size: 11px;
	color: #021636;
	text-decoration: none;
	font-weight: normal;
}
.event:visited {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.event:link {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.event:hover {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.tree:visited {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #9E9E9E;
    text-decoration: underline;
    font-weight: normal;
	letter-spacing: normal;
}
.tree:link {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #9E9E9E;
    text-decoration: underline;
    font-weight: normal;
	letter-spacing: normal;	
}
.tree:hover {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #9E9E9E;
    text-decoration: underline;
    font-weight: normal;
	letter-spacing: normal;	
}
.treenormal {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #9E9E9E;
    text-decoration: none;
    font-weight: bold;
	letter-spacing: normal;	
}
.abouttitle {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 13px;
    color: #393939;
    text-decoration: none;
    font-weight: bold;
	letter-spacing: normal;	
}
.aboutdata {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #393939;
    text-decoration: none;
    font-weight: normal;
	letter-spacing: normal;	
}
.worshiptitle {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 15px;
    color: #9E9D27;
    text-decoration: none;
    font-weight: bold;
	letter-spacing: normal;	
}
.youth {
    font-family: ¹ÙÅÁ, µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
	font-weight: normal;
	text-decoration: none;
    color: #1B1B1B;
    background-color: #FFFFFF;
    text-align: center;
}
.youth:visited {
    font-family: ¹ÙÅÁ, µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
	font-weight: normal;
	text-decoration: none;
    color: #1B1B1B;
    background-color: #FFFFFF;
    text-align: center;
}
.youth:link {
    font-family: ¹ÙÅÁ, µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
	font-weight: normal;
	text-decoration: none;
    color: #1B1B1B;
    background-color: #FFFFFF;
    text-align: center;
}
.youth:hover {
    font-family: ¹ÙÅÁ, µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
	font-weight: normal;
	text-decoration: none;
    color: #1B1B1B;
    background-color: #FFFFFF;
    text-align: center;
}
.labels {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-align: right;
}
.labels_left {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-align: left;
}
.labels_reg_left {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #000000;
    text-align: left;
}
.value_red {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
    text-align: left;
    vertical-align: top;
}
body {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    background-color: #FFFFFF;
    margin: 0px;
}
.value {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-align: left;
}
.value {
    font-family: Arial, Verdana, Tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #CC6600;
    text-align: left;
}
.tab_reg {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url(../../images/tab_reg2.gif);
    text-align: center;
}
.tab_hover {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #FFFF66;
    background-image: url(../../images/tab_hover2.gif);
    text-align: center;
}
.tag_sm_reg {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url(../../images/tab_sm_reg2.gif);
    text-align: center;
}
.tag_sm_hover {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #FFFF66;
    background-image: url(../../images/tab_sm_hover2.gif);
    text-align: center;
}
.td_bg {
    background-image: url(../../images/banner_bg.jpg);
}
.portlet_bg {
    background-image: url(../../images/mid_bg_pt.gif);
}
option {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #000000;
}
select {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
}
.value_green {

    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #009900;
    text-align: left;
}
.columnheadercenter {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    background-color: #D2D2CA;
}
.columnutil {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}
.columncircuit {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    background-color: #FFFFFF;
}
.legendlabel {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-align: left;
}
.remarks {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #000000;
}
.notes {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    vertical-align: text-top;
    border-bottom-width: 1px;
    border-bottom-color: #0066FF;
    border-bottom-style: solid;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.style1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}
.style2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
}
.content{
display:none;
}
.pageheader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003366;
    font-weight: bold;
    text-align: left;
}
.headericons {
    text-align: right;
}
.columnheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.datarowtop {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-transform: uppercase;
    border-bottom-style: none;
    border-right-style: none;
    border-left-style: none;
    border-top: thin none #666666;
}
.datarowwhite {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    color: #000000;
}
.datarowsilver {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #000000;
    background-color: #f3f3f3;
}
.instructions {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003366;
    background-color: #D0DDFD;
    border-bottom: thin solid #003366;
    border-right:  thin solid #003366;
    border-left:  thin solid #003366;
    border-top: thin solid #003366;
}
.textbox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.textbox250 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   width: 250px;
}
.btn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #FFCC00;
    border: thin outset #000000;
}
.combo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.combooption {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 0px solid black;
padding: 2px;
visibility: hidden;
z-index: 100;
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.columnheadercenterHour {

    font-family: Arial, Verdana, Tahoma;
    font-size: 8px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    background-color: #D2D2CA;
}
.data {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
	letter-spacing: 0px;
	padding: 1;
    color: #666666;
    text-align: left;
    vertical-align: middle;
}
.datalink {
    font-family: µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 11px;
	letter-spacing: 0px;
	padding: 1;
    color: #011F75;
    text-align: left;
    vertical-align: middle;
}
.datatitle {
    font-family: ¹ÙÅÁ, µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 12px;
	letter-spacing: 1px;
	padding: 1;
    color: #666666;
    text-align: left;
	font-weight: bold;
    vertical-align: middle;
}
.sundayschool {
    font-family: ¹ÙÅÁ, µ¸¿ò, Arial, Verdana, Tahoma;
    font-size: 13px;
	font-weight: bold;
    color: #6BAE2D;
    background-color: #FFFFFF;
    text-align: center;
}
.youngadult {
    font-family: ±¼¸², Arial, Verdana, Tahoma;
    font-size: 12px;
	font-weight: bold;
    color: #5E603A;
    background-color: #FFFFFF;
    text-align: center;
}
.contact {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #53272c;
    background-color: #FFFFFF;
    vertical-align: middle;
}
.remarkpadding {
    padding: 2px;
}
.portlet_title {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #FF9900;
}
.sys_lvl1 {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    background-color: #CCE9F7;
    border: 1px solid #CCCCCC;
}
.sys_lvl2 {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10px;
    text-transform: uppercase;
    color: #000000;
    background-color: #F7F3B9;
    border: 1px solid #CCCCCC;
    text-align: center;
}
.asof {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10px;
    font-weight: normal;
    color: #FF0000;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}
.sys_legend {
    font-family: Arial, Verdana, Tahoma;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}
.sys_value {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    text-transform: uppercase;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px none #CCCCCC;
    text-align: left;
    vertical-align: top;
}
.sys_label {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    background-color: #FFFFFF;
    text-align: right;
    vertical-align: top;
    border: 1px none #CCCCCC;
}
.sys_tab {
    background-image: url(../../images/tab_mid.gif);
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #FFCC00;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
}
.sys_tab_link {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #FFCC00;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
}
.sys_tab_link:visited {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #FFCC00;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
}
.sys_tab_link:link {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #FFCC00;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
}
.sys_tab_link:hover {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #FF0000;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    text-transform: uppercase;
}

.sys_chart_area {

    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    border: 1px none #CCCCCC;
    background-color: #FFFFFF;
}
.pop_banner {
    font-family: Arial, Verdana, Tahoma;
    font-size: 18px;
    background-color: #1A70A1;
    vertical-align: middle;
    text-transform: uppercase;
    color: #FFFFFF;
}
.sys_list {
    width: 132px;
}
.chart_area {

    font-family: Arial, Verdana, Tahoma;
    font-size: 10px;
    text-transform: uppercase;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    text-align: center;
}
.sys_listdisk {

    width: 160px;
}

/** added by jo **/
.dottedline  {background-image:url(../../images/dottedline.gif);height:1px; }
.tableHeader {
	font-family: Arial, Verdana, Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #6E6700;
	text-align: center;
}

.tablevalue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #251811;
	font-weight: bold;
	text-align: center;
	border-color: #FFFFFF;
}

.tablevalue:visited {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #666666;
    font-weight: bold;
	text-align: center;
	border-color: #FFFFFF;
}
.tablevalue:link {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #0000FF;
    font-weight: bold;
	text-align: center;
	border-color: #FFFFFF;
}
.tablevalue:hover {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #99CC99;
    font-weight: bold;
	text-align: center;
	border-color: #FFFFFF;
}