@charset "utf-8";

/*
CSS Document
author=ayan nath
email=ayan26@gmail.com
ph=9874427230
*/


*{
	margin:0; padding:0; outline:none; list-style:none; text-decoration:none;}
body{
	background:url(../images/body_bg.gif) repeat-x 0 0 fixed #e7f5fa; color:#000; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;}
img{
	border:none;}
.clear{
	font-size:0; line-height:0; clear:both;}
.noBg{
	background:none!important;}
.noPad{
	padding:0!important;}
.textTransformNone{
	text-transform:none!important;}
#mainDiv{
	width:926px; margin:auto; background-color:#FFF;}
	
/*----------- general style -----------*/

h2{
	background:#c3e8fb; padding:0 0 0 10px; text-transform:capitalize; font:bold 12px/24px Verdana, Arial, Helvetica, sans-serif; color:#206e92;}
h2 a{
	color:#206e92;}
h3{
	font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; color:#206e92; text-decoration:underline; margin:5px 0 10px 0; padding:0 0 0 20px; background:url(../images/lft-panel_bullets-hvr.gif) no-repeat 0 4px;}
h3 a{
	color:#206e92; text-transform:capitalize;}

/*----------- general style -----------*/


/*----------- header starts -----------*/

#logo{
	width:330px; float:left; padding:0 0 0 10px; clear:both;}
#logo a{
	display:block; color:#0468b1; width:330px; height:80px; background:url(../images/logo.gif) no-repeat 0 0; text-indent:-9999px;}
#topNav{
	float:right; width:auto;}
#topNav ul{
	padding:45px 10px 0 0; height:35px; float:right;}
#topNav ul li{
	float:left; width:auto; height:35px; padding-right:1px;}
#topNav ul li a{
	width:auto; height:35px; display:block; float:left; padding:0 18px 0 0;
	background:url(../images/top-nav_btn-bg.gif) no-repeat right bottom;}
#topNav ul li a b{
	width:auto; height:35px; display:block; text-transform:capitalize; float:left;
	color:#207091; font:bold 12px/35px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 18px;
	background:url(../images/top-nav_btn-bg.gif) no-repeat left bottom; cursor:pointer;}
#topNav ul li a:hover{
	background:url(../images/top-nav_btn-bg.gif) no-repeat right top;}
#topNav ul li a:hover b{
	background:url(../images/top-nav_btn-bg.gif) repeat-x left top; color:#46b1d5;}
.banner{
	width:926px; float:left; clear:both; height:auto;
	border-top:2px solid #378ab7; border-bottom:2px solid #378ab7;}

#bodySec{
	padding:15px 0;}

/*----------- header ends -----------*/

/*----------- left panel starts -----------*/

#leftPanel{
	width:227px; padding:0 9px;}
#leftPanel ul.menu{
	padding:10px 0 30px 5px;}
#leftPanel ul.menu li{
	height:22px; width:214px; text-transform:capitalize;}
#leftPanel ul.menu li a{
	width:200px; height:22px; display:block; padding:0 0 0 18px;
	color:#000; font:normal 11px/22px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/lft-panel_bullets.gif) no-repeat 0 8px;}
#leftPanel ul.menu li a:hover{
	background:url(../images/lft-panel_bullets-hvr.gif) no-repeat 0 8px #f3fbff;
	color:#20718f;}
#leftPanel div.dwnld{
	width:205px; padding:10px 8px 30px 8px; border:1px solid #20718f; clear:both;}
#leftPanel div.dwnld h3{
	font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#378ab7; text-transform:capitalize;}
#leftPanel div.dwnld h3 a:hover{
	color:#50aee1;}
/*-----PIKU------*/
#leftPanel div.dwnldTop{
	width:205px; padding:10px 8px 30px 8px; border:1px solid #20718f; clear:both;}
#leftPanel div.dwnldTop h3{
	font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#206e92; text-transform:capitalize;}
#leftPanel div.dwnldTop p{
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#206e92;}
#leftPanel div.dwnldTop p a{
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#206e92; text-decoration:none;}
#leftPanel div.dwnldTop p a:hover{
	color:#49b2ff; text-decoration:none;}

/*-----PIKU------*/
.upNot a{
	color:#1f6f90; text-decoration:underline; background:url(../images/lft-panel_bullets-hvr.gif) no-repeat 0 0; padding:0 0 0 20px;}
.upNot a:hover{
	text-decoration:none !important;}
.upNot a:hover{
	text-decoration:underline;}
.blue{
	color:#1f6f90; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;}
.blue p{
	}
.blue p a{
	text-decoration:none; color:#246A8F;}
.blue p a:hover{
	color:#50aee1; text-decoration:none;}
.dwnldBtn{
	width:82px; height:20px; margin:-10px 0 0 128px;}
.dwnldBtn a{
	text-transform:capitalize; height:20px; width:82px; display:block;
	background:#1f6f90; color:#FFF; cursor:pointer; text-align:center;
	font:bold 11px/20px Verdana, Arial, Helvetica, sans-serif;}
.dwnldBtn a:hover{
	text-decoration:underline; background-color:#378ab7;}
	
#leftPanel div.skyBg{
	width:205px; padding:10px 8px 50px 8px; border:1px solid #20718f; position:relative;
	background:#c3e8fb; clear:both; margin:0 0 -30px 0; z-index:2;}
#leftPanel div.skyBg p{
	color:#206e92;
	font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif;}
#leftPanel div.skyBg a{
	color:#F00;}
.infoBdr{
	background:url(../images/info_bdr-btm.gif) no-repeat center center;
	height:1px; width:202px; margin:10px 0;}

/* login style */
#leftPanel div.login{
	padding:10px 0;}
#leftPanel div.login label{
	font:bold 12px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#505050;}
#leftPanel div.login input[type="text"]{
	border:1px solid #CCC; padding:3px; width:188px; color:#1f6f90;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;}
#leftPanel div.login input[type="password"]{
	border:1px solid #CCC; padding:3px; width:188px; color:#1f6f90;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;}
#leftPanel div.login input[type="button"]{
	width:60px; height:25px; background:#1f6f90; color:#FFF;
	font:bold 11px/25px Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;}
#leftPanel div.login a{
	text-decoration:underline; color:#f60;}
#leftPanel div.login a:hover{
	text-decoration:none;}
#leftPanel div.login p span{
	color:#378ab7; font:bold 12px/16px Verdana, Arial, Helvetica, sans-serif;}

/*----------- left panel ends -----------*/

/*----------- right box starts -----------*/

#rightBox{
	border-left:1px solid #e9e9e9; padding:0 15px 10px 15px;}
#rightBox h1{
	font:bold 15px/30px Verdana, Arial, Helvetica, sans-serif;
	color:#206f90; margin-bottom:30px; text-transform:capitalize;}
#rightBox h2{
	margin-bottom:10px;}
#rightBox p{
	margin:0 0 10px 0; text-align:justify;}
#rightBox p a{
	color:#378ab7; text-decoration:underline;}
#rightBox p a:hover{
	text-decoration:none;}
.readMore{
	clear:both; width:96px; height:26px; float:right;
	margin:0 5px 15px 0;}
.readMore a{
	background:url(../images/read-more_btn.gif) no-repeat left top;
	font:bold 10px/26px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 10px; height:26px; display:block; color:#378ab7;}
.readMore a:hover{
	color:#000;
	background:url(../images/read-more_btn.gif) no-repeat left bottom;}

.clmSection{
	padding:20px 0; border-bottom:2px solid #207091; clear:both;}
.clmSection div.boxContent{
	width:200px; float:left; padding:0 8px;}
.updateScroll{
	width:248px; height:100px; border:1px solid #207091;
	float:right; margin:-10px 10px 20px 10px; padding:12px;}
.lftLink{
	padding:0 0 20px 0;}
.lftLink li{
	clear:both; background:url(../images/lft-panel_bullets.gif) no-repeat 0 5px !important; padding-left:20px !important; margin:0 0 8px 0; font:bold 11px/18px Verdana, Arial, Helvetica, sans-serif;}
.lftLink li a{
	background:none!important;}

/*----------- right box ends -----------*/

/*----------- footer starts -----------*/

#footer{
	background:#ececec; padding:30px 20px 12px 20px;}
#footer div.skyBg{
	width:205px; padding:10px 8px; border:1px solid #20718f;
	background:#c3e8fb; clear:both; border-top:none;}
#footer div.footerLink{
	margin:auto; width:820px; padding:10px 0; text-align:center;}
#footer a{
	text-transform:capitalize; color:#666; text-decoration:underline;}
#footer a:hover{
	text-decoration:none;}

/*----------- footer ends -----------*/

/*----------- body three section -----------*/

#colmn{
	margin:0 0 -5px 0; clear:both;}
#colmn td{
	padding:0 6px 20px 6px;}
.blueBg{
	background:#f3fbff; border:1px solid #c3e8fb;}
.blueBox{
	width:210px; padding:2px 6px; border:1px solid #c3e8fb;}
#colmn li{
	margin-bottom:5px; padding:0 0 0 10px;
	background:url(../images/colmn_bults.gif) no-repeat 0 8px;}
#colmn a{
	color:#1f6f90; text-transform:none;}
#colmn a:hover{
	color:#50aee1;}

#journal{
	padding:0 0 30px 0;}
#journal li{
	width:580px; height:20px; clear:both; padding:0 10px 0 0;
	background-color:#f3fbff; margin:0 0 2px 0;}
#journal li:first-letter{
	text-transform:uppercase;}
#journal li a{
	color:#000; border-left:4px solid #378ab7; height:20px;
	line-height:20px; display:block; padding-left:10px;}
#journal li a:hover{
	text-decoration:underline; border-left:4px solid #49b2ff;}

/*----------- body three section ends -----------*/

/*---- home starts ----*/

.newUpdate{
	padding:0 0 2px 0!important;}
.newUpdate li{
	padding:8px 0 8px 0!important; background:none!important; border-bottom:2px solid #eee;}

/*---- home ends ----*/

/*---- about us starts ----*/

#presidentialCrumbs{
	padding:20px 0; clear:both; margin-bottom:30px;}
#presidentialCrumbs li{
	float:left; width:auto; height:20px; margin-right:5px;}
#presidentialCrumbs li a{
	background:#378ab7; border:1px solid #206e92; color:#fff; float:left;
	font:bold 12px/20px Verdana, Arial, Helvetica, sans-serif; padding:0 8px;
	text-decoration:none; width:auto; height:20px; display:block; text-transform:capitalize;}
#presidentialCrumbs li a:hover,
#presidentialCrumbs li a.current{
	background-color:#fff; color:#206e92;}

/*---- about us ends ----*/

/*---- membership starts ----*/

.guideline li{
	margin:0 0 6px 35px; list-style-type:decimal;}
.guideline li a{
	color:#378ab7; text-decoration:underline;}
.guideline li a:hover{
	text-decoration:none;}
#member{
	margin:20px; border:2px solid #206e92; width:90%;}
#member td{
	padding:5px; border:1px solid #eee;}
.guideAns li{
	margin:0 0 6px 10px;}

/*---- membership ends ----*/

/*---- photogallery starts ----*/

#photoGallery{
	padding:}
#photoGallery li{
	float:left; width:150px; text-align:center; padding:15px;
	border:1px solid #ccc; margin:15px; height:130px;
	font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif;}
#photoGallery li a{
	color:#206e92;}
#photoGallery li a:hover{
	color:#000; text-decoration:underline;}
	
/*---- photogallery ends ----*/

.voteContainer{
	width:195px; padding:10px !important; border:1px solid #c3e8fb;}
.voteContainer fieldset{
	border:none;}
.update p a{
	text-decoration:none !important;}

/*---- PIKU ----*/
ul.tripati{
	padding:0 0 10px 20px;}
ul.tripati li{
	font:normal 10px/15px Verdana, Arial, Helvetica, sans-serif; color:#000; list-style:decimal; padding:0 0 5px 0;}
#president{
	margin:0 0 0 0;}
#president ul{
	padding:0px 0 0 10px;}
#president ul li{
	font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif; color:#000; list-style:none; padding:0 0 8px 0;}
#president ul li a{
	text-decoration:underline; color:#000;}
#president ul li a:hover{
	text-decoration:none; color:#000;}
	
#indexLinkone{
	margin:0 5px 5px 0; border:1px solid #c3e8fb;}
#indexLinkone ul{
	float:left; padding:10px 5px 10px 5px; margin:0 30px 0 0;}
#indexLinkone ul li{
	margin:0 0 0 0;}
#indexLinkone ul li a{
	font:bold 10px/22px Verdana, Arial, Helvetica, sans-serif; color:#246A8F; padding:0 0 0 0; text-decoration:none; width:170px; display:block;}
#indexLinkone ul li a:hover{
	text-decoration:underline; color:#246A8F;}
	
ul.leftlink{
	margin:0 0 0 10px;}
ul.leftlink li{
	list-style:none; }
ul.leftlink li a{
	background:url(../images/lft-panel_bullets.gif) no-repeat 0 center; font:bold 11px/22px Verdana, Arial, Helvetica, sans-serif; color:#246A8F;
	padding:0 0 0 15px; width:200px; display:block;}
ul.leftlink li a:hover{
	text-decoration:none; color:#0099FF;}

ul.allvisit{
	margin:0 0 0 10px;}
ul.allvisit li{
	list-style:none; }
ul.allvisit li a{
	background:url(../images/lft-panel_bullets.gif) no-repeat 0 center; font:bold 11px/22px Verdana, Arial, Helvetica, sans-serif; color:#246A8F;
	padding:0 0 0 15px; width:500px; display:block;}
ul.allvisit li a:hover{
	text-decoration:none; color:#0099FF;}
/*---- PIKU ----*/




/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */







/* Copyright © 2009 e-ips.org */