/* ***************************
  Site - Synagogue
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* ***************************
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	color:#0057FF;
	text-decoration:none;
}
a:hover {
	color:#0057FF;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
li {
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}

/* ***************************
   $2 Website Structure Styles
   ***************************/
body {
	text-align:center;
    font-size:75%;
    font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bg_body.jpg) repeat-x;
}
#container {
	margin:0px auto;
	text-align:left;
}

/* ***************************
   $3 Header Styles
   ***************************/

#header { height:36px; }

#header_top { color: #008BFF;}

#header_top form.head_signin { position:relative; /*right:-10px; width:315px;*/  }

#header_top form .submit_button:hover {
background:transparent url(../images/submit_button.png) no-repeat scroll left bottom;
}
#header_top form .submit_button {
background:transparent url(../images/submit_button.png) no-repeat scroll left top;
border:medium none;
cursor:pointer;
height:14px;
margin-left:5px;
padding:0;
width:12px;
}
#header_top #header_top_login_area{
    margin-top:-7px;
}
#header_top .start_logged_in{
    margin-top:-7px;
}
#header_top #admin_frm_head { position:absolute; float:none; bottom:auto; /*padding:0px; margin-left:245px;*/ top:5px; }

#topnav { width:997px; height:auto; }

#topnav h3 {

float:right;
margin:0 0 0 0;
padding:0px 16px 0 0;

width:244px;
height:26px;

text-align:right;

font-style:italic;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:90%;
font-weight:normal;

color:#888;
background:transparent url(../images/h4Bg.gif) no-repeat;

}

/* ***************************
   $4 Content Styles
   ***************************/
#content {
	/* position:relative; */
	background:transparent;
	border:0px;
	width:981px;
	padding-bottom:20px;
	margin-top:3px;
}

#maincontent {
	margin-top:5px;
	width:537px;
	background:transparent url(../images/bg_maincontent.png) repeat-y scroll 0 0;
}
#maincontent.full_width {
	width:781px;
	background:transparent url(../images/bg_maincontent_wide.png) repeat-y scroll 0 0;
}

#maincontent p a { color:#0057FF; }

#maincontent h2 {
background: transparent;
padding:10px 0 12px 0;
border-bottom: 0px;
font-family:Georgia,"Times New Roman",Times,serif;
font-style:italic;
font-weight:normal;
color:#333333;
height:24px;
line-height:27px;
}

#maincontent ul { padding-bottom:10px; }

#maincontent.default { border-top:1px solid #C9CC9F; border-bottom:1px solid #C9CC9F; }
#maincontent.default .content_container { padding:0px 17px; }

#maincontent .featured_article { background:none; width:auto; padding-bottom:0; }
#maincontent .featured_article img { max-width:454px; }



/* Reset the Reset */
#maincontent .featured_article p { padding:16px 0 0px 0; }
.featured_article li { list-style-position: outside; list-style-type: inherit; margin-left:20px; }

#logo_img { border:0px; margin-left:0px; width:182px; }

/* CALENDAR */
#maincontent.cal { margin-top:30px; background:none; margin-left:7px; }
#maincontent.cal #maincontent { background:none; margin-top:0px;  }
table.calendar { margin-left:0px; }


table.calendar{
	border-collapse: collapse;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	margin-left: 0;
	margin-bottom: 0;
	background:#F6F4E5;
}
table.calendar td{
	border: 1px dotted #ccc;
	width: 112px;
	height: 100px;
	text-align: left;
	vertical-align: top;
}
table.calendar td.unmonth{
}
table.calendar th{
	text-align: left;
	padding: 2px;
	height: 20px;
}
table.calendar th a{
}
table.calendar th.next{
	text-align: right;
	font-size:40px;
}
table.calendar th.previous{
	text-align: left;
	font-size:40px;
}
table.calendar td.today{
}
table.calendar th.month_header{
	font-size: 24px;
	text-align: center;
	padding-top: 7px;
}
table.calendar td span.day{
	display: block;
	width: 18px;
	height: 12px;
	position: absolute;
	font-size: 10px;
	padding: 2px;
}
table.calendar td span.jewishDay{
	float: right;
	height: 12px;
	font-size: 10px;
	font-style: italic;
	margin-right: 2px;
	padding: 2px;
}
table.calendar td div.sedra{
	clear:both;
	display: block;
	width: 100%;
	font-size: 10px;
	fong-weight: bold;
	text-align: center;
	padding-top: 5px;
}
table.calendar td span.day a{
	text-decoration: none;
}
table.calendar td span.day a:hover{
}
table.calendar td ul{
	margin-left: 18px;
	padding: 0px;
	list-style-type: circle;
	font-size: 11px;
}
table.calendar td ul li{
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}
table.calendar tr:hover{
}
table.calendar td:hover{
}

#maincontent.register { width:537px; }
#maincontent.register h2 { padding-left:20px; }
/* ***************************
   $5 Sidebar Styles
   ***************************/

/* Left Sidebar */
#sidebar_left { width:182px; margin-right:0px; margin-top: 5px; overflow:visible;}
#mainnav { background:none; padding:0 0 0 10px; }

/*
#mainnav,
#mainnav .menuheader,
#mainnav .menuheader label,
#mainnav .menuheader a,
#mainnav .menuheader div,
#mainnav .categoryitems,
#mainnav .categoryitems li,
#mainnav .categoryitems li a {
	margin:0;
	padding:0;
	float:none;
	background-color:transparent;
}

/* Main List * /
#mainnav .menuheader { background:transparent url(../images/bg_mainnav_li.png) repeat-y scroll 0 0; }

#mainnav .menuheader label { display:block; height:40px; background:transparent url(../images/bg_mainnav_a2.png) no-repeat scroll right center; width:173px; }
#sidebar_left #mainnav .menuheader label.openheader { 
    background:transparent url(../images/bg_mainnav_a1.png) no-repeat scroll right center; }

#mainnav .menuheader a { display:block; height:40px; width:160px; padding-left:15px; padding-top:8px; vertical-align:middle; color:black; font-size:18px; font-family:Georgia,"Times New Roman",Times,serif;
  }
#mainnav .menuheader a:hover { text-decoration:none;   }

/* Sub Items * /
#mainnav .menuheader div .categoryitems li a { width:160px; padding:7px 10px; color:#336699; font-family:Arial,Helvetica,sans-serif; font-size:14px; background:none; height:15px; border:1px solid #F1F0DE; }
#mainnav .menuheader div .categoryitems li a:hover { color:#000000; background:none; }
*/
#nav_section{
	background-color:transparent;
}
#nav_section li{
    margin:0;
	padding:0;
	float:none;
    background:transparent url(../images/bg_mainnav_li.png) repeat-y scroll 0 0;
    display:block; 
    padding-right: 5px;
}
#nav_section a{
    background:transparent url(../images/bg_mainnav_a2.png) no-repeat scroll right center; 
    padding-left:15px;
    padding-top:8px; 
    padding-right:10px;
    width:145px;
    vertical-align:middle; 
    color:black; 
    font-size:18px; 
    font-family:Georgia,"Times New Roman",Times,serif;
    font-weight:normal;

}
#nav_section a:hover{
     background:transparent url(../images/bg_mainnav_a1.png) no-repeat scroll right center;
     text-decoration:none; 
}
#nav_section ul{
}
#nav_section ul li{
}
#nav_section ul a{/* Stop text wrapping and creating multi-line dropdown items */
    width:160px;
    padding:7px 10px; 
    color:#336699; 
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px; 
    background:none;
    height:15px; 
    border:1px solid #F1F0DE; 
    background: none;
}
#nav_section li:hover ul, #nav_section li.persist_open ul{ /* Display the dropdown on hover */
}
#nav_section li:hover a, #nav_section li.persist_open a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
     background:transparent url(../images/bg_mainnav_a1.png) no-repeat scroll right center;
}
#nav_section li:hover ul a, #nav_section li.persist_open ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    background: none;
}
#nav_section li:hover ul li a:hover, #nav_section li.persist_open ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    color:#000000;
    background: none;
}


/* Right Sidebar */
#sidebar_right { margin-right:18px; display: block; margin-top:-5px; }

#sidebar_right .right_bm{
    background:transparent url(../images/bg_sidbar_right_h3.png) repeat-y scroll 0 0;
}
/****
* NEW from .zmanim p
****/
#sidebar_right .right_bm .right_content h2{
    
    background:transparent url(../images/bg_sidbar_right_h3.png) repeat-y scroll 0 0;
    text-transform:capitalize;  
    font-family:Arial, Helvetica, sans-serif; font-style:normal; 
    font-size:16px;
    margin-bottom:10px;
    color:#111;
    border-bottom:1px solid #F0EDDA;
    border-top:1px solid #F0EDDA;
    font-weight:normal;
    padding:0;
    padding:10px 0 10px 14px; 
}
#sidebar_right .right_bm .right_content h4
{
   font-size:14px;
   font-family:Georgia,"Times New Roman",Times,serif;
   font-weight: normal;
   padding: 0 10px;
}
/****
* NEW from .zmanim
****/
#sidebar_right .right_bm .right_content_inner{
    padding:0px; 
    width:auto; background:#F6F4E5; border-right: 1px solid #C9CC9F;
    color:#000;
}
#sidebar_right .right_bm .right_content_inner table{
    padding: 0 10px;
}
/***
* NEW
*****/
#sidebar_right .right_bm table td, #sidebar_right .right_bm table a{
    padding-bottom:3px;
    color:#000;
}
/***
* NEW from .mailing_list .go
*****/
#sidebar_right input.go_button{
  font-size: 0px;
    background:transparent url(../images/bg_go.png) no-repeat scroll left top;
    border:medium none;
    cursor:pointer;
    height:21px;
    padding:0;
    width:27px;
}
#sidebar_right input.go_button:hover {
    background:transparent url(../images/bg_go.png) no-repeat scroll left bottom;
}
/*****
NEW FROM
.schedule ul{

*/
#sidebar_right hr{
    height:5px;
    margin-bottom: 5px;
	background:url(../images/bg_schedule_ul.gif) left bottom repeat-x;
    color: transparent;
}

/*
#sidebar_right .schedule { width:auto; padding:0px; margin-bottom:0px; border-right: 1px solid #C9CC9F; background:#F6F4E5; }
#sidebar_right .schedule p {   }
#sidebar_right .schedule ul { width:auto; padding-left:15px; padding-right:12px;  }

#sidebar_right .search { background:none; padding-top:15px; height:45px; }
#sidebar_right .search span { text-transform:uppercase; }
*/
/* Date Box */
#sidebar_right .right_box1 { background:transparent url(../images/bg_right_box1.png) repeat-y scroll 0 0; text-align:left;
	color: #336699; margin-top:10px;
	border-top:1px solid #C9CC9F;
	border-bottom: 1px solid #F0EDDA;
	border-right: 1px solid #C9CC9F;
	padding:10px 0 10px 20px;
}

#sidebar_right .right_bm { background:transparent; margin-top:0px; }
/*
#sidebar_right .mailing_list { background:white; }
#sidebar_right .mailing_list #email { width:162px; }

.search .go, .mailing_list .go {
background:transparent url(../images/bg_go.png) no-repeat scroll left top;
border:medium none;
cursor:pointer;
height:21px;
padding:0;
width:27px;
}
.search .go:hover, .mailing_list .go:hover {
background:transparent url(../images/bg_go.png) no-repeat scroll left bottom;
}

#sidebar_right .upcoming { padding:0px 9px 0 0; width:auto; border-bottom:0px; border-right: 1px solid #C9CC9F; background:#F6F4E5; }
#sidebar_right .upcoming .upcoming_events { text-transform:uppercase; }
*/

#sidebar_right .readmore a { background:transparent url(../images/span_bg.png) no-repeat scroll right 4px; padding-right:14px; }
#sidebar_right .readmore a:hover { text-decoration: underline; }
/*
#sidebar_right .upcoming h4 { padding-top:0px; font-style:normal; padding-left:15px; }
#sidebar_right .upcoming p { padding-bottom:10px; padding-left:15px; }
*/
#sidebar_right .right_bm { padding:0; }
/*
#sidebar_right .zamanim { padding:0px; width:auto; background:#F6F4E5; border-right: 1px solid #C9CC9F; }
#sidebar_right .zamanim ul { padding:0 5px 14px 16px; }
*/
#sidebar_right .right_bm .right_content {
padding-bottom:0;
}
/*
#sidebar_right .zamanim {
    
}
*/
/* Sidebar Section Headers */
/*
#sidebar_right .schedule p,
#sidebar_right .upcoming .upcoming_events,
#sidebar_right .zamanim p,
#sidebar_right .mailing_list p
{ text-transform:capitalize;  font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:16px; margin-bottom:10px;
padding:10px 0 10px 14px; background:transparent url(../images/bg_sidbar_right_h3.png) repeat-y scroll 0 0;
color:#111;
border-bottom:1px solid #F0EDDA;
border-top:1px solid #F0EDDA;
width:auto;
}

#sidebar_right .mailing_list { padding:0px; border-right:1px solid #C9CC9F; margin-top:0px; background:#F6F4E5; height:90px; border-bottom:#F0EDDA; }
#mailingListForm { margin:0; padding:0; width:auto; height:auto; }
#mailingListForm #email { margin-left:19px; }
*/
/* ***************************
   $6 Footer Styles
   ***************************/

#footer {

background:transparent url(../images/bg_footer.png) repeat-x scroll 0 0;
height:148px;
margin-top:-20px;
padding-top:80px;
text-align:left;
width:auto;
}
#footer .footer_inner {
text-align:center;
}

/* CALENDAR OVERRIDES */
#maincontent.cal {  }
#maincontent table.calendar ul { margin-left:2px; }


.donate { padding:0 17px; }

#myPopup { background:rgb(240, 235, 195); background:rgba(240, 235, 195, 0.8); }

#filterFrm { width:100%; }

.pad-helper { padding:10px 13px; }
.cal .pad-helper { padding:0px; }
#maincontent.user_dashboard { width:537px; }

@media screen and (min-width: 480px) {

  #content.ads_enabled{
    position:relative;
  }

  div.rbad[data-id=desktop_leaderboard_header]{
    position: absolute;
      right: 40px;
      top: 50px;
  }

  div.rbad[data-id=desktop_leaderboard_header] ~ div#maincontent,
  div.rbad[data-id=desktop_leaderboard_header] ~ div#sidebar_right,
  div.rbad[data-id=desktop_leaderboard_header] ~ div#maincontent ~ div#sidebar_right
  {
    margin-top:155px;
  }


  div.rbad[data-id=desktop_leaderboard_footer]{
    margin-left:230px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
}