#eventContainer              {float:right; width:180px; padding-left: 10px;}
#eventContainer              {padding-bottom:32767px; margin-bottom:-32767px;}
#event1,
#event2,
#event3,
#event4,
.boxtitle                    {color: #FFF;}
.boxTop,
.boxBottom,
.boxTitle                    {display: block; margin: 0; padding: 0; border: 0;
                              width: 180px; background-repeat: no-repeat;}
.boxTop                      {height: 27px; background-image: url(../images/boxTop.png);}
.boxTitle,
#event_pp                    {padding: 3px; text-align: center;
                              font: italic normal bold .9em Tahoma, Verdana, Arial;}
#event_pp                    {padding: 0 0 7px 0;}
.boxBottom                   {height: 11px; background-image: url(../images/boxBottom.png);
                              margin-bottom: 10px;}
.boxContent                  {border-left: 1px solid #CCC; border-right: 1px solid #CCC;
                              display: block; margin: 0; padding: 2px 5px;}
.login_table                 {width: 170px; border-collapse: collapse;}
.login_table tr              {width:100%;}
#event1 form,
#contactform,
#registerUser                {margin: 0; padding: 0;
                              font:normal normal normal 1em Tahoma, Arial, Helvetica, sans-serif;}
#username_label,
#rememberMe_label,
#username_tBox,
#rememberMe_cBox,
#password_label,
#password_tBox,
#forgotPassword,
#newAccount                  {padding:0; margin:0;}
#username_label,
#rememberMe_cBox             {width:35%;}
#rememberMe_label,
#username_tBox,
#password_tBox               {width:65%;}
#username_tBox input,
#password_tBox input         {border-left-color: #0000CC;  border-right-color: #9999FF;
                              border-top-color: #0000CC;  border-bottom-color: #9999FF;
                              border-width: 1px;}
#username_label,
#rememberMe_label,
#password_label              {font-size:70%; color: #666;}
#forgotPassword              {font-size:70%;}
/*                                                                  */
/*     MAKE FORGOT PASSWORD LINK INVISIBLE UNTIL MODULE IS BUILT    */
/*                                                                  */
#forgotPassword              {visibility: hidden;}
#rememberMe_label,
#rememberMe_cBox,
#sendbutton_in               {text-align: right;}
#username_login_value        {font-size: 95%;}
#newAccount                  {font-size: 75%; font-weight: bold; text-align: center;
                              padding-top: 6px;}
#sendbutton_in input         {font-size: 70%; color: #666; padding: 4px;}
#loggedOut                   {display: none; font-size: 65%;}
#userVisits_label,
#userLastVisit_label,
#userDateJoined_label,
#userStatus_label,
#userCounty_label,
#userDistrict_label,
#userRegion_label            {float: left; text-align: right; width: 45%; color: #666;}
#userVisits_value,
#userLastVisit_value,
#userDateJoined_value,
#userStatus_value,
#userCounty_value,
#userDistrict_value,
#userRegion_value            {float: right; text-align: left; color: #666; width: 50%;}
#userLastVisit_label,
#userLastVisit_value         {display: none;}
#userWelcome_label,
#userWelcome_value           {display: inline; padding-left: 3px;}
#userWelcome                 {background-color: #FFF4FB; padding: 2px 5px;}
#userWelcome                 {font-size: 115%; color: #660000; text-align: center;}
#sendbutton_out input        {padding: 0 5px;}
#sendbutton_in               {padding: 10px 0;}
#sendbutton_out input        {font-size:95%; width: 100%; margin: 5px auto 0 auto;}
#contactform                 {width: 170px; overflow: hidden;}
#event2 p                    {font: normal normal normal 8pt Verdana, Tahoma, Arial, serif;
                              line-height: 95%; text-align: justify; margin: 2px 0;}
#eventAnchor1 a,
#eventAnchor2 a,
#eventAnchor3 a              {text-decoration: none;}
a.screen, a.screen:visited   {color:#c00; position:relative; z-index:1;}
a.screen b                   {position:absolute; visibility:hidden; /* hide the image */
                              width:405px; /* give it a width */
                              height:0; /* no height to solve an Opera bug that
                                          makes it selectable when hidden */
                              /*border:1px solid #000;  add a border */
                              top:-240px; left:0; /* position:the image */ }
a.screen:hover               {text-decoration:none; z-index:1000;
                              margin-left:-412px; padding-left:412px;
                              border:0; /* needed for this to work in IE */ }
a.screen:hover b             {visibility:visible; /* make the image visible */
                              height:524px; /* now give it a height */
                              z-index:500; cursor:pointer; /* for IE */ }
a.screen:hover b img         {border:0; /* remove the link border */ }


.eContent                    {display: block; text-align: justify; padding-bottom: 3px;}
.eDate                       {color: #222B13; font-weight: bold;}
.eLocation                   {color: #400000;}
.eSummary                    {color: #000640;}