/* Colors

   basic red: #e51937;
   green: #006f51;
   tan: #ffe79f

*/

div#pageHeader
{
}
div#pageContent
{
   position: relative;
   width: 100%;
   xfloat: left;
}
div#pageFooter
{
}

div#linksContainer
{
   position: relative;
   top: 16px;
   height: 40px;   
}

div#banner
{
   clear: both;
   background-color: #ffe79f;
}

div#bannerLeft
{
   float: left;
}

div#bannerLeft img
{
   margin-left: 25px;
}
div#bannerRight
{
   float: right;
}
div#bannerRight img
{
   margin-right: 25px;
}

div#pageContent img#boxHolly
{
   float:right;
   position: relative;
   top: -32px;
   z-index: 45;
}
/*

div#content
{
   position: relative;
   xfloat: left;
}
*/

div#pageContent
{
   position: relative;
   float: left;
   background: #000000 url(../Images/Green_bkgd.png) bottom left;
   padding-bottom: 25px;
}
div#pageContent div.theContent
{
   position:relative;
   float: left;
   background-color: #ffe79f;
   margin-top: -84px;
   width: 100%;
}

/*
div#pageFooter
{
}
*/

div#hostAnEvent
{
   background-color: #ffe79f;
   xmargin-bottom: -1%;
   position:relative;
   float: left;
   width: 100%;
}

div#hostAnEvent img.banner
{
   margin-left: 2%;
   margin-top: 1%;
}

div#hostAnEvent h3
{
   float:left;
   color: #e51937;
   font-size: 100%;
   font-weight: bold;
   font-family: Arial Black;
}
div#hostAnEvent div#column1
{
   width: 18%;
   float: left;
   margin-left: 2%;
   height: 400px;
}
div#hostAnEvent div#column1 p
{
   background-color: #006f51;
   color: #ffffff;
   padding: 3% 3% 30% 3%;
   text-align: center;
   font-size: 80%;
}

div#hostAnEvent img#eventHolly
{
   clear: both;
   position: relative;
   top: -50px;
   left: 30%;
}

div#hostAnEvent div#howItWorks
{
   float: left;
   width: 78%;
   margin-left: 2%;
   position: relative;
}

div#hostAnEvent div h3
{
}
div#hostAnEvent div#column2
{
   float: left;
   width: 34%;
   padding: 0 4% 0 2%;
}
div#hostAnEvent div#column3
{
   float: left;
   width: 34%;
   padding: 0 4% 0 2%;
}

div#hostAnEvent ol
,div#hostAnEvent ul
{
   clear: both;
   list-style: none;
}
div#hostAnEvent li 
{
   font-size: 75%;
   margin-bottom: 10px;
   line-height: 1.3em;
   font-weight: bold;
}

div#hostAnEvent li p
{
   font-weight: normal;
}

div#hostAnEvent li a
{
   color: #e51937;
}
div#hostAnEvent li .listNumber
{
   font-weight: bold;
   margin-left: -20px;
}
div#hostAnEvent li .strong
{
   font-weight: bold;
}

/* login and registration */
div#login
,div#registration
{
   background-color: #ffe79f;
   position:relative;
   float: left;
   width: 100%;
}

div#login img.banner
,div#registration img.banner
{
   margin-left: 2%;
   margin-top: 1%;
}

div#loginInfo
,div#registrationInfo
,div#forgotPassword
{
   position:relative;
   left: 4%;
}

div#loginInfo .note
,div#forgotPassword .note
,div#registrationInfo .note
{
   position:relative;
   top: -1em;
   font-size: 90%;
}

div#loginInfo table.login
{
   width: 80%;
}
div#forgotPassword table.login
{
      width: 100%;
}
div#loginInfo #left
,div#forgotPassword #left
,div#registrationInfo #left
{
   position: relative;
   float: left;
   width: 60%;
}
div#forgotPassword #left
{
   width: 70%;
}
div#registrationInfo #left
{
   width: 50%;
}
div#loginInfo #right
,div#registrationInfo #right
{
   position: relative;
   float: left;
}

div#loginInfo #left label
,div#forgotPassword #left label
,div#registrationInfo #left label
,div#registrationInfo #right label
{
   width: 6.7em;
   float: left;
   margin-top: 3px;
}

div#registrationInfo #left label
,div#registrationInfo #right label
{
   width: 8.4em;
   font-size: 80%;
}

div#loginInfo #left input
,div#forgotPassword #left input
,div#registrationInfo #left input
,div#registrationInfo #right input
{
   width: 24em;
   float: left;
   margin-left: 5px;
   margin-top: 3px;
}
div#registrationInfo #left label
,div#registrationInfo #left input
{
   margin-top: 10px;
}
div#loginInfo #left input.username
{
}
div#loginInfo #left input.password
/* ,div#registrationInfo #left input.password */
{
   width: 12em;
}

div#registrationInfo #left input
,div#registrationInfo #right input
{
   width: 26em;
}

div#registrationInfo #left input.confirmPassword
{
   width: 22.0em;
}

div#loginInfo #left span.loginError
,div#forgotPassword #left span.loginError
,div#registrationInfo #left span.loginError
{
   float: left;
   margin-left: 8.7em;
   font-size: 80%;
}

div#forgotPassword #left span.sendPasswordError
{
   float: left;
   margin-left: 16.7em;
   font-size: 80%;
}
/*
div#loginFooter
{
   xclear: both;
   xfloat:left;
   height: 25px;
   width: 100%;
   background: #000000 url(../Images/Green_bkgd.png) no-repeat bottom left;
}
*/
div#loginInfo #left input.button
,div#forgotPassword #left input.button
,div#registrationInfo #left input.button
{
   width: 15em;
   float: right;
   margin-right: 10%;
}
div#forgotPassword #left input.button
{
   margin-right: 24%;
}
div#loginInfo #left .checkbox input
,div#loginInfo #left .checkbox label
{
   float: left;
}
div#loginInfo #left .checkbox input
{
   width: 1em;
}
div#loginInfo #left .checkbox label
{
   width: 90%;
   font-size: 90%;
}

div#loginInfo #right
{
   width: 20%;
   margin-top: -78px;
}
div#loginInfo #right h4
{
   font-size: 80%;
}

div#loginInfo #right p
{
   font-size: 80%;
}
div#loginInfo #right a
{
   color: #ee3a43;
}

div#registrationInfo #right label.date
{
}
div#registrationInfo #right input.date
{
   margin-left: 0;
   width: 5em;
}

.required
{
   color: #ee3a43;
   font-size: 80%;
}
.notRequired
{
   color: transparent;
}

.ajax__validatorcallout
{
   z-index: 1000;
}

.ajax__validatorcallout_error_message_cell
{
   color: #ee3a43;
}

div#registrationInfo #nameParts label.firstName
{
}
div#registrationInfo #nameParts label.lastName
{
   width: 6.7em;
   margin-left: 10px;
}
div#registrationInfo #nameParts input.firstName
{
}
div#registrationInfo #nameParts input.lastName
{
}
div#registrationInfo #nameParts input
{
   width: 9.1em;
}

div#registrationInfo #cityParts label
{
   margin-left: 5px;
}
div#registrationInfo #cityParts label.city
{
   margin-left: 0;
}
div#registrationInfo #cityParts label.state
{
   width: 2em;
}
div#registrationInfo #cityParts label.zipcode
{
   width: 2.5em;
}
div#registrationInfo #cityParts input.city
{
   width: 12.5em;
}
div#registrationInfo #cityParts input.state
{
   width: 2em;
}
div#registrationInfo #cityParts input.zipcode
{
   width: 5em;
}
div#registrationInfo #right
{
   width: 45%;
   padding: 0 5% 0 0;
}
div#registrationInfo #right label
,div#registrationInfo #right textarea
{
   float: left;
   width: 90%;
}

/*
div#registrationInfo #left input.button
{
   float: right;
   width: 15em;
   margin-right: 10%;
}
*/

#emailNote
{
   font-size: 80%;
}

div#forgotPassword #left label
{
   width: 13em;
}