* {
	margin: 0px;
	padding: 0px;
}
#main {
	width: 850px;
	text-align: left;
}
body {
	background-color: #000000;
	font-size: 15px;
}
body a
{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 15px;
}
#banner 
{
	height: 236px;
	width: 850px;
}
#bannerLeft 
{
	background-image: url(../images/logoBg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 175px;
	width: 448px;
	padding-top: 61px;
	padding-left: 64px;
	vertical-align:top;
}
#bannerRight 
{
	height: 236px;
	width: 338px;
}
#container
{
	width:810px;
	background-color: #1B1612;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#leftPanel 
{
	width: 176px;
	padding-right: 10px;
}
#leftPanelMenu 
{
	background-image: url(../images/leftMenuBg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 176px;
}
#leftPanelMenu li 
{
	background-image: url(../images/leftMenuSeperator.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-type: none;
}
#leftPanelMenu a 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #B77C63;
	text-decoration: none;
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left: 25px;
}
#leftPanelMenu a:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFAD8A;
	text-decoration: none;
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left: 25px;
}
#leftPanelMenu a.leftPanelActive 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFAD8A;
	text-decoration: none;
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left: 25px;
}
.seperator 
{
	height: 10px;
}
#rightPanel 
{
	width: 629px;
	padding-left:10px;
}
#photoGallery 
{
	background-color: #000000;
	width: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#photoGallery li 
{
	display: inline;
	list-style-type: none;
	vertical-align: middle;
}
.nav 
{
	vertical-align: middle;
	width: 27px;
	text-align: center;
}
.welcomeText 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #A4908B;
	padding-top: 4px;
	padding-bottom: 8px;
	text-align:justify;
}
.welcomeText a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #A4908B;
	padding-top: 4px;
	padding-bottom: 8px;
	text-align:justify;
}
.smallText 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	color: #A4908B;
	padding-top: 4px;
	padding-bottom: 8px;
	text-align:justify;
}
.rightLink 
{
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
}
a.morelink 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
a.morelink:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}
.heading 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 35px;
	color: /*#B77C63;*/#B59353;
	background-image: url(../images/headingBg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 35px;
	padding-left: 10px;
}
.title 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 35px;
	color: #B77C63;
}
.title a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	line-height: 35px;
	color: #B77C63;
}
/*.eventsMainLeft
{
	width: 330px;
}
.eventsMainSeperator
{
	width: 310px;
}
.eventsMainRight
{
	width: 284px;
}*/
.eventsText 
{
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
a.newsHeading 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #D1B7B1;
	text-decoration: none;
}
.date 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.edate 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E06333;
}
.etitle 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B77C63;
	font-weight: bold;
}

a.etitle 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B77C63;
	text-decoration:underline;
}

a.etitle:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B77C63;
	text-decoration: underline;
}
.day 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #A4908B;
}
a.eventsHeading 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #A4908B;
	text-decoration: none;
}
#footer
{
	width:850px;
	height:50px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A4908B;
}
#footer div 
{
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer a 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #AEAEAE;
	font-size: 12px;
	font-weight:normal;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
#footer a:hover 
{
	color: #AEAEAE;
	text-decoration: underline;
	padding-right: 5px;
	padding-left: 5px;
}
/*************************************************************/
.stepcarousel
{
	position: relative; /*leave this value alone*/
	border: 10px solid black;
	overflow: scroll; /*leave this value alone*/
	width: 550px; /*Width of Carousel Viewer itself*/
	height: 225px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt
{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel
{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 20px 20px 20px 0px; /*margin around each panel*/
	width: 170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/******************** Expand View ********************/
.imgPad
{
	padding:3px 3px 3px 3px;
}
.imgBorder
{
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=4);*/
	border-width: 1px;
	border-style: solid; 
	border-color:#666666;
	text-align:left;
}
/********* Added by Swati *****************/
.dottedLine
{
	background:url(../images/dot.gif) repeat-x bottom; 
	padding-bottom:3px; 
}
.photoTable
{
	border-top:10px solid;
	border-left:10px solid;
	border-color:#000000;
}
.photoTable tr td
{
	border-bottom:10px solid;
	border-right:10px solid;
	border-color:#000000;
}
.nophotoTable tr td
{
	border-bottom:0px solid;
	border-right:0px solid;
	border-color:#000000;
}

.txtInput,textarea
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11pt;
	background-color: #cbcbcb;
    color:#000000;
    border:1px solid;
    border-color:#777777;
}

.frmButton, submit 
{
	background-color: #c0c0c0;
	font-family: verdana;
	border: #c0c0c0 2px solid;
	font-size: 12px;
	font-weight: bold;
	color: #000000;

}

.headingPage
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #B59353;
	font-weight: normal;
}
.headingPage a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #B59353;
	text-decoration: underline;
	font-weight: normal;
}
.headingPage a:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #B59353;
	text-decoration: underline;
	font-weight: normal;
}
.bgTd
{
	background-color: #000000;
	padding-left:10px;
	padding-right:10px;
}
.efee_one
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B59353;
	text-decoration: none;
}
.efee_two
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #B59353;
	font-weight: bold;
}
.txtCalHead
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	/*color: #FFBE00;*/
	color: #FFFFFF;
	background-color:#898989;
	text-decoration: none;
	font-weight:bold;
}
.txtWhiteBoldMed
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}
.txtVid
{
	height: 70px;
	/*width: 40px;*/
	/*background-color:#000000;*/
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #b77c63;
	font-weight: bold;

}

/*******************************************************************/


.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;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #3a322b;
 font: bold 12px Arial, Verdana, sans-serif;
 
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 5px 20px 3px;
 margin-left: 0px;
 margin-right: 5px;
 border: 1px solid #3a322b;
 border-bottom: none;
 background: #4d311b;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #b59353; }
ul.tabbernav li a:visited { color: #b77c63; }

ul.tabbernav li a:hover
{
 color: #987c47;
 background: #4a2f1a;
 border-color: #4a2f1a;
}

ul.tabbernav li.tabberactive a
{
 background-color: #1b1612;
 border-bottom: 1px solid #1b1612;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #987c47;
 background: #1b1612;
 border-bottom: 1px solid #1b1612;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #3a322b;
 border-top:0;
 

 /* 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; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
 
}
.tabberlive .tabbertab h3 {
 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;
}