*
{
    margin: 0;
    padding: 0;
    font-family: Verdana;
}
body
{
    background: url(/App_Themes/FrontEnd/Images/headerGrad.jpg) repeat-x;
}
.wrapper
{
    position:absolute;
    width: 985px;
    margin-left:-492px;
    padding-left:50%;
}
.header
{
    left:0px;
    display: block;
    height: 105px;
    /*width: 820px;*/ width:980px;
    background: url(/App_Themes/FrontEnd/Images/header.jpg) no-repeat 200px 0;
    position:relative;
}
.logo
{
    left:30px;
    top:0px;
    display: block;
    width: 158px;
    height: 105px;
    background: url(/App_Themes/FrontEnd/Images/logo.jpg) no-repeat 0px 0px;
    position:absolute;
}
.logo a img
{
    border:none;
}
.menu
{
    left:-1px;
    top:41px;
    display: block;
    height:34px;
    color: #FFFFFF;
    float:left;
    position:absolute;
}
.menu ul
{
    list-style-type: none;
    /*width: 800px;*/
}
.leftMenuHeader
{
    background: url(/App_Themes/FrontEnd/Images/MenuGrad.jpg) repeat-x;
    display: inline;
    width: 200px;
    height:34px;
    float: left;
}
.leftMenu
{
    background: url(/App_Themes/FrontEnd/Images/MenuGrad.jpg) repeat-x;
    display: inline;
    width: 100px;
    height:34px;
    float: left;
    margin-left:1px;
    text-align:center;
    padding-top:4px;
    font-size:0.9em;
}
.leftMenu a
{
    text-decoration: none;
    color: #FFFFFF;
}
.leftMenu a:hover
{
    color: #FFFF00;
}
.leftMenuFooter
{
    background: url(/App_Themes/FrontEnd/Images/cornerMenu.jpg) repeat-x;
    display: inline;
    width: 54px;
    height:37px;
    float: left;
}
.rightMenuHeader
{
    background: url(/App_Themes/FrontEnd/Images/cornerL.jpg) no-repeat top right;
    display: inline;
    width: 252px;
    height:35px;
    float: left;
}
.rightMenu
{
    background: url(/App_Themes/FrontEnd/Images/smallGrad.jpg) repeat-x;
    display: inline;
    /*width: 65px;*/
    padding-left:5px;
    padding-right:5px;
    height:35px;
    float: left;
    text-align:center;
    padding-top:4px;
    font-size:smaller;
    margin-left:1px;
    font-size:0.9em;
}
.rightMenu a
{
    text-decoration: none;
    color: #FFFFFF;
}
.rightMenu a:hover
{
    color: #FFFF00;
}
.rightMenuFooter
{
    background: url(/App_Themes/FrontEnd/Images/cornerR.jpg) no-repeat;
    display: inline;
    width: 36px;
    height:35px;
    float: left;
    margin-left:1px;
}
.container
{
    width:100%;
    height:100%;
    top:-25px;
    left:0;
    position:relative;
}
.rightadcontainer
{
    width:100%;
    height:100%;
    top:-25px;
    left:800px;
    position:relative;
}
.footer
{
    position: fixed;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 45px;
    font-size: .8em;
    color: #FFFFFF;
    background: url(/App_Themes/FrontEnd/Images/footerGrad.jpg) repeat-x;
    z-index:-2;
    text-align:center;
}
.footerWrapper
{
    position:fixed;
    bottom: -16px;
    width: 825px;
    z-index:-1;
}
.footerMenu
{
    height:43px;
    vertical-align:middle;
    padding-top:16px;
    /*width:985px;*/
    text-align:center;
}
.footerMenu span
{
    padding-left:5px;
    padding-right:5px;
    /*height:35px;*/
    text-align:center;
    font-size:smaller;
    margin-left:1px;
    font-size:0.9em;
}
.footerMenu span a
{
    text-decoration: none;
    color: #ffffff;
}
.footerMenu span a:hover
{
    color: #ffff00;
}
.facebooklogo
{
    /*position:relative;*/
    float:right;
    width: 113px;
    height: 43px;
    /*left:712px;*/ /*985*/
    padding-right:4px;
    bottom:56px;
    /*display: block;*/
    /*background: url(/App_Themes/FrontEnd/Images/logo.jpg) no-repeat 0px 0px;*/
    z-index:-1;
}
.facebooklogo a img
{
    border:none;
}
.linkButton
{
    cursor:pointer;
}
/* v list.asp positioning v */
.eventContainer
{
    width: 600px;
    height: 600px; /*(3*25)+20 450*/
    top: 0px;
    left: 165px;
    position: absolute;
}
.eventCalendar
{
    top: 2px;
    left: 55px; /*490 + (2*55) = 600 */
    position: absolute;
}
.eventPreviousButton
{
    top: 341px; /*95 - 19 + 10*/
    left: -25px;
    width: 21px;
    height: 19px;
    position: absolute;
}
.eventNextButton
{
    top: 340px; /*95 - 19 + 10*/
    right: -26px;
    width: 21px;
    height: 19px;
    position: absolute;
}
.eventListing
{
    top: 80px; /* (3 * 25) + 20 = 95*/
    left: -25px;
    position: absolute;
}
/* ^ list.asp positioning ^ */

/* v FrontCalendar v */
.frontCalendarMonths
{
    height:20px;
    width:489px; /*-1 pixel for the white border on the right side a day*/
    color:#FFFFFF;
    background-color:#828282;
    text-align:center;
    overflow:hidden;
}
.frontCalendarDays
{
    border:none;
    height:75px;
    width:490px;
    font-size:0.9em;
    vertical-align:bottom;
}
.frontCalendarDays a
{
    text-decoration:underline;
    font-family: Arial, Sans-Serif;
}
.frontCalendarDays div div
{
    width:34px;
    height:25px;
    border-right:solid 1px white;
    text-align:center;
    font-family: Arial, Sans-Serif;
    vertical-align:middle;
}
.frontCalendarDaysTH_Normal
{
    background-color:#C2DA52;
    font-weight:normal;
}
.frontCalendarDaysTH_Bold
{
    background-color:#C2DA52;
    font-weight:bold;
}
.evenMonth
{
    color:#c2da52;
    background-color:#828282;
}
.evenMonth a
{
    color:#c2da52;
}
.evenMonthBold
{
    color:#c2da52;
    background-color:#828282;
    font-weight:bold;
}
.evenMonthBold a
{
    color:#c2da52;
}
.oddMonth
{
    color:#fba917;
    background-color:#828282;
}
.oddMonth a
{
    color:#fba917;
    text-decoration:underline;
    font-family: Arial, Sans-Serif;
}
.oddMonthBold
{
    color:#fba917;
    background-color:#828282;
    font-weight:bold;
}
.oddMonthBold a
{
    color:#fba917;
    text-decoration:underline;
    font-family: Arial, Sans-Serif;
}
.bottomLeftCorner
{
    background: url(/App_Themes/FrontEnd/Images/bottomLeftCorner.gif) no-repeat;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 87px; /*95 - 8*/
    left: 0px;
}
.bottomRightCorner
{
    background: url(/App_Themes/FrontEnd/Images/bottomRightCorner.gif) no-repeat;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 87px; /*95 - 8*/
    left: 481px;
}
/* ^ FrontCalendar ^ */

/* v details.aspx positioning v */
.detailsContainer
{
    width: 625px;
    /*height: 650px;*/
    top: 105px;
    left: 165px;
    position: absolute;
    background-color:White;
    filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	padding:0 0.5em 0 0.5em;
}
.info
{
    float: left;
/*    width: 285px;*/
}
.info h1
{
    color: #C2DA52;
    font-size: 1em;
    font-weight: bold;
}
.info h1 a
{
    color: #c2da52;
    font-size: 1em;
    font-weight: bold;
}
.info h1 a:hover
{
    color: #c2da52;
    font-size: 1em;
    font-weight: bold;
}
.info h2
{
    color: #000000;
    font-size: 1em;
    font-weight: normal;
}
.info h3
{
    color:#000000;
    font-weight: bold;
    font-size: 1em;
    /*width: 120px;*/
    vertical-align: top;
    margin-top:1em;
}
.info p
{
    padding-left:1em;
    font-size: 1em;
    vertical-align: top;
}
.info p a
{
    color:#000000;
}
.info p a:visited
{
    color:#000000;
}
.info p a:hover
{
    color:#111111;
}
.leftContainer
{
    width:140px;
    top: 80px;
    left: -1px;
    position: absolute;
    text-align:center;
    background-color:Transparent;
    overflow:hidden;
    color:#FFFFFF;
    z-index:666;
}
.languageSelection
{
    width:140px;
    height:25px;
    position: relative;
    z-index:666;
}
.languageSelection a
{
    padding:5px;
    text-decoration: none;
    color: #000000;
}
.languageSelection a:hover
{
    color: #008800;
}
.userMenu
{
    width:140px;
    /*height:195px;*/
    /*top: 145px;*/ /*105 + 140 + 5*/
    /*left: 5px;*/
    position: relative;
    background-color:#828282;
    overflow:hidden;
    font-size:0.8em;
    color:#FFFFFF;
    padding-bottom:15px;
    z-index:666;
}
.userMenu h1
{
    font-size:1em;
    color:#FFFFFF;
    background-color:#B2B2B2;
    padding-left:4px
}
.userMenu div
{
    padding-top:1em;
    padding-left:4px;
}
.userMenu div input[type="button"]
{
    border:outset thin grey;
    width:125px;
    font-size:smaller;
}
.userMenu div button[type="submit"]
{
    border:outset thin grey;
    width:125px;
    font-size:smaller;
}
.userMenu fieldset
{
	width:130px;
	text-align:left;
}
.userMenu fieldset legend input[type="submit"]
{
    border:outset thin grey;
    width:45px;
    font-size:smaller;
}
.userMenu fieldset table tr td
{
    text-align:left;
    font-size:smaller;
}
.userMenuBottomLeftCorner
{
    background: url(/App_Themes/FrontEnd/Images/bottomLeftCorner.gif) no-repeat;
    width: 8px;
    height: 8px;
    position: absolute;
    /*top: 187px;*/
    bottom: -13px;
    left: 0px;
}
.userMenuBottomRightCorner
{
    background: url(/App_Themes/FrontEnd/Images/bottomRightCorner.gif) no-repeat;
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: -13px;
    left: 132px;
}
.leaderboard
{
    width:728px;
    height:90px;
    top: 2px;
    left: 220px;
    position: absolute;
    /*background: url(/App_Themes/FrontEnd/Images/leaderboard.gif) no-repeat;*/
}
/* ^ details.aspx positioning ^ */
/* v privacy.aspx positioning v */
.privacyContainer
{
    background-color:#FFFFFF;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	padding:.5em;
	margin-top: 2em;
}
.privacyContainer h1, .privacyContainer h2, .privacyContainer h3, .privacyContainer h4
{
    margin-top: 1em;
    margin-bottom: 0;
}
.privacyContainer p
{
    margin-top: 1em;
    margin-bottom: 0.5em;
    text-align:justify;
}
.privacyContainer ul
{
    margin-top: 0;
    margin-bottom: 0;
    list-style-position:inside;
}
/* ^ privacy.aspx positioning ^ */
.skyscraper
{
    width:160px;
    height:600px;
    top: 102px;
    left: 815px;
    position: absolute;
    /*background: url(/App_Themes/FrontEnd/Images/wide-skyscraper.gif) no-repeat;*/
}

/* v Send2Friend v */
.ModalBackground
{
	background-color:#444444;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}
.sendToFriend
{
    position:absolute; top:-9000px; left:-9000px; /* should be a better sollution like display:none or visibility:hidden*/
	background-color:#9BC650;
	color:#000000;
	padding:0.3em;
	width:475px;
	font-size:0.8em;
	/*display:none;*/
}
 .sendToFriend fieldset
 {
    border-color:#C2DA52;
 }
 .sendToFriend fieldset legend
 {
    background-color:#B2B2B2;
	color:#FFFFFF;
	font-weight:bold;
 }
  .sendToFriend fieldset div
{
    padding:0.2em;
}
.flyerLightBox
{
    position:absolute; top:-9000px; left:-9000px; /* should be a better sollution like display:none or visibility:hidden*/
	background-color:#9BC650;
	color:#000000;
	padding:0.3em;
	width:600px;
	height:450px;
	font-size:0.8em;
	overflow:hidden;
	/*display:none;*/
}
.fromField
{
    background-color:#828282;
	color:#000000;
	margin:0.2em;
	padding:1em;
}
.toField
{
    background-color:#828282;
	color:#000000;
	margin:0.2em;
	padding:1em;
}
/* ^ Send2Friend ^ */
.flyerSubmitPannel
{
    position:absolute;
    top: 20px;
    left:20px;
    background-color:#9BC650;
}
.mailingListRegisterPannel
{
    position:absolute;
    top: 20px;
    left:20px;
    background-color:#9BC650;
    padding:.5em;
}
.flyerSubmitPannel input[type="submit"], .mailingListRegisterPannel input[type="submit"]
{
    padding: 2px 5px 2px 5px;
}

/* v DatePager v *//*
#eventDatesList
{
    top: 170px;
    left: 5px;
    position: relative;
    font-size: small;
    text-align: right;
    list-style: none;
}

#eventDatesList li
{
    padding-top: 1px;
    padding-bottom: 1px;
}

#eventDatesList .today
{
    text-align: center;
    background-color: #EEFFDD;
}

#eventDatesList .alternate
{
    background-color: #EEFFDD;
}

#eventDatesList a
{
    text-decoration: none;
}

.redDate
{
    color: #FF0000;
    background-color: #FFFFCC;
}
*//* ^ DatePager ^ */
/* v sociable v *//*
.sociable-hovers ul
{
    list-style-type: none;
}
.sociable-hovers ul li
{
    display: inline;
    float: left;
    background: url(images/bulletArrow.gif) no-repeat scroll 0 4px;
    padding: 0 0 2px 14px;
}
.sociable-hovers ul li a
{
    text-decoration: none;
    color: #FFFFFF;
}
.sociable-hovers ul li a img
{
    border: none;
}
ol
{
    list-style-type: decimal;
    list-style-image: inherit;
    list-style-position: inside;
}
*//* ^ sociable ^ */
/*
a
{
    color: #333333;
}

a:hover
{
    color: #CC5200;
}
*/