/*-----------------------------      D o c u m e n t a t i o n     -------------------------------------*/

    /*      height : auto !important; /* ignored by IE, applied everywhere else */
    /*      height : 100%; /* IE treats as min-height */
    /*      min-height : 100%; /* IE ignores this */
    /*      height settings and clearfix both fill the interior of mainContentLeft and mainContentRight*/

    /*--------------------------------------   C o l o r s    U s e d  -------------------------------------*/

    /*-------------------------------   D i s a b l e   B r o w s e r   D e f a u l t s---------------------*/

        :link,:visited { text-decoration:none }
        ul,ol,li { list-style:none }
        h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
        ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,select { margin:0; padding:0 }
        html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, hr    { margin:0; padding:0; border:0 }
        h1, h2, h3, h4, h5, h6 {font-weight: normal; line-height: 1.3; color: #3C6A27; }
        h1 {font-size: 17px}
        h2 {font-size: 16px}
        h3 {font-size: 14px}
        h4 {font-size: 12px}
        h5 {font-size: 11px}
        a img,:link img,:visited img { border:none }
        address { font-style:normal }
        input {border: 0px }
        strong, b {color: #B74F06; font-weight: normal;}

    /*----------------------------------  L i n k   D e f a u l t s   --------------------------------------*/


    /*---------------------------------     O v e r a l l    C o n t a i n e r s    ------------------------*/

        html {
            height:100%; /* fix height to 100% for IE */
            max-height:100%; /* fix height for other browsers */
            overflow:hidden;/*mvr gets rid of outermost scroll bar in IE */
        }

        body {
            height:100%; /* fix height to 100% for IE */
            max-height:100%; /* fix height for other browsers */
            overflow:hidden; /*get rid of scroll bars in IE */
            font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            font-size: 11px;
            line-height: 1.7;
            color: #555;
        }
        
        #ctl00_overallContainer,
        #ctl00_overallContainerHome {
            width: 100%; /* lines up content with header because of the 18 px for scroller */
            height:100%; /* set height to full page */
            max-height:100%;
            position:relative; /* set up relative positioning so that z-index will work */
            z-index:1;
            background: #ECECEC;
            display:block; /* set up as a block */
            overflow: scroll;  /* adds room for scroll bar and leaves it there  */
        }

        #overallContainerWrapper {
            height:100%;
            background: url(../pics/overallContainerWrapperBackground.gif) repeat-x;  /* display gray bar under header */
        }

        .clearBoth {
            clear: both;
            visibility: hidden;
        }

        .clearLeft {
            clear: left;
            visibility: hidden;
        }

        .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;}
        /* End hide from IE-mac */

        .clear {
          clear:both;
          height:1px;
          overflow:hidden;
        }

    /*--------------------------------------    H e a d e r    ---------------------------------------------*/

        #printHeader {display:none;}

        .padHeader {display:block; height:91px; float: none;}

        #header {
            width: 100%;
            height:91px;
            position: absolute;
            z-index: 4;
            right:18px;
            background: url(../pics/overallContainerWrapperBackground.gif) repeat-x;
        }

        #mainContentHeader {
            width: 1005px;
            margin:auto;
            display: block;
        }

        #headerMainNav {
            width: 960px;
            height: 22px;
            /* check setting for IE6 ( margin: -3px 0px 0px 18px; ) */
            margin: 0px 0px 0px 32px;
            padding: 0px 13px 0px 0px;
            float: left;
            clear: none;
        }

        #headerTopNav {
            width: 449px;
            height: 21px;
            /* check setting for IE6 (margin: 2px 0px 0px 0px) */
            margin: 2px 14px 0px 0px;
            float: right;
            color: #C4BBA6;
        }

        #logo {
            width: 330px;
            height: 68px;
            margin: 0 0 0 20px;
            padding: 0;
            float: left;
            clear: left;
        }

    /*-----------------------------    M a i n    C o n t e n t   ------------------------------------------*/

        #mainContentDiv,
        #mainContentDivHome {
            width: 1005px; /* lines up content with header because of the 18 px for scroller */
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            margin:auto;
            display: block;
            background: transparent url(../pics/mainContentBackground.gif) 0px -300px repeat-y ;
        }

        #mainContentHeaderBackground {
            width: 1005px;
            display:block;
            background: url(../pics/mainContentHeaderBackground.gif) no-repeat;

        }

        #mainContentLeft {
            width: 723px;  /* total width: 747px*/
            padding: 0px 0px 0px 24px;
            float: left;
        }

        #mainContentRight {
            width: 235px;  /* total width: 257px*/
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            padding: 0 21px 0 0;
            float: left;
            border-left: 1px #FFF solid;
            background: transparent;
        }

        /*      -------------------------     M e m b e r's   H o m e    -----------------------------------*/

        #membersHomeOverallContainerWrapper {
            height:100%;
            background: url(../pics/membersHomeOverallContainerWrapperBackground.gif) repeat-x;  /* display gray bar under header */
        }

        #membersHomeHeader {
            width: 100%;
            height:91px;
            position: absolute;
            z-index: 4;
            right:18px;
            background: url(../pics/membersHomeOverallContainerWrapperBackground.gif) repeat-x;
        }

        #membersHomeLeft {
            width: 640px;  /* total width: 747px*/
            padding: 0px 0px 0px 24px;
            float: left;
        }

        #membersHomeLeftDiv  {
            width: 600px;
            margin: 0px 15px 10px 25px;
        }

        #membersHomeRight {
            width: 318px; 
            height: auto !important; /* ignored by IE, applied everywhere else */
            height: 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            padding: 0px 0px 0px 0px;
            float: left;
            border-left: 1px #FFF solid;
            background: transparent;
        }

        #membersHomeRight H2 {
            width: 293px;
            height: 33px;
            padding: 10px 0px 0px 25px;
            background: url(../pics/membersHomeRightH2Background.gif) bottom left;
        }

        .membersHomeRightTopImage {
            width: 318px;
            height: 200px;
        }
        #membersHomeLeft  h1{
            width: 620px;  /* total width: 723px */
            height : 16px;
            padding: 15px 0px 15px 20px;
            background: url(../pics/mainContentLeftH1Background.gif) top left repeat-x;
            overflow: hidden;
        }

        #membersHomeEvents {
            width: 307px;  /* total width: px */
            padding: 15px 0px 15px 10px;
            background: #F0F0EA;
            border-bottom: 1px #E6E5E3 solid;
            border-left: 1px #E6E5E3 solid;
        }

        #membersHomeEvents ul li {
            padding: 5px 0px 5px 10px;
            border-bottom: #FFFFFF 1px solid;
        }

        #membersHomeEvents ul li span.eventName {
            display: block;
            color: #3C6A27;
            text-transform: uppercase;
        }

        #membersHomeEvents span.eventName a:link,#membersHomeEvents span.eventName a:link:visited {
            color: #B8630C;
        }

        #membersHomeEvents span.eventDate {
            display: block;
        }
        
        

        #membersHomeAnnouncements {
            width: 600px;  /* total width: px */
            padding: 15px 0px 15px 0px;
        }

        #membersHomeAnnouncements ul li {
            line-height: 1.9;
            padding: 2px 0px 10px 10px;
            list-style-image: url(../pics/mainContentLeftLIBackground.gif);
            list-style-position: outside;
            margin: 10px 0px 0px 20px;
        }

        #membersHomeAnnouncements h4 {
            font-size: 14px;
            letter-spacing: .01em;
            color: #3C6A27;
            text-transform: uppercase;
            width: 460px;
        }

        #membersHomeAnnouncements a, #membersHomeAnnouncements a:visited
        {
			margin-top: -20px;
            display: block;
            width: 90px;
            height: 22px;
height: 21px;
            float: right;
            text-align: right;
            color: #B8630C;
            background: url(../pics/detailsIconMag.gif) no-repeat;
            background: url(../pics/detailsIcon.gif) no-repeat;
        }

        #membersHomeAnnouncements a:hover
        {
            background: url(../pics/detailsIcon.gif) 0px -21px no-repeat;
        }
        
        

        .membersHomeSideBox {
            width: 316px;
            margin: 10px 0px 5px 0px;
            padding: 0px;
            display: block;
            overflow: hidden;
            line-height: 1.6;
            background: #F2F2EE;
            border: 1px #D8E3B9 solid;
        }
        
        .membersHomeSideBox .smallButton {
			width:45px;
			float:right;
            background: url(../pics/sideBoxViewButtonBackground.gif) 0px 0px no-repeat;
        }

        .membersHomeSideBox .smallButton:hover {
          background: url(../pics/sideBoxViewButtonBackground.gif) 0px -16px no-repeat;
          cursor: pointer;
        }
        
        .membersHomeSideBox p {
            padding: 6px 10px 0px 10px;
        }

        #membersHomeHeaderBackground {
            width: 1005px;
            display:block;
            background: url(../pics/membersHomeHeaderBackground.gif) no-repeat;

        }

     /*----------------------------------    T o p   N a v i g a t i o n   ----------------------------------*/

        #headerTopNav {
            font-size: 10px;
        }

        #headerTopNav ul li {
            width: 95px;
            padding-left: 8px;
			padding-right: 8px;
            float: left;
            display: inline;
            border-left: 1px #6C6A60 solid;                                            /* left vertical line */
        }

        #headerTopNav ul li a {  /* controls main buttons */
            padding-top: 2px;
            display: block; /* essential: this gives the link its existence */
            float: left;
            color: #FFF;
        }

        #headerTopNav ul li ul {  /* this is the main dropdown block  */
            position: absolute; /* makes it work in IE */
            top: 19px; /* distance from top of page */
            margin-left: -9px; /* lines up the text with the main button  */
            display: none;  /* hides the dropdown by default  */
            clear:left;   /* makes the dropdown display under the button */
            float: left;
            background: #605D4C;
            border: 1px #6C6A60 solid;
        }

        #headerTopNav ul li.tfhover ul,
        #headerTopNav ul li:hover ul {  /*  displays dropdown on hover */
            display: block;
        }

        #headerTopNav ul li ul li {
            margin: 0px;
            padding: 0px;
            float: none;
            border-bottom: 1px #6C6A60 solid;
            border-left: none;              /* needed to cancel the border set in ul */
        }

        #headerTopNav ul li ul li a.tfhover,
        #headerTopNav ul li ul li a:hover,
        #headerTopNav ul li ul li.tfhover,
        #headerTopNav ul li ul li:hover{
            background-color: #8B876E;
        }

        #headerTopNav ul li ul li a {
            width: 98px;  /* width of the dropdown: uniform for all  */
            height: auto;
            margin: 0px;
            padding: 2px 5px 2px 8px;
            float: none;
        }

        #headerTopNav ul li:hover,
        #headerTopNav ul li.tfhover,
        #headerTopNav ul li.selected {
            background: #726E5A;
        }

        #headerTopNav ul li.last {
            border-right: 1px #6C6A60 solid;                                       /* right vertical line */
        }

/*--------------------------------------    M a i n    N a v i g a t i o n   ---------------------------*/

        #headerMainNav ul li {
            float: left;
            display: inline;
            border-left: 1px #AAA89E solid;                                                                 /* left vertical line */
            background: url(../pics/headerMainNavBackground.gif) top right no-repeat;   /*  cut corner  */
        }

        #headerMainNav ul li a {  /* controls main buttons */
            height:20px;
            margin: 0px 12px 0px 12px;
            padding-top: 2px;
            display: block; /* essential: this gives the link its existence */
            float: left;
            color: #FFF;
            text-transform: uppercase;
        }

        #headerMainNav ul li ul {  /* this is the main dropdown block  */
            position: absolute; /* makes it work in IE */
            top: 90px; /* distance from top of page */
            margin-left: 0px;
            padding: 5px 3px 3px 3px;
            display: none;  /* hides the dropdown by default  */
            clear:left;   /* makes the dropdown display under the button */
            float: left;
            background: #9AAF86 url(../pics/dropDownBackground.gif) repeat-x;
			border: 1px #AAA89E solid;
        }

        #headerMainNav ul li.sfhover ul,
        #headerMainNav ul li:hover ul {  /*  displays dropdown  on hover */
            display: block;
        }

        #headerMainNav ul li ul li { /* creates the submenu item by item */
            width: auto;  /* width of the dropdown */
            margin: 0;
            padding: 0px;
            float: none;
            border-top: 0;
        }

        #headerMainNav ul li ul li a {
            height: 18px;
            padding: 2px 0 0px 8px;
            position: relative;
            float: none;
            color: #FFF;
            font-size: .98em;
            border-bottom: 1px #A2B88D solid;
            text-transform: capitalize;
        }

        #headerMainNav ul li ul li a.sfhover,
        #headerMainNav ul li ul li a:hover {
            color: #FFF;
            background-color: #A6BD91;
        }

        #headerMainNav ul li ul li a{
          margin: 0;
          float: none;
        }

        #headerMainNav ul li, #headerMainNav ul li ul li a {
            width: 191px;  /* width of the dropdown: uniform for all  */
        }

		#headerMainNav ul li ul li a {
			width: 175px;  /* width of the dropdown: uniform for all  */
		}
        #headerMainNav ul li ul li {  /* needed to clear border set above  */
            border-left: 0px #AAA89E solid;
            background: none;
        }

        #headerMainNav ul li:hover,
        #headerMainNav ul li.sfhover,
        #headerMainNav ul li.selected   {
            background: url(../pics/headerMainNavHoverBackground.gif) top right no-repeat;
        }

     /*----------------------------------    C o n t e n t    L e f t   -------------------------------------*/
        #mainContentLeft a, #mainContentLeft a:link, #mainContentLeft a:visited {color: #B8630C;}
        #mainContentLeft a:hover { color: #3C6A27 }
        
        
		/*a, a:link, a:visited 
		{
			color: #B8630C;
			text-decoration: none;
			font-weight: normal;
		}
		a:hover 
		{
			color: #3C6A27;
			text-decoration: none;
			font-weight: normal;
		}*/

        .mainContentLeftTopImage {
            width: 723px;
            height: 154px;
        }

        #mainContentLeft  h1{
            width: 703px;  /* total width: 723px */
            height : 16px;
            padding: 15px 0px 15px 20px;
            background: url(../pics/mainContentLeftH1Background.gif) top left;
            overflow: hidden;
        }

        #mainContentLeftDiv  {
            width: 683px;
            margin: 65px 15px 10px 25px;
        }

        #mainContentLeftDiv  p {
            margin: 5px 0px 10px 0px;
        }

        #mainContentLeftDiv  hr {
            margin: 8px 0px 8px 0px;
            border: solid 1px #3C6A27;
        }

        .imgBorderR {
            margin: 0px 0px 5px 10px;
            padding: 2px;
            float: right;
            border: 1px #CCC solid;
        }

        .tourBorderR {
            margin: 0px 0px 5px 0px;
            padding: 0px;
            float: right;
            border: 0px #CCC solid;
        }

        .tourBorderWideR {
            margin: 0px 0px 5px 80px;
            padding: 0px;
            float: right;
            border: 0px #CCC solid;
        }

        #mainContentLeftDiv ul  {
            margin: 15px 0 0 0;
        }

        #mainContentLeftDiv ul li {            /* must be closer to top; should be overriden below if necessary  */
            padding: 0px 0px 5px 15px;
            margin: 2px 0px 0px 40px;
            list-style-image: url(../pics/mainContentLeftLIBackground.gif);
            list-style-position: outside;
        }

        #mainContentLeftDiv h3 {
            font-size: 15px;
            font-weight:normal;
            text-transform: uppercase;
            letter-spacing: -.025em;
            margin: 15px 0px 10px 0px;
            color: #3C6A27;
            /*clear: both;*/
        }

        .detailsReturn {
            margin-bottom: 5px;
            padding-left: 12px;
            float: right;
            clear: both;
            display: block;
            background: url(../pics/backArrowOff.gif) top left no-repeat;
        }

        div.detailsReturn:hover {
            background: url(../pics/backArrowOn.gif) top left no-repeat;
        }
        

 /*-----------------------------  H o m e   P a g e    --------------------------------*/

.eventText {
	padding-right: 10px; padding-left: 15px; font-size: 10px; margin-bottom: 8px; padding-bottom: 8px; 
	color: #666666; line-height: 13px; border-bottom: #e2e2dc 1px solid; 
/*	font-family: Verdana, Arial, Helvetica, sans-serif;  */
}
.eventText a, .eventText a:visited {
	color: #cb8439; text-decoration: none;
}
	
.greenTitle {
	font-weight: normal; font-size: 20px; line-height: 25px; 
/*	font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; */
}
.greenTitle a, .greenTitle a:visited {
	color: #3C6A27 !important; text-decoration: none;
}
.greenTitle a:hover {
	color: #177364; text-decoration: underline;
}

 /*-----------------------------  M a i n   F o r m   E l e m e n t s    --------------------------------*/

        #mainContentLeftDiv input.button  {
          width: 88px;
          height: 25px;
          font-size: 9px;
          color: #FFF;
          text-transform: uppercase;
          padding: 0px 2px 0px 2px;
          background: url(../pics/buttonBackground.gif);
          border: 0px;
        }

        #mainContentLeftDiv input.button:hover  {
          background: url(../pics/buttonBackground.gif) 0px -25px;
			cursor: pointer;
        }
        .mainContentLeftForm  {
            clear: both;
        }

        .mainContentLeftForm fieldset {
            margin: 10px 0px 0px 0px;
            padding: 15px;
            border: none;
        }

        .mainContentLeftForm legend {
            margin: 10px 0px 10px 0px;
            padding: 5px 10px 5px 10px;
            text-transform: uppercase;
            vertical-align: top;
            border: #CCC 1px solid;
            background: #CBD6B3;
        }

        .mainContentLeftForm input , input.paging {
            font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            color: #555;
            border-bottom: #DDD 1px solid;
        }

        .mainContentLeftForm input.borderNone {
            border-bottom: 0px;
        }

        .mainContentLeftForm label, .mainContentLeftForm .label {
            min-width: 100px;
            width: 100px;
            padding-left: 17px;
            float: left;
            clear: left;
        }
        
        .mainContentLeftForm .clearLabel, .mainContentLeftForm td label
        {
        	/* checkbox controls in ASP.NET have bult-in label that inherits styles */
			float: none;
			clear: none;
			width: auto;
			padding: 0px;
			cursor: pointer;
        }
        
        #clearCheckboxLabel label 
        {
			clear: none;
			float: none;
			margin: 0px;
			padding: 0px;
        }

        .mainContentLeftForm  div.note, div.mainContentLeftForm div.errors  {
            margin: 10px 0px 10px 17px;
margin: 10px 0px 10px 0px;
            border: #DDD 1px dashed;
            background: #F4EDB6;
        }

        div.mainContentLeftForm div.errors  {
            /* joel: adds 'text' image to Validation Summary  */
			padding: 10px;
			padding-bottom: 20px;
			background-image: url(../pics/notsaved.gif);
			background-position: left bottom;
			background-repeat: no-repeat;
        }

        .mainContentLeftForm textarea {
            font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            color: #555;
            border: #DDD 1px solid;
        }

        .mainContentLeftForm select, .StaffMenu {
            font: 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            color: #555555;
            /*border: 0;*/  /* FireFox: border 0 makes border disappear on drop-down menus */
        }

        .mainContentLeftForm div.controlset label, .mainContentLeftForm div.controlset input {
            font-size: 10px;
            display: inline;
            float: none;
            clear: none;
        }

        .mainContentLeftForm div.controlset {
            margin-top: 10px;
        }

        .mainContentLeftForm div.buttonRow {
            margin-top: 10px;
        }
        
        .mainContentLeftForm .textboxPadding {
            padding-top: 4px;
            padding-bottom: 4px;
        }


     /*==================================    C o n t e n t    R i g h t   ===================================*/


        .mainContentRightTopImage {
            width: 235px;
            height: 203px;
        }

        #rightNav {
             width: 234px;
             min-height: 154px;
             padding: 0px;
             background: url(../pics/rightNavBackground.gif) repeat-x;
        }

        #rightNav H2, #rightNav h2 {
            width: 210px;
            height: 27px;
            padding: 10px 0px 0px 25px;
            background: url(../pics/rightNavH2Background.gif) repeat-x;
        }

        #rightNav ul li, ul li ul li {
            display: block;
            vertical-align: middle;
        }
        #rightNav ul li a {
            width: 205px;
            padding: 3px 5px 2px 25px;
            display: block; /* essential: this gives the link its existence */
            color: #3C6A27;
            border-top: 1px #FFF solid;
            border-bottom: 1px #EDEDE5 solid;
            text-decoration: none;
            background-image: url(../pics/rightNavLiBackground.gif);
            background-position: 12px center;
            background-repeat: no-repeat;
            background-color: transparent;
        }

        #rightNav ul li a.selected, #rightNav ul li ul li a.selected,  #rightNav ul li a:hover  {
            border-top: 1px #FFF solid;
            border-bottom: 1px #FFF solid;
            background-color: #E8EFDD;
        }

        #rightNav ul li a:visited {
        }

        #rightNav ul li ul li a {
            width: 190px;
            padding-left: 40px;
            background-image: url(../pics/rightNavLiBackground.gif);
            background-position: 22px center;
            background-repeat: no-repeat;
            background-color: transparent;
        }

        #rightNav .hrDivider {
          width: 100%;
          height: 58px;
          margin-top: 15px;
          background: url(../pics/rightNavBrBackground.gif) no-repeat;
        }

        /*-------------------------------    S i d e    B o x    --------------------------------------------*/

        .sideBox {
            width: 227px;
            margin: 10px 0px 5px 5px;
            padding: 0px;
            display: block;
            overflow: hidden;
            line-height: 1.6;
            background: #F2F2EE;
            border: 1px #D8E3B9 solid;
        }

        .sideBox H3 {
            width: 217px;
            height: 27px;
            padding: 6px 0px 0px 10px;
            background: url(../pics/rightNavH3SearchBackground.gif) top right no-repeat;
            color: #FFF;
            font-size: 13px;
            font-variant: small-caps;
        }

        .sideBox p {
            padding: 6px 0px 0px 10px;
        }
        
        
        /*-------------------------------    S m a l l    F o r m    ----------------------------------------*/
		/*  Note: cannot override FORM in ASP.NET, it is root level tag for every page */
		/*  Had to change form.smallForm to just .smallForm */
        .smallForm  {
            width:198px;
            height: auto;
            padding: 5px 8px 5px 8px;
            clear:left;
            display:block;
            float:left;
            text-align:left;
        }

        .smallForm label {
            width:90px;
            margin-top: 3px;
            clear:left;
            display:inline;
            float:left;
            text-align:left;
            color:#3C6A27;
        }

        .smallForm input,
        .smallForm select,
        .smallForm option{
            width: 95px;
            float:left;
            font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            font-size: 10px;
            line-height: 1.5;
            color:#666;
            border: #EFEFE8 1px solid;
            background-color: #FFF;
            padding:2px;
        }

        .smallForm .noBorder { border: 0px; background-color: transparent;}

		/* changed ".smallForm input.sideButton"  to make button available to all pages */
        input.sideButton {
          height: 16px;
          margin: 0px;
          margin-top: 1px;
          padding: 0px;
          background: url(../pics/sideBoxButtonBackground.gif) 0px 0px no-repeat;
          font-size: 9px;
          color: #FFF;
          text-transform: uppercase;
          border: 0px;
        }

        input.sideButton:hover {
          background: url(../pics/sideBoxButtonBackground.gif) 0px -16px no-repeat;
          cursor: pointer;
        }
        
		/* needed same styles for a link to pdf */
        .smallForm a.linkButton 
        {
			width: 39px;
			float:right;
          height: 16px;
          margin: 0px;
          margin-top: 1px;
          padding: 0px;
          text-align: center;
          background: url(../pics/sideBoxButtonBackground.gif) 0px 0px no-repeat;
          font-size: 9px;
          color: #FFF;
          text-transform: uppercase;
          border: 0px;
        }

        .smallForm a.linkButton:hover {
          background: url(../pics/sideBoxButtonBackground.gif) 0px -16px no-repeat;
          cursor: pointer;
        }

/*------------------------------------------------------------------------------------------*/
	
	.homeButtonText {
/*		font-family: Verdana, Arial, Helvetica, sans-serif;  */
		font-size: 10px;
		font-weight: bold;
		color: #FFFFFF;
		margin-left: 10px;
		padding-left: 10px;
		margin-right: 5px;
		padding-right: 5px;

	}

/*------------------------------    S t a f f    D e t a i l s   --------------------------*/

#staffDetails {
    width: 260px;
    margin: 10px 10px 5px 0px;
	float:left;
	}

#staffDetails img {
    margin: 20px 0px 10px 0px;
    float: left;
    border: 4px solid #E4E2DD;
	}

#staffDetails h3 {
	margin: 0px;
    padding: 0px;
    }
#staffDetails ul {
	margin: 0px;
    padding: 5px 0px 5px 0px;
    }

#staffDetails ul li {
    padding-top: 3px;
    padding-bottom: 1px;
    border-bottom: 1px solid #E5E6E3;
    list-style-image: none;
    }

#staffDetails span.title {
    width: 60px;
    float: left;
    letter-spacing: -0.04em;
    font-size: 10px;
    }

#staffDetails span.desc {
    text-align: left;
    /*float: left;*/
    }
    
#bio {
	margin-top: 30px;
    width: 390px;
	float: right;
}


     /*-----------------------    G u e s t   I n v i t a t i o n s    --------------------*/
     /*-----------------------    a n d   N i m d a   D e t a i l s    --------------------*/
	#inviteGuests, .dataList {margin-left:15px;}
	
    #inviteGuests h4, .dataList h4 {
		width: 115px;
		display: block;
		float: left;
		margin: 1px 9px 0px 0px;
		clear: left;
	}
	
     /*------------------------------------------    F o o t e r    -----------------------------------------*/

        .padFooter{display:block; height:28px; float: none;}

        #footer {
            width:100%;
            height:28px;
            position:absolute;
            right:18px;
            bottom:-1px;
            z-index:5;
            background-color: #ECECEC;
            display: block;
            font-size:10px;
            color: #999;
        }

        #footer :link,:visited{
            color: #F8B34C;
        }

        #mainContentFooter {
            width: 1005px;
            height:28px;
            display: block;
            margin:auto;
            background: #ECECEC url(../pics/mainContentFooterBackground.gif) 0 -5px no-repeat;
        }

        #footerLeft {
            margin: 2px 0px 2px 35px;
            float: left;
        }

        #footerRight {
            margin: 2px 15px 2px 0px;
            float: right;
        }

        #printFooter {display:none;}


/*--------------------      N i m d a     -------------------------*/

#eventsColumnL
{
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-weight: normal;
    width: 410px;
    float: left;
    border-right: solid thin #DADBD7;
    padding-right: 5px;
}

#eventsColumnR
{
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    text-align: left;
    font-weight: normal;
    width: 250px;
    float: left;
}

a.nimdaLink, a.nimdaLink:visited
{
    padding: 0px 0px 8px 20px;
    background: url(../pics/pencil.gif) no-repeat 0px 0px;
    display: inline;
    color: #3C6A27 !important;
}

a.nimdaLink:hover
{
    color: #B8630C !important;
}

		td.header {
            height: 23px;
            padding: 2px;
            padding-left: 7px;
            background: url(../pics/tableHeaderBackground.gif) repeat-x;
            text-transform: uppercase;
            color: #FFF;
        }

        td.fieldName {
            width: 170px;
            padding-right: 8px;
            text-align: right;
            color: #3C6A27;
        }


 /*--------------------------------------   W i n e   L i s t        ------------------------------------*/

        #wineMenu ul {
            clear: both;
            float: none;
        }

        #wineMenu ul li {
            height: 162px;
            margin: 0px 20px 10px 20px;
            padding: 0px;
            list-style-image: none;
            display: inline;
            float: left;
        }

        #wineMenu ul li a{
            display: block;
            cursor: pointer;
        }

        #wineMenu li span.wineName {
            width: 124px;
            height: 44px;
            min-height: 44px;
            padding: 0px 2px 0px 2px;
            vertical-align: top;
            display: block;
            text-align: center;
            background: url(../pics/picLIHeaderBackground.gif);
            color: #FFF;
            text-transform: uppercase;
            border: 1px #E5E4DB solid;
            overflow: hidden;
        }

        #wineMenu li span.winePic {
            border: 1px #E5E4DB solid;
        }

 /*---------------------------------   C a t e r i n g    M e n u    ------------------------------------*/

        #cateringMenu ul {
            clear: both;
            float: none;
        }

        #cateringMenu ul li {
            height: 140px;
            margin: 0px 40px 10px 40px;
            padding: 0px;
            list-style-image: none;
            display: inline;
            float: left;
        }

        #cateringMenu ul li a{
            display: block;
            cursor: pointer;
        }

        #cateringMenu li span.cateringName {
            width: 246px;
            min-height: 25px;
            padding: 5px 2px 0 2px;
            vertical-align: top;
            display: block;
            text-align: center;
            background: url(../pics/cateringLIHeaderBackground.gif) top right;
            color: #FFF;
            text-transform: uppercase;
            border: 1px #FFFFFF solid;
            overflow: hidden;
        }

        #cateringMenu li span.cateringPic {
            border: 1px #FFF solid;
        }

     /*---------------------------------    E v e n t    L i s t i n g   ------------------------------------*/

		#eventList {background-color:#ffffff;clear:both;}
		
        #eventList ul {
            width: 100%;
            margin: 0px;
            padding: 0px;
            list-style: none;
            clear: both;
        }

        #eventList ul li {
            min-height: 116px;
            padding: 0px;     /* !important  */
            margin: 0px;
            list-style-image: none;
            clear: both;
        }
        #eventList ul li a{
            margin: 0px;
            min-height: 131px;
            display: block;
            cursor: pointer;
        }

        #eventList li.alt {
            background-color:#F4F3F2;
background-color:#F9F8F7;
        }

        #eventList span.eventPic {
            width: 120px;
            margin-right: 10px;
            overflow: hidden;
            float: left;
            vertical-align: middle;
        }

        #eventList span.eventPic img {
            padding: 1px;
border: 1px #CAC8B8 solid;
        }

        #eventList span.eventName {
            width: 352px;
            height: 23px;
            overflow: hidden;
            float:left;
            text-align: left;
            text-transform: uppercase;
            border-bottom: 1px #DBD8CD solid;
font-size: 12px;
border-bottom: 1px #F4F3F2 solid;
            }

        #eventList span.eventLink {
            width: 190px;
            height: 23px;
            padding-left: 5px;
            float:left;
            border-bottom: 1px #DBD8CD solid;
border-bottom: 1px #F4F3F2 solid;
            }

        #eventList span.eventDesc {
            width: 543px;
            height: 93px;
            max-height: 93px;
            padding: 0px 0px 0px 2px;
            overflow: hidden;
            color: #5F5F5F;
            line-height: 1.4;
            clear: right;
            float: none;
            display: block; /* without this height is ignored  */
        }

        #eventList span.eventLogistics {
            color: #3C6A27;
            line-height: 1.4;
        }

        #eventList div.eventReservations {
            width: 104px;
            height: 20px;
            margin: 1px 5px 0px 0px;
            float: left;
            background: url(../pics/reservationsIcon.gif) 0px 0px no-repeat;
        }

        #eventList div.eventReservations:hover {
            background: url(../pics/reservationsIcon.gif) 0px -20px no-repeat;
        }

        #eventList div.eventDetails {
            width: 78px;
            height: 20px;
            float: left;
            background: url(../pics/detailsIcon.gif) 0px 0px no-repeat;
        }

        #eventList div.eventDetails:hover {
            background: url(../pics/detailsIcon.gif) 0px -21px no-repeat;
        }

        #eventList a:hover {
            background-color: #EFEFEC;
            color: #B8630C;
        }

        .calendarViewLink {
            width: 530px;
width: 537px;
            height: 20px;
height: 25px;
            margin: 0px 7px 5px 0px;
margin: 0px 3px 0px 0px;
            padding-right: 23px;
padding-bottom: 2px;
            float: right;
            clear: both;
            text-align: right;
            display: block;
            background: url(../pics/calendarIconOff.gif) top right no-repeat;
            border-bottom: 1px #E7E4D8 solid;
border-bottom: 1px #E7E4D8 dotted;
        }

        div.calendarViewLink:hover {
            background: url(../pics/calendarIconOn.gif) top right no-repeat;
        }

     /*----------------------------------    E v e n t    D e t a i l s  ------------------------------------*/

        #eventDetails .eventPic {
            float: left;
            margin-bottom: 15px;
            width: 260px;
        }

        #eventSpecificsBox, #eventMenuBox, #eventReservationsBox {
            width: 350px;
            float: right;
            margin: -20px -9px 0px 0px;
        }

        #eventSpecificsBox h4, #eventMenuBox h4, #eventReservationsBox h4{
            width: 331px;
            min-height: 18px;
            margin-right: 10px;
            padding: 2px 10px 2px 10px;
            color: #FFF;
            text-transform: uppercase;
            background: url(../pics/h4Background.gif) top left no-repeat;
        }

        #eventSpecificsBox h4 {
            width: 291px;
            padding-right: 50px;
        }

        .outlookBox {
            float:right;
            position:absolute;
            top:26px;
            right:3px;
        }

        #eventSpecificsBox ul, #eventReservationsBox ul {
            width: 350px;
            margin: 0;
            padding: 10px 0 10px 0;
            list-style: none;
            border: 1px #E5E4DB solid;
            background: url(../pics/eventDetailsBoxBackground.gif) bottom left repeat-x;
        }

        #eventSpecificsBox ul li, #eventReservationsBox ul li {
            min-height: 19px;
            padding: 0 0 3px 0;
            margin: 0px 10px 0px 10px;
            list-style-image: none;
            clear: both;
            }

        #eventSpecificsBox ul li div, #eventReservationsBox ul li div {
            border-top: 1px #FFF solid; /**/
        }

        #eventSpecificsBox ul li div.noBorder, #eventReservationsBox ul li div.noBorder {
            border-top: none;
        }
        #eventSpecificsBox li span.fieldName, #eventReservationsBox li span.fieldName {
            width: 55px;
            padding: 0;
            margin: 0;
            color: #3C6A27;
            text-transform: uppercase;
            text-align: right;
            float:left;
            clear: left;
        }

        span.outlookBox {
            width: 17px;
            height: 17px;
            display: inline;
            background: url(../pics/calendarIconOff.gif);
        }

        #eventReservationsBox li span.fieldName {
            width: 95px;
        }

        #eventSpecificsBox li span.fieldValue, #eventReservationsBox  li span.fieldValue {
            width:216px;
            padding-left: 10px;
            float:left;
        }

        #eventReservationsBox  li span.fieldValue {
            width:176px;
        }

        #eventMenuBox {
            text-align: center;
        }

        #eventMenuBox h5{
            margin-top: 10px;
            text-transform: uppercase;
            text-align: center;
        }

        #eventMenuBox div {
            width: 350px;
            margin: 0;
            padding: 10px 0 10px 0;
            list-style: none;
            border: 1px #E5E4DB solid;
            border-right: none;
            background: url(../pics/eventDetailsBoxBackground.gif) bottom left repeat-x;
        }

     /*----------------------------    B i g    C a l e n d a r    V i e w   -----------------------------*/

        /*
        List calendar is controlled by Grid control so I couldn't use the table based structure for styles
        as shown in template. Therefore I copies styles to new class and applied it to GridView CssClass
        where appropriate to approximate final look and feel.
        */

        .MonthTitle 
        {
            letter-spacing: 1.1em;
            /*line-height: 2.1em;*/
            background-color: #779155;
            background-image: url(../pics/tableHeaderBackground.gif);
            background-repeat: no-repeat;
            background-position: 0px 0px;
            color: #FFFFFF;
            font-size: 13px;
            height: 23px;
            border: none;
        }

        .DayStyle
        {
            background-image: url(../pics/calgreen.gif);
            background-repeat: repeat-x;
            background-position: top left;
            border-left: solid 1px #E6EBF0;
            border-bottom: solid 1px #E6EBF0;
            width: 93px;
            height: 93px;
            background-color: #ffffff;
            vertical-align: top;
            text-align: right;
            color: #4A8312;
            line-height: 18px;
        }

        .WeekdayNames
        {
            padding-right: 5px;
            background-color: #DBD8CD;
            color: #555555;
            text-align: right;
            font-weight: normal;
            height: 23px;
            border-left: solid 1px #FFFFFF;
            border-top: solid 4px #FFFFFF;
        }

        .calendarListView {
            height: 20px;
            margin: 0px 7px 5px 0px;
            padding-left: 23px;
            float: right;
            clear: both;
            display: block;
            background: url(../pics/calendarIconOff.gif) top left no-repeat;
        }

        div.calendarListView:hover {
            background: url(../pics/calendarIconOn.gif) top left no-repeat;
        }

        /*
        Small Calendar - uses calendar control in order to pul event dates out of the database. Therefore, I
        had to take CSS settings and apply directly to calendar control properties, same strategy as St Cathy, Regency club.
        */

     /*----------------------------    S m a l l    C a l e n d a r    V i e w   -----------------------------*/

        .SmDayStyle
        {
            color: #666666;
            background-color: #ECEAE5;
            border-left: solid 1px #F2F2EE;
            border-bottom: solid 1px #F2F2EE;
        }

        .SmWeekdayNames
        {
            padding-right: 5px;
            background-color: #F2F2EE;
            color: #6F664F;
            text-align: center;
            font-weight: normal;
        }

        #smallCalendar h4 {
            font-size: 11px;
            color: #3C6A27;
            display: inline;
            padding-left: 4px;
            text-transform: uppercase;
        }


        #smallCalendar select {
            font-size: 9px;
            /*float: right;*/
            margin: 0px;
            padding: 0px;
        }

        #smallCalendar a, #smallCalendar a:visited {
            color: #3C6A27;
        }

	/*---------------------    D a t e    P i c k e r    C a l e n d a r  -----------------*/

	.DatePickerTitle
	{
        font-size: 11px;
        font-weight: bold;
        color: #3C6A27;
		background-color: #F2F2EE;
        /*text-transform: uppercase;*/
	}
	
	.DatePickerDayHeader
	{
		font-weight: normal;
		text-align: center;
		background-color: #F2F2EE;
            color: #777777;
	}
	
	.DatePickerDayStyle
	{
		text-align: center;
            color: #666666;
        color: #3C6A27;
            background-color: #ECEAE5;
		border: solid 1px #F2F2EE;
	}
	
	.DatePickerTodayDay
	{
		background-color: #A8C66E;
		color: #FFFFFF;
	}
	
	.DatePickerSelectedDay
	{
        background-color: #D1F7C0;
        color: #ffffff;
        /*this class doesn't seem to work*/
	}
	
	.DatePickerNextPrev
	{
        font-size: 8px;
        color: #3C6A27;
        text-transform: none;
	}
	
	.DatePickerOtherMonth
	{
		background-color: #F2F2EE;
		color: #F2F2EE;
            color: #CCCCCC;
	}
	
	.DatePickerFooter
	{
		background-color: #F2F2EE;
	}
	
    .DatePickerMonthYear
	{
		display: none;
	}

    #GMDatePicker_ctl00_MenuContent_esfSearch_startdate img,
	#GMDatePicker_ctl00_MenuContent_esfSearch_enddate img
	{
		margin-left: 3px;
		float: left;
	}

	 /*----------------------------    R e c i p r o c a l    D e t a i l s  --------------------------------*/

        #reciprocalDetails {
            clear: both;
        }

        #reciprocalDetails .reciprocalPic {
            float: left;
            margin-bottom: 15px;
            width: 260px;
        }

        .reciprocalImg {
            padding: 1px;
        }

        #reciprocalDetails h4 {
            text-transform: uppercase;
        }

        #reciprocalSpecificsBox {
            width: 317px;
            float: right;
            margin: -20px -10px 0px 0px;
        }

        #reciprocalSpecificsBox h4 {
            width: 307px;
            /*width: 298px;*/
            min-height: 18px;
            /*margin-right: 20px;*/
            padding: 2px 0px 2px 10px;
            color: #FFF;
            text-transform: uppercase;
            background: url(../pics/h4Background.gif) top left no-repeat;
        }

        .introLetterBox {
            position: absolute;
            top: 26px;
            right: 3px;
            width: 53px;
        }

        #reciprocalSpecificsBox ul, #reciprocalReservationsBox ul {
            width: 317px;
            margin: 0px;
            padding: 10px 0px 10px 0px;
            list-style: none;
            border: 1px #E5E4DB solid;
            border-right: none;
            background: url(../pics/reciprocalDetailsBoxBackground.gif) bottom left no-repeat;
        }

        #reciprocalSpecificsBox ul li, #reciprocalReservationsBox ul li {
            min-height: 19px;
            padding: 0px 0px 3px 0px;
            margin: 0px 0px 0px 0px;
            list-style-image: none;
            clear: both;
        }

        #reciprocalSpecificsBox ul li div, #reciprocalReservationsBox ul li div {
            border-top: 1px #FFF solid; /**/
        }

        #reciprocalSpecificsBox ul li div.noBorder {
            border-top: none;
        }

        #reciprocalSpecificsBox li span.fieldName {
            width: 58px;
            padding: 0px;
            margin: 0px;
            margin-left:10px;
            color: #3C6A27;
            text-transform: uppercase;
            text-align: right;
            float: left;
            clear: left;

        }

        #reciprocalSpecificsBox li span.fieldValue {
            width: 225px;
            float: right;
        }

        #reciprocalDetails .pnl {
            margin: 5px 0px 10px 0px;
        }

        #reciprocalDetails table {
            width: 100%;
            margin: 6px 0px 15px 0px;
        }

        #reciprocalDetails td, th {
            margin: 2px;
            padding: 1px 5px 1px 5px;
            text-align: left;
            vertical-align: top;
            border-bottom: 1px solid #EFEFEF;
        }

        #reciprocalDetails th {
            color: #516293;
            font-weight: normal;
        }

        #reciprocalDetails td.checked {
            background-color: transparent;
            background: url(../pics/checkedIcon.gif) no-repeat center center;
        }

        #reciprocalDetails td.unchecked {
            background: transparent url(../pics/unCheckedIcon.gif) no-repeat center center;
        }

        #reciprocalDetails tr.alt {
            background-color: #F9F9F9;
        }

        #reciprocalDetails tr.alt  td.checked, #reciprocalDetails tr.alt  td.unchecked {
            background-color: #F9F9F9;
        }

        /*-----------------------------    C o m m i t t e e    R o s t e r    ------------------------------*/

        #committeeRoster {
            width: 673px;  /* total width: 683px */
            height: auto;
            padding: 0px 0px 15px 0px;
            margin: 10px 0px 15px 0px;
        }

        #committeeRoster b {
            color: #3C6A27;
            font-weight: normal;
            font-variant: small-caps;
            font-size:13px;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }
        #committeeRoster a:link, #committeeRoster a:visited {color: #3C6A27;}
        #committeeRoster a:hover { color: #B8630C; }

        #committeeRoster ul {
            width: 100%;
            margin: 0px 0px 0px 10px;
            padding: 0px;
            list-style: none;
        }

        #committeeRoster ul li {
            width: 325px;  /* total width: 335 */
            min-height: 16px;
            margin: 0px 11px 3px 0px;
            padding: 2px 0px 2px 0px;
            list-style-image: none;
            float: none;
        }

        #committeeRoster ul li a{
            min-height: 16px;
            height: 20px;
            padding: 2px 0px 2px 0px;
            cursor: pointer;
        }


        #committeeRoster li.header span.name {
            margin-bottom: 9px;
        }

        #committeeRoster span.name {
            width: 315px;
            padding-left: 25px;
            overflow: hidden;
            float: left;
            background: url(../pics/docIconOff.gif) 0px 0px no-repeat;
        }

        #committeeRoster span.name:hover{
            background: url(../pics/docIconOn.gif) 0px 0px no-repeat;
        }

        .detailsReturn {
            margin-bottom: 5px;
            padding-left: 12px;
            float: right;
            clear: both;
            display: block;
            background: url(../pics/backArrowOff.gif) top left no-repeat;
        }

        div.detailsReturn:hover {
            background: url(../pics/backArrowOn.gif) top left no-repeat;
        }

        /*---------------------------------    R o s t e r   D e t a i l s   --------------------------------*/

        #mainContentLeftDiv #rosterDetails {
            width: 673px;  /* total width: 683px */
            height : auto;
            padding: 0px 0px 15px 0px;
            margin: 10px 0px 15px 0px;
            display: block;
        }

        #rosterDetails ul {
            width: 100%;
            margin: 0px;
            padding: 0px;
            list-style: none;
            clear: both
        }

        #rosterDetails ul li {
            width: 325px;  /* total width: 335 */
            min-height: 16px;
            margin: 0px 11px 10px 0px;
            padding: 2px 0px 2px 0px;
            list-style-image: none;
            float: left;
            background: #FFFFFF url(../pics/rosterLIBackground.gif) top left no-repeat;
        }

        #rosterDetails li span.header {
            width: 321px;
            height: 23px;
            padding: 2px;
            display: block;
            background: url(../pics/tableHeaderBackground.gif) no-repeat;
            text-transform: uppercase;
            color: #FFF;
        }

        #rosterDetails li span.fieldName {
            width: 135px;
            padding-right: 2px;
            text-align: right;
            float:left;
            clear: left;
            color: #3C6A27;
            border-right: 1px #FFF solid;
        }

        #rosterDetails li span.fieldValue {
            width:170px;
            padding-left: 3px;
            overflow: hidden;
            float:left;
        }

     /*------------------------------    T a b s e t     E l e m e n t s  ----------------------------------*/

        dl.tabset   { margin:20px 0px 15px 0px; padding:0; position:relative }

        dl.tabset dt    {
            padding: 4px 10px 4px 20px;    /* controls the height of the tab */
            margin: -2px 0px 0px 0px;
            display: inline;
            cursor:pointer;
            background: url(../pics/tabHeaderOffBackground.gif) top left repeat-x;
            color: #3C6A27;
            text-transform: uppercase;
            border-color:#E6E5E3;
            font-size: 10px;
        }

        dl.tabset dt.active {
            cursor: default;
            background: url(../pics/tabHeaderActiveBackground.gif) top left repeat-x;
            color: #FFFFFF;
            border-bottom:0;
            position: relative;
            border: 1px #E6E5E3 solid;
            z-index:1;
        }

        dl.tabset dt.hover  {
            color:#FFF;
            background: url(../pics/tabHeaderOnBackground.gif) top left repeat-x;
        }

        dl.tabset dd    {
            display:none;
        }

        dl.tabset dd.active {
            width: 660px;
            margin: 2px 0px 0px 0px;
            padding: 20px 10px 10px 10px;
            display: block;
            float: left;
            clear: both;
            border: 1px #E6E5E3 solid;
        }

        dl.tabset dt.ieclear {
            float:none;
            display:block;
            height:0px;
            overflow:hidden;
            border:none;
            padding:0px;
        }
    /*---------------------------------     V i r t u a l    T o u r s    ----------------------------------*/
	.vtButton, .vtSelectedButton {
		padding: 1px 0px 1px 0px;
		font-size: 10px;
		text-indent: 15px;
		line-height:1; 
		background-color: #FAFAFA;
        border-bottom: 1px #EDEDE5 solid;	/* necessary to create button: do not remove   */
	}

	/* Side Vertical Menu*/
	.vtButton a {
		display: block;
		text-align: right; 
		padding: 3px 10px 3px 0px;
	}

	.vtButton a:link {color: #3C6A27 !important;}
	.vtButton a:visited {color: #598842 !important;}
	.vtButton a:hover {color: #DDD !important;}

/* Selected Button*/

	.vtSelectedButton {
		background-color: #EDF4E2;
background-color: #99B664;
background-color: #B8D28A;
		background-image: url(../pics/tourButtonBackground.gif);
		background-position: 174px center;
		background-repeat: no-repeat;
		margin-top:1px;
        margin-bottom:1px;
	}
	.vtSelectedButton a {
		padding: 3px 10px 3px 0px;
		text-decoration: none;
		display: block; 
		text-align: right;	 
	}
	.vtSelectedButton a:link {color: #FFF !important;}
	.vtSelectedButton a:visited {color: #FFF !important;}
	.vtSelectedButton a:hover {color: #FFF !important;}


.virtualTourText {font-size: 10px; line-height:1;}
.virtualTourText a{	text-decoration: none;}
.virtualTourText a:hover{	text-decoration: none;}
	
    /*---------------------------------------   P a g i n g   ----------------------------------------------*/
	
	/* removed #mainContentLeft because the only control that supports paging (Gridview)
		places paging controls inside a Table */
        div#paging {
            height: 30px;
            margin: 10px 0 10px 0px;
            border-top: #DBD8CD 1px solid;
            background: url(../pics/pagingBackground.gif) repeat-x;
            padding: 4px 2px 0 2px;
        }

        #paging span.pagingLeft {
            width: 200px;
            padding-left: 4px;
            float:left;
            vertical-align:bottom;
        }

        #paging span.pagingCenter {
            width: 253px;
            left: 2px;
            float:left;
            text-align: center;
            vertical-align: bottom;
        }

        #paging span.pagingRight {
            width: 213px;
            left: 2px;
            float:left;
            text-align: right;
            vertical-align:bottom;
        }

        input.pagingButton {
          height: 16px;
          margin: 0px;
          padding: 0px;
          background: url(../pics/smallButtonBackground.gif) 0px 0px no-repeat;
          font-size: 9px;
          color: #FFF;
          text-transform: uppercase;
        }

        #paging input.pagingButton:hover 
        {
			cursor: pointer;
			background: url(../pics/smallButtonBackground.gif) 0px -19px no-repeat;
        }
        
        #paging select {
			background-color: #DEE5D4;
			font-size: 9px;
			margin: 0px;
			padding: 0px;
        }
/*----------------------------      Clube Facilities Page     -------------------------------*/
        
        #ClubFacilities {
			padding-right: 25px;
			padding-left: 25px;
        }
        
        #ClubFacilities h3 {
			margin-left: -25px;
        }

/*----------------------------      T A B L E   G R I D     -------------------------------*/

 .RowStyle, .AlternatingRowStyle, .HoverRowStyle, .SelectedRowStyle, #tableOverride td
{
	background-color: #ffffff;
	height: 27px;
	vertical-align: top;
}

.RowStyle td, .AlternatingRowStyle td, .HoverRowStyle td, .SelectedRowStyle td, #tableOverride td
{
    line-height: 25px;
	padding-top: 0px;
	padding-left: 7px;
}

.AlternatingRowStyle, #tableOverride .alt td
{
	background-color: #F4F3F2;
background-color: #F7F6F5;
}

.HoverRowStyle
{
	background-color: #EFEFEC;
	color: #B8630C;
}

.HoverRowStyle td div
{ /* Magnifying Icon appears in TD w/Div */
	background-image: url(../pics/mainContentLeftLIViewHoverBackground.gif);
	background-position: right 5px;
	background-repeat: no-repeat;
}

.SelectedRowStyle
{
	background-color: #DEE5D4;
}

.DataWebControlStyle /*table */
{
	margin: 0px;
	padding: 0px;
	clear: both;
}

.HeaderStyle, #tableOverride tr th /* tr */
{
    color: #FFFFFF;
    text-transform: uppercase;
}

.HeaderStyle th
{
    background-image: url(../pics/tableHeaderBackground2.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
    line-height: 21px;
    height: 23px;
	border: none;
    border-bottom: solid 9px #FFFFFF;
    font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 4px;
}

.HeaderStyle th.thleft 
{
    background-image: url(../pics/tableHeaderBackground.gif);
	padding-left: 7px;
}

.HeaderStyle th.thright 
{
    background-image: url(../pics/tableHeaderBackground.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.MajorHeaderTDStyle
{
    font-size: 15px;
    font-weight:normal;
    text-transform: uppercase;
    letter-spacing: -.025em;
    color: #3C6A27;
    clear: both;
	font-variant: small-caps;
	background-color: #FFFFFF;
    margin: 15px 0px 10px 0px;
	padding-left: 7px;
	padding-top: 20px;
}

.MajorHeaderH2Public
{
	height: 42px;
	background-color: #FFFFFF;
	padding-left: 7px;
}


.MajorHeaderH2Public h3
{
	margin: 0px;
	padding: 0px;
}

.PagerStyle
{
}

#tableOverride tr th 
{
    background-image: url(../pics/tableHeaderDblBackground3.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
    height: 42px;
    line-height: 18px;
	border: none;
    border-bottom: solid 9px #FFFFFF;
    font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
    padding-right: 4px;
}

#tableOverride tr th.thleft 
{
    background-image: url(../pics/tableHeaderDblBackground.gif);
	padding-left: 7px;
    height: 42px;
}

#tableOverride tr th.thright 
{
    background-image: url(../pics/tableHeaderDblBackground.gif);
    background-position: right top;
    background-repeat: no-repeat;
    height: 42px;
}

#tableOverride td
{
    color: #555555;
    padding-top: 7px;
    line-height: 15px;
    padding-bottom: 3px;
    /*height: 54px;*/
}

#tableOverride h3 
{
    clear: none;
}

.showIcon {/* Magnifying Icon appears in TD w/Div */
	background-image: url(../pics/mainContentLeftLIViewBackground.gif);
	background-position: right 5px;
	background-repeat: no-repeat;
	width: 22px;
	height: 19px;
}

.gridviewHoursDay { /* first column */
    width: 120px;
    text-transform: uppercase;
    color: #3C6A27;
}

#ctl00_MainContent_FormView1 td img
{
	float: right;
	margin-left: 8px;
}