/* ::::: http://www.feufern.edu.ph/inc/style_ferns.css ::::: */

body, form, img, p, a { margin: 0px; padding: 0px; }
div#masthead, #buddy, #shoo { margin: 0px; padding: 0px; float: left; width: 770px; background-color: rgb(255, 255, 255); }
body { margin: 0px; padding: 0px; text-align: center; color: rgb(96, 96, 96); background-color: rgb(245, 247, 208); font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; min-width: 770px; }
div#container { margin: 0pt auto; padding: 0px; text-align: left; width: 770px; }
div#masthead { border-top: 1px solid rgb(234, 234, 234); border-left: 1px solid rgb(234, 234, 234); border-right: 1px solid rgb(234, 234, 234); height: 215px; }
div#logo { margin: 0px; padding: 0px; width: 170px; height: 180px; float: left; }
div#topnavi { margin: 0px; padding: 0px; width: 600px; height: 25px; float: left; }
#topnavi ul { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; }
#topnavi ul li { margin: 0px; padding: 0px; float: left; }
#topnavi ul li a:hover { text-decoration: none; }
div#banner { margin: 0px; padding: 0px; float: right; width: 600px; height: 190px; text-align: left; background-image: url('bg_feufernlogo_txt.gif'); background-repeat: repeat-x; }
div#buddy { border-left: 1px solid rgb(234, 234, 234); border-right: 1px solid rgb(234, 234, 234); background: rgb(255, 255, 255) url('bg_leftnavi.gif') no-repeat; }
div#leftnavi { margin: 0px 0px 20px; padding: 0px; float: left; width: 170px; min-height: 260px; }
* html div#leftnavi { height: 250px; }
#leftnavi h5 { margin: 0px 0px 1px 2px; padding: 3px 5px; background: transparent url('bttn_bg.gif') repeat-y scroll center; font-size: 12px; }
#leftnavi h5:hover { background: transparent url('bttn_bg2.gif') repeat-y scroll center; }
#leftnavi p { margin: 0px 0px 1px 2px; background-color: rgb(223, 235, 152); }
#leftnavi a.innerleft { margin: 0px; padding: 0px 0px 2px 30px; font-size: 10px; color: rgb(80, 128, 0); }
#leftnavi a.innerleft:hover { color: rgb(0, 0, 0); text-decoration: underline; }
#leftnavi a.leftnavtitles { margin: 0px; padding: 0px; width: 100%; display: block; font-size: 12px; color: rgb(24, 64, 0); }
#leftnavi a.leftnavtitles:hover { background: transparent url('bttn_bg2.gif') repeat-y scroll center; color: rgb(24, 64, 0); }
div#content { border-left: 1px solid rgb(242, 242, 242); margin: 0px; padding: 0px 0px 10px; float: right; width: 599px; }
#content table { border-collapse: collapse; }
#cal_coll { border: 1px solid rgb(234, 234, 234); width: 175px; float: right; margin-left: 7px; margin-right: 7px; }
#insidefeu p { margin: 0px 20px; font-size: 9px; }
#insidefeu img { margin-top: 10px; }
#cal_coll_complete { margin: 0px; width: 100%; }
#cal_coll_complete th p { margin: 3px; padding: 0px; font-size: 12px; }
#cal_coll_complete td p { margin: 3px 10px; padding: 0px; font-size: 10px; }
#cal_note { margin: 15px 0px 5px; float: right; clear: left; }
#tfs_coll { margin: 0px 0px 10px; float: right; width: 599px; }
#tfs_coll_table { float: left; width: 250px; }
.caption { text-align: left; color: Blue; }
#tfs_coll_table td p { margin: 2px 0px 1px 25px; padding: 0px; font-size: 10px; }
#tfs_basic { float: left; width: 599px; clear: left; }
#tfs_basic_table { float: left; width: 250px; }
#tfs_basic_table td p { margin: 2px 0px 1px 25px; padding: 0px; font-size: 10px; }
#homex { margin: 0px 10px 10px; padding: 0px; float: right; width: 240px; height: 307px; display: inline; }
#homex a:hover img { opacity: 0.8; }
#content h3 { margin: 0px; padding: 7px 10px; font-family: Arial,Helvetica,sans-serif; font-size: 18px; color: rgb(0, 90, 37); }
#content h5 { margin: 0px 10px; padding: 7px 0px 1px; font-size: 14px; }
#content p { margin: 0px; padding: 7px 10px; }
.photos { text-align: center; margin-bottom: 10px; }
#coll-fac h5, #high-fac h5, #trustees h5 { border: medium none ; margin: 0px 0px 1px 12px; padding: 0px; font-size: 13px; }
#coll-fac p, #high-fac p, #trustees p { margin: 0px 0px 5px 22px; padding: 0px; font-size: 10px; }
#trustees img { margin: 10px 0px 0px 22px; }
html > body #bed_dir { margin: 0px 10px; padding: 0px; float: left; }
* html body #bed_dir { margin: 0px 10px 0px 6px; padding: 0px; float: left; }
html > body #campuslife { margin: 0px 15px 5px 10px; padding: 0px; float: right; }
* html body #campuslife { margin: 0px 7px 0px 9px; padding: 0px; float: right; }
#content p.notes { padding: 0px 10px 7px; font-size: 10px; color: rgb(153, 153, 153); }
#content span.notes { padding: 0px 10px 7px 0px; font-size: 10px; color: rgb(153, 153, 153); }
#content ul, ol { margin: 2px 5px 7px 40px; padding: 0px; }
#content ul li, #content ol li { margin: 0px; padding: 0px; }
#content ul { list-style-type: disc; }
#content ol { list-style-type: decimal; }
#content ol.list_letters { margin: 7px 5px 10px 40px; padding: 0px; list-style-type: lower-alpha; }
.return a { margin: 10px 10px 7px; float: right; font-size: 11px; text-decoration: none; color: rgb(169, 169, 169); }
.return a:hover { margin: 10px 10px 7px; float: right; font-size: 11px; text-decoration: underline; color: rgb(227, 228, 111); }
div#shoo { border-left: 1px solid rgb(234, 234, 234); border-right: 1px solid rgb(234, 234, 234); border-bottom: 1px solid rgb(234, 234, 234); background: rgb(80, 128, 0) url('bg_footer.gif') repeat-x; clear: both; }
#shoo p { margin: 0px; padding: 24px 5px 5px; text-align: right; font-size: 10px; color: rgb(55, 89, 0); }
#shoo a { margin: 0px; padding: 0px; font-size: 10px; color: rgb(55, 89, 0); }
#shoo a:hover { margin: 0px; padding: 0px; font-size: 10px; color: rgb(191, 215, 48); }
.box { border: 1px solid Silver; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
#calendar tr td { border: 1px solid rgb(217, 217, 217); padding: 1px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
#calendar tr th { border: 1px dotted rgb(217, 217, 217); }
#calendar tr.selected td { border: 1px solid rgb(217, 217, 217); background-color: rgb(255, 192, 0); color: rgb(255, 255, 255); font-weight: bold; }
#calendar tr.parte td { border: 1px solid rgb(217, 217, 217); background-color: rgb(255, 255, 255); color: rgb(96, 96, 96); font-weight: normal; }
a { color: rgb(102, 102, 102); text-decoration: none; }
a:hover { color: rgb(223, 235, 151); text-decoration: none; }
#l1 { margin: 0pt auto; width: 250px; text-align: center; }
#l2, #l3, #l4, #l5 { float: left; width: 299px; text-align: center; }

/* ::::: http://www.feufern.edu.ph/chrometheme/chromestyle.css ::::: */

#chromemenu { width: 600px; }
#chromemenu:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
#chromemenu ul { border-top: 0px none; border-right: 0px none; margin: 0pt; background: transparent url('chromebg.gif') repeat-x; width: 100%; height: 25px; padding-left: 0pt; float: left; font-family: "Lucida San Unicode",Verdana,Geneva,Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; }
#chromemenu ul li { border-right: 1px solid rgb(144, 182, 9); display: inline; }
#chromemenu ul li.lastnavi { border-right: 0px solid Fuchsia; }
#chromemenu ul li a { padding: 5px 10px 3px; font-size: 12px; color: rgb(223, 235, 152); display: block; float: left; height: 17px; font-weight: bold; text-decoration: none; vertical-align: middle; }
.lastborder { margin-right: 12px; }
#chromemenu ul li a:hover { background: rgb(255, 192, 0) none repeat; color: rgb(24, 64, 0); }
#chromemenu ul li a[onmouseover]:after {  }
.dropmenudiv { background: rgb(45, 118, 0) none repeat; position: absolute; top: 0pt; font-family: "Lucida Sans Unicode",Verdana,Geneva,Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-size-adjust: none; font-stretch: normal; line-height: 15px; z-index: 100; width: 200px; visibility: hidden; }
.dropmenudiv a { border-left: 1px solid rgb(144, 182, 9); border-right: 1px solid rgb(144, 182, 9); border-bottom: 1px solid rgb(144, 182, 9); padding: 2px 0pt; width: 100%; display: block; text-indent: 10px; text-decoration: none; color: rgb(223, 235, 152); }
.dropmenudiv a:hover { color: rgb(24, 64, 0); background-color: rgb(255, 192, 0); }
.dropmenuright { border: 1px solid rgb(255, 255, 255); position: absolute; top: auto; left: 30px; font-family: "Lucida San Unicode",Verdana,Geneva,Arial,Helvetica,sans-serif; font-style: italic; font-variant: normal; font-weight: normal; font-size: 11px; font-size-adjust: none; font-stretch: normal; line-height: 15px; z-index: 100; background-color: rgb(255, 192, 0); width: 200px; visibility: hidden; }
.dropmenuright a { border-bottom: 1px solid rgb(255, 255, 255); padding: 2px 0pt; width: 100%; display: block; text-indent: 3px; text-decoration: none; font-weight: bold; color: black; }
.dropmenuright a:hover { background-color: rgb(151, 187, 29); }

/* ::::: http://www.feufern.edu.ph/inc/lightbox.css ::::: */

body { margin: 0px; padding: 0px; }
#lightbox { position: absolute; top: 40px; left: 0pt; width: 100%; z-index: 100; text-align: center; line-height: 0pt; }
#lightbox a img { border: medium none ; }
#outerImageContainer { margin: 0pt auto; position: relative; background-color: rgb(245, 247, 208); width: 250px; height: 250px; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0pt; }
#hoverNav { position: absolute; top: 0pt; left: 0pt; height: 100%; width: 100%; z-index: 10; }
#imageContainer > #hoverNav { left: 0pt; }
#hoverNav a { outline-color: invert; outline-style: none; outline-width: medium; }
#prevLink, #nextLink { background: transparent url('blank.gif') no-repeat; width: 49%; height: 100%; display: block; }
#prevLink { left: 0pt; float: left; }
#nextLink { right: 0pt; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: transparent url('prevlabel.gif') no-repeat scroll left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: transparent url('nextlabel.gif') no-repeat scroll right 15%; }
#imageDataContainer { margin: 0pt auto; font-family: Verdana,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; font-size-adjust: none; font-stretch: normal; background-color: rgb(245, 247, 208); line-height: 1.4em; }
#imageData { padding: 0pt 10px; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; }
#overlay { position: absolute; top: 0pt; left: 0pt; z-index: 90; width: 100%; height: 500px; background-color: transparent; opacity: 0.6; }
.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
* html > body .clearfix { width: 100%; }
* html .clearfix { height: 1%; }