body{background:url(../images/bg-homepage.jpg) center top  no-repeat #392211; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; margin:0 auto;}

/*.wrapper{background:url(../images/pagebg.jpg) center 320px repeat-x #7E4929; margin:0 auto; width:980px;}
.subWrapper{background:url(../images/subbg.jpg) no-repeat; margin:0; padding:0 10px; width:960px;}*/
.wrapper{background:url(../images/pagebg.jpg) center 320px repeat-x #7E4929; margin:0 auto; width:980px;}
.subWrapper{background:url(../images/subbg.jpg) no-repeat; margin:0 auto;}
/*header*/
.logo{padding-left:20px; width:160px;}
.flLeft{float:left;}
.flRight{float:right;}
.textArea{color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; padding:10px 0 15px 10px; line-height:26px; text-shadow:0 2px 0 #000; text-align:right;}
.clear{clear:both;}

.navigation{background:url(../images/bg-menu.jpg) top no-repeat; margin:10px 0 0 0; /*width:720px;*/}
.navigation ol{ padding:0 0 0 30px;width:750px;}
.navigation ol li{float:left; font-weight:bold; list-style:none;}
.navigation ol li a{background:url(../images/menu-divider.gif) center right no-repeat; color:#CCCCCC;  display:block; #display:inline-block;text-decoration:none; font-size:12px; padding:8px 15px 8px 13px;}
.navigation ol li a:hover{color:#F6AE3F;}
#home .home a, #about .about a, #pift .pift a, #entrye .entrye a, #org .org a, #spon .spon a, #2007 .2007 a{color:#F6AE3F;}

.banner{border:5px solid #4a2b17; color:#fff; font-size:1px;}
/*Common class*/
h1{color:#392211; font-size:22px; font-family:Georgia, "Times New Roman", Times, serif;}
h2{color:#D9C4B7; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif;}
h3{color:#fff; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}

/*main content*/
.content{padding:0; width:730px;}

/*leftPannel*/

.leftPannel{ padding-left:10px; width:220px; }
.leftNav{}
.leftNav ol{padding:10px;}
.leftNav ol li{list-style:none; background:url(../images/left-divider.gif) left bottom no-repeat;}
.leftNav ol li a{background:url(../images/bullet.gif) 0 10px no-repeat; color:#CCA079; display:block;font-size:11px; font-weight:bold; padding:5px 0 5px 15px; text-decoration:none;}
.leftNav ol li a:hover{color:#fff;}
.back{background:url(../images/back.jpg) no-repeat; margin-top:10px; padding:100px 0 5px 10px;}
.back a{color:#181C1D; text-decoration:none;}
.leftBot{margin-top:20px; width:230px; color:#fff;}
.leftBot ol li{background:url(../images/divider.gif) left bottom no-repeat; display:block; margin-bottom:10px; padding:10px 0;}
.leftBot a{color: #FF9900;}

.colWhite{color:#fff; text-decoration:none;}
/*midPannel*/

.midPannel{width:480px;}
.midMid{background:url(../images/midsecbg.jpg) no-repeat; color:#7E4929; font-size:12px; margin-top:10px; padding:10px 20px; clear:both;}
.midMid ol{margin-top:15px;}
.midMid ol li{list-style:none; float:left;}
.midMid ol li a{background:url(../images/bullet1.gif) 0 10px no-repeat; color:#392211; display:block; #display:inline-block; font-size:11px; font-weight:bold; padding:5px 30px 5px 15px; text-decoration:none;}
.midBot{float:left;}
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
 width:480px; color:#FEEFE0;
 
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0px;
 padding: 5px 0 10px 20px;
 font: bold 14px Georgia, "Times New Roman", Times, serif
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 0;
 text-decoration: none;
 padding:5px 20px 5px 10px;
}

ul.tabbernav li a:link { color: #D7A282;}
ul.tabbernav li a:visited { color: #999; }

ul.tabbernav li a:hover
{
 color: #000;
}

ul.tabbernav li.tabberactive a
{
color:#fff;
 background: url(../images/tabberbg.jpg) repeat-x;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #fff;
 background: url(../images/tabberbg.jpg) repeat-x;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 margin:0 10px;
 width:460px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}
.tabberlive .tabbertab td{line-height:25px;}
.tabberlive .tabbertab .empty{width:30px; margin-right:20px;}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h6 {
 display:none;
}
.tabberlive .tabbertab h6 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


/*rightPannel*/
.rightPannel{color:#D3C6C3; width:240px;}
.rightPannel .rightTop{padding-right:10px;}
.rightPannel .rightTop a{color:#BEABA6; text-decoration:none;}
.rightPannel .rightTop a:hover{color:#fff; text-decoration:none;}
.rightPannel .rightMid{background:url(../images/submitbg.jpg) no-repeat; color:#392211; float:left; margin-top:20px; padding:10px 0; width:220px;}
.rightPannel .rightMid a{color:#392211; text-decoration:none;}
.rightPannel .rightMid a:hover{color:#000000; text-decoration:none;}
.rightPannel .rightBot{float:left; width:220px;}
.rightPannel .rightBot ol{ padding:20px;}
.rightPannel .rightBot ol li{background:url(../images/divider.gif) left bottom no-repeat; list-style:none; padding:5px 0 0 0;}
.rightPannel .rightBot ol li a{background:url(../images/bullet2.gif) 0 10px no-repeat; color:#D7A282; font-size:11px; font-weight:bold; padding:5px 0 5px 15px; text-decoration:none;}
.rightPannel .rightBot ol li a:hover{color:#fff;}

/*footer*/
.footer{background:url(../images/bg-bottom.jpg) center bottom no-repeat; color:#E1E3E4; height:174px; padding:10px; margin:0 auto;}
.footerIn{margin: 0 auto; width:960px;}
.footer a{color:#CCCCCC;}
.footer ol{margin:0; padding:0; display:block; width:960px;}
.footer li{margin:0 0 10px 0; padding:0 10px 0 10px; float:left; border-right:#333333 1px solid;}
.footer li a{color:#CCCCCC;}
.footer li a:hover{color:#999999;}


/* Clear Fix */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}



/* Internal Page*/
.pageIn{background:url(../images/pageinbg.jpg) repeat-x #fff; color:#666; font-size:12px; min-height:800px; height:auto !important; padding:20px 20px 40px 20px; width:680px; overflow:hidden; text-align:justify;}
.pageIn label{text-align:left;}
h4{color:#7A4728; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold;}
.pageIn a{color:#FF6600; text-decoration:none;}
.pageIn a:hover{color:#990000;}
/* Data Filters */
.dataFilters{background-color:#fff; border-top:1px solid #eee; padding:10px;}
.filterHeadOpen{background:url(../images/icons/minus.jpg) right center no-repeat; color:#666; font-size:14px; display:block; padding-left:0px; outline-style:none; text-decoration:none;}
.filterHeadClose{background:url(../images/icons/plus.jpg) right center no-repeat; color:#666; font-size:14px; display:block; padding-left:0px; outline-style:none; text-decoration:none;}
.dataFilters ol{margin:10px 0 20px 0;}
.dataFilters ol li{background:url(../images/bullet3.gif) 0 5px no-repeat; color:#666; display:block;font-size:11px; padding:0 0 0 15px; text-decoration:none;}/*
.dataFilters ol li.buttons{height:auto;}
.dataFilters ol li label{display:block; padding-bottom:5px;}
.dataFilters ol li .blueInput{}*/
.dataFilters ol li.subli{background:url(../images/bullet3.gif) 0 5px no-repeat; color:#666; display:block; font-size:11px; margin:0 0 0 40px; padding:0 0 0 20px; text-decoration:none;}
.dataFilters ol li a{}
.dataFilters select{width:auto !important;}
#filters{display:none;}

/*sponsors*/
.sponsors{padding-top:20px;}
/*.sponsorsdetails{background:url(../images/sponsorsbg.jpg) repeat-x;}
*/.pageIn 
table{border-top:1px solid #CEC4B5; border-left:1px solid #CEC4B5; font-size:12px; margin-top:10px;}
table th{border-bottom:1px solid #CEC4B5; border-right:1px solid #CEC4B5; background:#F0E6CE; font-weight:bold; padding:5px 10px;}
table td{border-bottom:1px solid #CEC4B5; border-right:1px solid #CEC4B5; padding:5px 10px;}
.row{background:#F8F5EF;}

/* Page Content */
/*.pageArea{padding:10px 0 0 15px;; width:955px; clear:both; margin:0 auto;}
*/.pageContent{padding:0; margin:0 0 10px 0; width:680px; font-family: Arial,"Franklin Gothic Medium"; font-size:13px; color:#333; float:left;}
.pageContent h6{margin:0 0 5px 0; padding:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#333; font-weight:normal; border-bottom:1px solid #AB756C;}
.pageContent h5{margin:20px 0 5px 0; padding:10px 0 0 0; font-size:18px; color:#911D1A; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; border-top:1px solid #F7D2CE;}
.pageContent h2{margin:0; padding:0 0 0 5px; font-size:13px; height:20px; color:#fff; font-family:"Franklin Gothic Medium", Arial; background:url(../images/h2bg.png) repeat-x left top;}
.pageContent.text{margin:0; padding:0 0 0 5px; font-size:13px; color:#fff; font-family:"Franklin Gothic Medium", Arial;}


.pageContent ol{margin:0; padding:0;}
.pageContent ol li{margin:0 0 5px 20px; padding:0 0 5px 20px; list-style:none; background:url(../images/bullet.gif) no-repeat left 5px;}
.pageContent ol li.subli{margin:0 0 5px 50px; padding:0 0 5px 20px; list-style:none; background:url(../images/bullet-sub.gif) no-repeat left 5px;}
.pageContent a{color:#FF9900;}
.pageContent a:hover{color:#FF3300;}

.rightBarTab{margin:0; padding:0; width:240px; float:right; font-family:Arial; font-size:12px; color:#000;}
.border{border:1px solid #AB756C;}
.bord{border:1px solid #000;}

/* committee page */
.commit{margin:0; padding:0; list-style:none;}
.commit ul{margin:0; padding:5px 5px 5px 0;}
.commit ul li{padding:5px 10px 10px 0; margin:0; list-style:none; width:210px; float:left;}
.commit b{ color:#A4362B; font:"Franklin Gothic Medium"; font-weight:bold;}


/* Form */
.enquiry{padding:0 10px; margin:0; float:left; position:relative; width:97%;}
.enquiry ul{padding:0;}
.enquiry ul li{background:none; border-bottom:1px solid #F1E6C0; padding:13px; }
.enquiry label{width:215px; float:left;}
/*input, textarea, select{font-family:Arial, Helvetica, sans-serif; font-size:12px; width:250px; height:17px;}*/
.mandatoryStar{color:#FF0000; font-weight:normal; font-size:14px;}
/*.button{font-family:Verdana; font-size:11px; font-weight:normal; color:#000; text-decoration:none; height:22px; width:82px; border:1px solid #000066; background:url(../images/button-submit.gif) no-repeat; border:none;}
*/.enquiry .noBorder{border:none;}
.enquiry .row1{background-color:#FFFFF0;}

.subNavInner{padding:0; background:#F9F4DD; width:190px;}
.subNavInner ul{padding:10px;}
.subNavInner ul li{border-bottom:1px dotted #E7D6C2; padding:3px 0 3px 0; display:block; #display:inline-block;}
.subNavInner ul li a{margin:0 0 0 5px; padding:5px 0 5px 20px; background:url(../images/icons/arrow1.gif) no-repeat 5px 10px; display:block; #display:inline-block; color:#333; text-decoration:none; width:145px;}
.subNavInner ul li a:hover{background-color:#F4E7B9;}
.subNavInner ul li a.current{color:#802F09; background-color:#F4E7B9; font-weight:bold;}
.productContent{width:500px; text-align:justify;}

/*Photo gallery*/
.photo{height:585px;}


#piff02, #piff03, #piff05, #piff06, #piff07, #piff08, #piff09{display:none;}
