@charset "utf-8";
/* CSS Document */
/* Body */
#body {padding:15px; border-color:#003300; border-style:solid; border-width:2px;}
#center {border-color:#000000; border-style:solid; border-width:2px;}

td.down {background-image:url(http://cornerstonephilippines.net/Images/button.jpg);}

#paragraph {font-family: Arial, Helvetica, sans-serif;font-size:12.5px;text-indent:20px;text-align:justify;}
#paragraph2 {font-family: Arial, Helvetica, sans-serif;font-size:12.5px;text-indent:10px;text-align:justify;}
#paragraph3 {font-family: Arial, Helvetica, sans-serif;font-size:12.5px;text-align:justify;}


#list {list-style: square outside; font: Arial, Helvetica, sans-serif; font-size:14px;}

#margin {margin-left:10px;}

#divtitle {border-color:#003300; border-style:solid; border-width:2px; font-size:18px; font-weight:bolder; color: #004600; font: "Cooper Black"}

#divbot {margin: }

/* new title and heading */
#header {font-family: Arial, Helvetica, sans-serif; font-size:14px; text-align:center; font-weight:bold}
#subheader {font-family: Arial, Helvetica, sans-serif;font-size:12px;text-align:center;font-weight:bold}
h3.header3  {font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:14px; text-align:left}

#title {font-family: Arial, Helvetica, sans-serif; font-size:13px; text-align:left; font-weight:bold}

/* new Sermon Outline */
#sermontit {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;padding-right:5px;}
#sermonsub {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;border-top-style:solid; border-top-color: #004000; border-top-width:2px}

/* body box */
#content{
  	width: 560px;
  	height:375px;
  	overflow:auto;
}

#contentinner{padding-top:10px; padding-left:10px; padding-right:10px; background-color:#FFFFFF
}


/* Links */
#Topnav:link {color: #EE0000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top: 5px; font-weight:bolder;}
#Topnav:visited {color: #EE0000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top: 5px; font-weight:bolder;}
#Topnav:hover {color: #550000}

#sidenav:link {font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #FFFFFF; text-decoration:none}
#sidenav:visited {font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #FFFFFF; text-decoration:none}
#sidenav:hover {color: #CCFF66;}

#left:link {font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #99CC00; text-decoration:none}
#left:visited {font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #99CC00; text-decoration:none}
#left:hover {color: #CCFF00;}

#readmore:link {font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #4A4A4A; text-decoration:underline;}
#readmore:visited {font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #4A4A4A; text-decoration:underline}
#readmore:hover {font-size:12px; text-decoration:none}

#nav:link {font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight:bolder; font-size:12px; text-align:justify; text-decoration:none;}
#nav:visited {font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight:bolder; font-size:12px; text-align:justify; text-decoration:none;}
#nav:hover {color: #FF4040;}

#navbot:link { font-family: Arial, Helvetica, sans-serif; color: #EE0000; font-weight:bolder; font-size:11px; text-decoration:none;}
#navbot:visited { font-family:Arial, Helvetica, sans-serif; color: #EE0000; font-weight:bolder; font-size:11px; text-decoration:none;}
#navbot:hover {color: #880000; text-decoration:underline}

#botnav:link {color: #000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bolder;}
#botnav:visited {color: #000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bolder;}
#botnav:hover {color: #FF0000;}

#camnav:link {color: #000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bolder;}
#camnav:visited {color: #000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bolder;}
#camnav:hover {text-decoration:underline;}

#slist:link {color: #FF0000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#slist:visited {color: #FF0000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#slist:hover {text-decoration:underline}

#toplist:link {color: #818181; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#toplist:visited {color: #818181; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#toplist:hover {color: #1C78DF;}

/* flash design */
.divfl {padding: 5px 5px 5px 5px}

/* DESIGN for DROP DOWN MENU */
td.bottom:link,td.bottom:visited {opacity:-0.3;filter:alpha(opacity=-30);}
td.bottom:hover,td.bottom:active {opacity:0.9;filter:alpha(opacity=90);}


a.bottom:link,a.bottom:visited {color: #FF0066; text-transform: uppercase;font: bold 14px arial, helvetica, sans-serif; text-decoration:none;}
a.bottom:hover,a.bottom:active {color: #FF66FF; font-weight:bolder}

#menu {
width: 100%;
background: #eeeeee;
float: center;
} /* property as a whole */

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 128.5px;
float: left;
}

/* property of UL*/

#menu ul.home {
list-style: none;
margin: 0;
padding: 0;
width: 128px;
float: left;
}

#menu ul.lists {
list-style: none;
margin: 0;
padding: 0;
width: 128px;
float: left;
}

#menu ul.menu {
list-style: none;
margin: 0;
padding: 0;
width: 128px;
float: left;
}
 
#menu a, #menu h2 {
font: bold 11px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 10px 10px;
}

#menu h2 {
color: #fff;
background-color: #1D1D1D;
text-transform: uppercase;
}

/* property of H2*/
 
#menu h2.menu {
color: #EAEAEA;
background-color: #232323;
text-transform: uppercase;
}

#menu h2.menu:hover,#menu h2.menu:active {
color: #FF0000;
}


/* property of <a>*/
#menu a.home:link,#menu a.home:visited {color: #FFA4A4;background: #A80000;text-transform: uppercase; font-size:13px; font-weight:bolder;padding: 9px 9px; border:thin #A80000 outset; text-decoration:none}
#menu a.home:hover,#menu a.home:active {background: #970000;}

#menu a.lists:link,#menu a.lists:visited {color: #1C1C1C; background: #EBFFD7;text-transform: uppercase;font: bold 11px arial, helvetica, sans-serif;display: block;border-width: 1px; border-style: solid;border-color: #ccc #888 #555 #bbb; margin: 0;
padding: 7px 7px; text-decoration:none}
#menu a.lists:hover,#menu a.lists:active {color: #428400;background: #243906; font-weight:bolder}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500
}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
 
div#menu ul ul {
display:none;
}
 
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
 
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}