/vol/*
Theme Name: Big Photo Beth El
Theme URI: http://www.bethelsynagogue.org
Description: Built for Beth El Synagogue
Version: 0.99
Author: Jessica Zehavi

*/


html { height: 100%; }
a img { border: none; }

body {
	background: #ccc;
	padding: 0;
    margin: 0;
    height: 100%;
/*	font-family: Helvetica, Trebuchet MS, Arial, san-serif; */
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 12pt;
}

body#popup {
	background: #fff;
	padding: 10px;
}

#container-bg {
	background: url('images/bg.gif') top left repeat-y;
	width: 990px; /*** THIS WIDTH SPACES OUT THE BG SHADOW***/
	margin: 0 auto;
	padding: 0px;

}
#container {
	width: 980px; /*** MAIN CONTENT WIDTH ***/
	margin: 0 auto;
}

/*** MASTHEAD STYLES ***/
#inside-masthead-container {
	width: 100%;
	height: 84px;
	background-color: #000;
	overflow: hidden;
}
#masthead-left {
	height: 107px;
	width: 412px;
	float: left;
	background-color: #000;
	overflow: hidden;
}

#inside-masthead-left {
	height: 84px;
	width: 412px;
	float: left;
	background-color: #000;
	overflow: hidden;
}

#masthead-link {
	height: 107px;
	width: 412px;
	display: block;
}

#inside-masthead-link {
	height: 84px;
	width: 412px;
	display: block;
	z-index: 100;
}

#masthead-community {
	background: url('images/masthead-community.jpg') top left no-repeat;
	width: 142px; height: 84px; float: right;
	padding: 0px;
	margin: 0px;
	clear: none;
}
#masthead-community-over {
	background: url('images/masthead-community-over.jpg') top left no-repeat;
	width: 142px; height: 84px; float: right;
	display: none;
	padding: 0px;
	margin: 0px;
}
#masthead-spirituality {
	background: url('images/masthead-spirituality.jpg') top left no-repeat;
	width: 142px; height: 84px; float: right;
	padding: 0px;
	margin: 0px;
	clear: none;
}
#masthead-spirituality-over {
	background: url('images/masthead-spirituality-over.jpg') top left no-repeat;
	width: 142px; height: 84px; float: right;
	display: none;
	padding: 0px;
	margin: 0px;
}
#masthead-education {
	background: url('images/masthead-education.jpg') top left no-repeat;
	width: 142px; height: 84px; float: right;
	padding: 0px;
	margin: 0px;
	clear: none;
}
#masthead-education-over {
	background: url('images/masthead-education-over.jpg') top left no-repeat;
	width: 142px; height: 84px; float: right;
	display: none;
	padding: 0px;
	margin: 0px;
}
#masthead-kindness {
	background: url('images/masthead-kindness.jpg') top left no-repeat;
	width: 142px; height: 84px; float: right;
	padding: 0px;
	margin: 0px;
	clear: none;
}
#masthead-kindness-over {
	background: url('images/masthead-kindness-over.jpg') top left no-repeat;
	width: 142px; height: 84px; float: right;
	display: none;
	padding: 0px;
	margin: 0px;
}

#inside-masthead-logo {
	background: url('images/inside-masthead-logo.jpg') top right no-repeat;
	width: 412px;
	height: 84px;
	float: left;
	padding: 0px;
	margin: 0px;
}
#masthead-logo {
	background: url('images/masthead-logo.jpg') top right no-repeat;
	width: 412px;
	height: 107px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#masthead-right {
	width: 568px;
	height: 107px;
	float: left;
	background-color: #000;
}

#masthead-quicklinks {
	margin: 0px 0px 0px 0px;
	color: #fff;
	font: 10pt Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	font-weight: bold;
	height: 20px !important;
}
.index-masthead-quicklinks {
	padding: 0px 0px 0px 75px;
}
.inside-masthead-quicklinks {
	padding: 0px 0px 0px 60px;
}

#search {
	margin: 2px 0px 5px 5px !important;
	padding: 0px 0px 5px 0px;
}

#searchbox {
	margin: 2px 5px 0px 10px !important;
	padding: 0px !important;
	height: 13px;
	width: 80px;
	float: left;
}
#searchbutton {
	float: left;
	margin: 3px 0px 0px 0px;
}
#masthead-quicklinks input {
	font: bold 8pt Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	color: #bbb;

}
#searchbutton input:hover {
	background-image: url('search-icon-over.gif') top left no-repeat;
	width: 16px;
	height: 15px;
}

/*
#searchbox {
	margin: 0px;
	padding: 0px;
	height: 14px;
	width: 100px;
	float: left;
}
#searchbutton {
	float: left;
	margin: 3px 0px 7px 5px;
} */
#masthead-quicklinks a.nav {
	display: block;
	float: left;
	color: #ffc;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}

#masthead-quicklinks a.nav:hover {
	/* background: url('images/quicklinks-rollover.gif') top left repeat-x; */
	color: #fc6;
	padding: 0px 5px 0px 5px;
}
#masthead-quicklinks a.right-line {
	border-right: 1px solid white;
}
#masthead-quicklinks a div.home {
	border: 0px;
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin: 0px;
	background: url('images/home-icon.gif') no-repeat;
	padding: 0px 5px 0px 5px;
}
#masthead-quicklinks a div.home-over {
	display: block;
	float: left;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	border: 0px;
	width: 20px;
	height: 20px;
	background: url('images/home-icon-over.gif') no-repeat;
}
/*** NAVIGATION STYLES ***/
#inside-nav-container {
	background: url('images/inside-masthead-nav.jpg') top left no-repeat;
	 width: 100%;
	/* width: 980px; */
	height: 23px;

	float: right;
}
#nav-container {
	background: url('images/masthead-nav.jpg') top left no-repeat;
	 width: 100%;
	/* width: 568px; */
	height: 23px;

	float: right;
}

ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
li.nav-left {
	font: bold 14px Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	background-color: #f93;
	float: left;
	width: 126px;
	position: relative;
/*	line-height: 23px; */
	line-height: 22px;
	text-align: center;
}
li.nav-item {
	font: bold 14px Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	background-color: #f93;
	float: left;
	width: 140px;
	line-height: 22px;
	text-align: center;
	margin-left: 2px;
	position: relative;
	z-index: 100;

}

li.nav-item-get-involved {
	margin-right: 2px;

}
li.nav-item-community {
/* This is a crazy adjustment to make things pretty in IE */
	 width: 142px;
	 padding: 0px;
	 margin: 0px;
}
li.nav-item-usy { /* needs to be just a bit shorter */
	width: 128px;
}
/* Handle the rollover effect */
li.nav-item a, li.nav-left a {
	height: 23px;
	color: #fff;
	text-decoration: none;
	width: 100%;
	display: block;
	z-index: 1000;
}

li.nav-item a:hover, li.nav-left a:hover {
	background-color: #fc6;
	color: #600;
}

/*** SUBNAV ***/
li.nav-item ul.subnav {
	padding: 0;
	margin: 0;
	display: none;
	position: absolute;
	list-style: none;
	top: auto !important;
	left: 0 !important;
	font-size: 12px;
	z-index: 1000;

}

li.nav-item ul.subnav li.subnav-item {
	background-color: #f93;
	width: 140px !important;
	text-align: left;
	z-index: 1000;
}

li.nav-item ul.subnav li.subnav-item a {
	padding-left: 8px;
	width: 132px;
	overflow: hidden;
	white-space:nowrap;
	z-index: 1000;
}

/*** REMOVE FOR NEW MENU ***/
li.nav-item:hover ul, .li.nav-item.over ul {
	/* display: block !important; */
	z-index: 1000;
}

/* 3rd level navigation inside of pages */
ul.sidebar-nav {
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 100%;
}

ul.sidebar-nav li {
	font: bold 14px Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	border-bottom: 2px solid #f93;
	text-align: center;
	display: block;
}

ul.sidebar-nav li a {
	color: #000;
	text-decoration: none;
	width: 100%;
	display: block;
	color: #600;
}

ul.sidebar-nav li a:hover, ul.sidebar-nav li.onpage{
	background-color: #fc6;
	color: #600;
}

/*** MAIN CONTENT STYLES ***/
#left-sidebar {
	width: 140px;
	background-color: #fff;
	float: left;
	padding: 5px 0px 5px 0px;
}

#left-sidebar img.button {
	width: 140px;
	height: auto;
	border: 0px;
}

#left-sidebar a.button {
	color: #fff;
	width: 140px;
	display: block;
	text-align: center;
	text-decoration: none;
	font: bold 11pt Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	border-bottom: 2px solid #fff;
	line-height: 25px;
	cursor: pointer;
}

#left-sidebar a.orange {
	background: url('images/orange-button.gif');
}
#left-sidebar a.purple {
	background: url('images/purple-button.gif');
}
#left-sidebar a.red {
	background: url('images/red-button.gif');
}
#left-sidebar a.green {
	background: url('images/green-button.gif');
}
#left-sidebar a.blue {
	background: url('images/blue-button.gif');
}
#left-sidebar a.yellow {
	background: url('images/yellow-button.gif');
}
/* Hovers */
#left-sidebar a.orange:hover {
	background: url('images/orange-button-over.gif');
}
#left-sidebar a.purple:hover {
	background: url('images/purple-button-over.gif');
}
#left-sidebar a.red:hover {
	background: url('images/red-button-over.gif');
}
#left-sidebar a.green:hover {
	background: url('images/green-button-over.gif');
}
#left-sidebar a.blue:hover {
	background: url('images/blue-button-over.gif');
}
#left-sidebar a.yellow:hover {
	background: url('images/yellow-button-over.gif');
}

div#spotlight {
	width: 828px;
	height: 285px; /* 356px; */
	z-index: -1000;
}


#slideshow {
    position:relative;
    height:285px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 285px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 285px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

div#spotlight-instructions {
	width: 828px;
	background-color: #000;
	color: #fff;
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-weight: bold;
	font-family: Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	font-size: 12pt;
}

div#spotlight img, div#spotlight object {
	z-index: -1000;
}

a#spotlight {
	width: 100%;
	height: 100%;
	display: block;
}

#content {
	background-color: #fff;
	float: left;
	padding: 5px 23px 0px 15px;
	margin-bottom: 10px;
}
.main-content-both {
	width: 539px;
}
.main-content-right {
	width: 675px;
}
#main-content-index {
	width: 830px;
	float: left;
	padding: 5px 5px 0px 5px;
	margin-bottom: 0px;

}
.main-content-full {
	width: 935px;
}

.embed {
width:48%;
float:left;
padding:0 0px 0 0px;
margin:0 10px 20px 0;
}
.embed-r {
width:48%;
float:left;
padding:0 0px 0 0px;
margin:0 0 20px 0;
}
.embed-soft {
width:auto;
float:left;
padding:0 0 0 10px;
margin:0 0 20px 0;
}

.embed-3col {
width:30%;
float:left;
clear: none;
padding:0 0 0 10px;
margin:0 0 20px 0;
}
div.full {
display: block;
clear:both;
width:100%;
padding:0 0 0 0px;
margin:0px;
}

#content img.photo {
	float: right;
	border: 2px solid black;
	margin-left: 10px;
}


#right-sidebar {
	width: 260px;
	background-color: #fff;
	padding: 5px 0px 5px 2px;
	float: right;
}

#footer-container {
	background-color: #306;
		/*border-bottom: 5px solid #f93;*/
	width: 100%;
	clear: both;
}

#footer-mission {
	text-align: center;
	color: #fff;
	font-family: Gill Sans MT, Tahoma, Verdana, Arial, san-serif;

	font-size: 12pt;
	background: url('images/footer-bg.jpg') top left no-repeat;
/*	padding: 0px 150px 0px 150px;
	margin-top: 5px; */
	width: 980px;
	background-color: #000;
	overflow: auto;
}

#footer-copy {
	text-align: center;
	color: #fff;
	font-family: Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	font-size: 13px;
	margin-top: 35px;
}
#footer-container a, #footer-container a:visited { color: #fff; }
#footer-container a:hover { color: #ccc; }

#footer-uscj {
	height: 50px;
	width: 32px;
	float: right;
	clear: none;
	margin: 5px 4px 5px 0px;
	border: 0px;
}


.newstitle {
	font-family: Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	color: #306;
	margin: 0px 0px -10px 0px;
	padding: 0px;

}
.p4 .newstitle {
	font-size: 11pt;
}

.entry h2 { padding-top: 5px; }
.post h1 { margin-bottom: 5px; }

/* Home page events/announcements */
#post-columns {
	background-color: #ffc;
	border-top: 2px solid #f93;
	border-bottom: 2px solid #f93;
	margin: 5px 0px 5px 0px;
	padding: 3px 0px 0px 0px;
	overflow: auto;
}

#post-columns .heading {
	font-family: Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	font-weight: bold;
	color: #f93;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	font-size: 12pt;
	display: block;
	clear: both;
}
#post-columns .column {
	width: 260px;
	float: left;
	clear: none;
	display: block;
	padding-left: 10px;
	overflow: auto;
}
#post-columns .inside {
	padding-left: 20px;
}
#post-columns .column-2 {
	width: 390px;
	float: left;
	clear: none;
	display: block;
	padding-left: 10px;
	overflow: auto;

}
#post-columns .title {
	font-family: Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	font-size: 12pt;
	color: #306;
	margin: 0px;
	padding: 0px;
	}
#post-columns .date {
	padding-top: 0px;
	margin: 0px;
}
#post-columns .post {
	padding-bottom: 10px;
}
#post-columns p {
	padding: 0px;
	font-size: 10pt;
	margin: 0px 0px 0px 0px;
	line-height: 14pt;

}

/* For specific category pages */
.post-5, .post-9, .post-4, .post-3 {
	padding-top: 10px;
}
.post-5 .date, .post-9 .date, .post-4 .date, .post-3 .date {
	padding: 3px 0px 0px 0px;
	margin-bottom: -7px;
}

h1, h2, h3, h4, h5 {
	font-family: Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	font-weight: bold;
	color: #306;
	margin: 0px 0px -5px 0px;
	padding: 0px;
}
h1 { font-size: 14pt; }
h2 { font-size: 12pt; }
h3 { font-size: 10pt; }
h4 { font-size: 9pt; }
h5 { font-size: 8pt; }

/* Paragraph styles */
.p1 { font-size: 16pt }
.p2 { font-size: 14pt }
.p3 { font-size: 12pt }
.p4 { font-size: 10pt }
.p5 { font-size: 8pt }
.justify { text-align: justify; }

a { color: #306; }
a:hover { color: #669; }

div.hilight-nav {
	background-color: #ffc;
	padding: 0px;
	margin: 0px;
	font-size: 10pt; /* default font size */
}

div.hilight-box {
	background-color: #ffc;
	border-bottom: 2px solid #f93;
	padding: 0px 12px 0px 12px;
	margin: 0px;
	font-size: 10pt; /* default font size */
}
div.hilight-box-top {
	border-top: 2px solid #f93;  /* fix this */
}
div.hilight-box-bottom {
	border-bottom: 2px solid #f93;
}

div.hilight-box h2 {
	color: #f93;
	margin-bottom: -12px;
}
div.hilight-box img.photo {
	float: right;
	border: 2px solid black;
	margin-left: 5px
}
div.hilight-box p {
	font-size: 10pt;
}
div.hilight-box p ul  {
	padding: 0px 0px 0px 20px;
	margin: -8px 0px 6px 0px;
}
div.hilight-box p ul li {
	padding: 0px;
}

/*** orniment is now in the browser specific style sheets ***/
div.orniment {
	font-size: 14pt;
	padding: 0px 5px 0px 0px;
	clear: none;
	float: left;
}
/*** ICON LIST ***/
.iconlist a {
	text-decoration: none;
}
div.hilight-box .iconlist
{
	padding-top: 12px;
}
.iconlist
{
	margin: 5px 0px 0px 0px;
	padding: 0;
	list-style: none;
	border: 0px;
}

.iconlist li.arrow
{
	background-image: url(images/icons/icon-arrow.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 1px 20px;
	margin-bottom:2px;
}

.iconlist li.pdf
{
	background-image: url(images/icons/icon-acrobat.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 1px 20px;
	margin-bottom:2px;
}

.iconlist li.web
{
	background-image: url(images/icons/icon-iexplorer.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 1px 20px;
	margin-bottom:2px;
}


.iconlist li.doc
{
	background-image: url(images/icons/icon-notepad.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 1px 20px;
	margin-bottom:2px;
}

.iconlist li.star
{
	background-image: url(images/icons/icon-star.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 1px 20px;
	margin-bottom:2px;
}

.iconlist li.em
{
	background-image: url(images/icons/icon-email.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 1px 20px;
	margin-bottom:2px;
}


.iconlist li.zip
{
	background-image: url(images/icons/icon-zipped.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 1px 20px;
	margin-bottom:2px;
}


.iconlist li.mp3
{
	background-image: url(images/icons/icon-mp3.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 1px 20px;
	margin-bottom:2px;
}

.iconlist li.none
{
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 1px 20px;
	margin-bottom:2px;
}
.iconlist li.none-noindent
{
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 1px 0px;
	margin-bottom:2px;
}
.iconlist li.shofar-date
{
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 5px 0px;
	margin-bottom:2px;
}

img.new
{
	border: 0px;
	vertical-align:middle;
	padding: 0px 0px 0px 5px;
}

div.calendar ul {
	margin: 5px 0px 0px 25px;
	padding: 0 0 15px 0;
	list-style: diamond;
	font-size: 10pt;
}


.icon-email, .icon-em
{
	background-image: url(images/icons/icon-email.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 22px;
	display: inline;
}
.icon-pdf
{
	background-image: url(images/icons/icon-acrobat.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 22px;
	display: inline;
}
.icon-web
{
	background-image: url(images/icons/icon-iexplorer.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 22px;
	display: inline;
}
.icon-doc
{
	background-image: url(images/icons/icon-notepad.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 22px;
	display: inline;
}
.icon-star
{
	background-image: url(images/icons/icon-star.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 22px;
	display: inline;
}
.icon-zip
{
	background-image: url(images/icons/icon-zipped.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 22px;
	display: inline;
}
.icon-mp3
{
	background-image: url(images/icons/icon-mp3.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 22px;
	display: inline;
}
.icon-space
{
	padding: 0px 0px 0px 22px;
	display: inline;
}



.ui-accordion { margin: 0; padding: 0; list-style-type: none; z-index: 0; }

.ui-accordion li { margin: 0; margin-bottom: 2px; padding: 0; }

.ui-accordion li .ui-accordion-header {
	display: block;
	padding-left: 5px;
	margin-right: 9px;
	height: 23px;
	background-image: url( 'images/jq/o-middle.gif' );
	color: #fff;
	text-decoration: none;
	line-height: 23px;
	position: relative;
	left: 9px;
	font: bold 14px Gill Sans MT, Tahoma, Verdana, Arial, san-serif;

}

.ui-accordion li .ui-accordion-right {
	display: block;
	background-image: url( 'images/jq/o-right.gif' );
	position: absolute;
	top: 0px;
	right: -9px;
	height: 23px;
	width: 9px;
}

.ui-accordion li .ui-accordion-left {
	display: block;
	background-image: url( 'images/jq/o-left.gif' );
	background-repeat: no-repeat;
	position: absolute;
	height: 23px;
	width: 9px;
}


.ui-accordion li:hover .ui-accordion-left {
	background-image: url( images/jq/o-left-over.gif );
}

.ui-accordion li:hover .ui-accordion-header {
	background-image: url( images/jq/o-middle-over.gif );
}

.ui-accordion li:hover .ui-accordion-right {
	background-image: url( images/jq/o-right-over.gif );
}



.ui-accordion li.selected .ui-accordion-left {
	background-image: url( images/jq/o-left.gif );
}

.ui-accordion li.selected .ui-accordion-header {
		background-image: url( images/jq/o-middle.gif );
}

.ui-accordion li.selected .ui-accordion-right {
	background-image: url( images/jq/o-right.gif );
}

.ui-accordion li.selected div {
	padding: 5px;
	font-size: 8pt;
}

/* Extra test stuff */

.serviceContent p, .volunteerContent p, .kesherContent p, .contactContent p, .shofarContent p, .onlineContent p {
	padding: 0px 8px 3px 8px;
	margin: 0px;
	font-size: 8pt;
}

.green .bottom {
	height: 5px;
	width: 140px;
	overflow: hidden;
	background: url('images/green-button.gif');
	margin-bottom: 2px;
}

.red .bottom {
	height: 5px;
	width: 140px;
	overflow: hidden;
	background: url('images/red-button.gif');
	margin-bottom: 2px;
}

.orange .bottom {
	height: 5px;
	width: 140px;
	overflow: hidden;
	background: url('images/orange-button.gif');
	margin-bottom: 2px;
}

.purple .bottom {
	height: 5px;
	width: 140px;
	overflow: hidden;
	background: url('images/purple-button.gif');
	margin-bottom: 2px;
}

.blue .bottom {
	height: 5px;
	width: 140px;
	overflow: hidden;
	background: url('images/blue-button.gif');
	margin-bottom: 2px;
}

.yellow .bottom {
	height: 5px;
	width: 140px;
	overflow: hidden;
	background: url('images/yellow-button.gif');
	margin-bottom: 2px;
}

/* For post content */
.post .date {
	padding-top: 0px;
	margin-top: 0px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
p.center { text-align: center }

/* This is kind of a ridiculous hack -- WP's widget code looks for a title within this tag to
format the active widget list from a callback.  I want to do some special formatting but in order
to have the admin page generate properly, I need this tag.  So I hide it. */
h3.widgettitle { display: none }

/* PAYPAL PAYMENT FORM
   Haven't converted these table styles over to the nice new non-table css! */
table.payment
{
	width:100%;
	border-collapse: collapse;
	z-index: -1;
}
table.payment tr.heading
{
	background-color:#bbb;
	font-weight:bold;
	border-top: 1px solid black;
}
table.payment tr.heading td {
	border-top: 1px solid black;
}
table.payment tr.trnone td {
	border-bottom: 1px solid black;
}
table.payment tr.tr0
{

	background-color: #fff;
	vertical-align: top;
}
table.payment tr.trbuttons
{

	background-color: transparent;
	vertical-align: top;
}
table.payment tr.trnone
{
	background-color: #eee;
	vertical-align: top;
	text-align: center;
	font-style: italic;
}
table.payment tr.trnone td
{
	padding: 10px;
}
table.payment h1
{
	color : #000;
	font-family : arial, helvetica, sans-serif;
	font-size : 120%;
	font-weight: bold;
	margin: 5px 0 0 0; padding: 0;
}
table.payment tr.tr1
{

	background-color: #eee;
	vertical-align: top;
}
table.payment tr.tr2
{

	background-color: #ddd;
	vertical-align: top;
}
table.payment td.total
{
	background-color: #fff;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
}


/* Survey styles */
#phpesp_response fieldset, #phpesp_response input.checkbox, #phpesp_response input.radio, .c-radio {
	border: 0px !important;
	vertical-align: top;
}
#phpesp_response .surveyTitle {
	font-family: Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	font-weight: bold;
	color: #306;
	margin: -10px 0px 0px 0px;
	padding: 0px;
	font-size: 14pt;

}

td.staffemail {
	vertical-align: middle;
}
td.staffemail img {
	border: 0px;
}

td.staffname {
	vertical-align: top;
	width: 200px;

}
td.stafftitle {
	vertical-align: top;
	width: 400px;
}

#post-45 .photo { /* Specific to clergy page */
	float: right;
	border: 2px solid black;
}

.error {
	color: red;
}
.cols {
	width: 100%;
	clear: both;
	float: left;
	padding-bottom: 10px
}
.col1 {
	clear: left;
	float: left;
	width: 140px;
}
.col2 {
	clear: right;
	width: auto;
}

/*** ANSWER THE CALL PAGE pages/answerthecall.php ***/
.col1_tiny {
	clear: left;
	float: left;
	width: 20px;
}
.col1_large {
	clear: none;
	float: left;
	width: 700px;
}
.col2_small {
	float: left;
	clear: right;
	width: 150px;
}
.col1_full {
	width: 940px;
	clear: both;
}
/**** MAKE A PAYMENT pages/payment.php ****/
.cols4 {
	width: 100%;
	clear: both;
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 10pt;
}
.col4_1 {
	clear: left;
	float: left;
	width: 160px;
	padding-bottom: 5px;
}
.col4_2 {
	clear: none;
	float: left;
	width: 290px;
	padding-right: 20px;
	padding-bottom: 5px;
}
.col4_3 {
	clear: none;
	float: left;
	width: 150px;
	padding-bottom: 5px;
}
.col4_4 {
	clear: right;
	float: left;
	width: 290px;
	padding-bottom: 5px;
}
.col4_2_full {
	width: 750px;

	float: left;
	padding-bottom: 5px;
}
.col4_3_full {
	width: 440px;
	clear: right;
	float: left;
	padding-bottom: 5px;
}
.col4_full {
	width: 940px;
	clear: both;
	padding-bottom: 5px;
}
div#whygive-cont {
	background: url('images/whygive/bg.gif') repeat-x;
	clear: both;
	float: left;
	width: 100%;
	height: 325px; /* 356px; */
	margin-top: 24px;

}
div#whygive {
	padding-left: 200px;
	width: 550px;
	height: 325px; /* 356px; */
	z-index: -1000;
}

div#whygive img {
	z-index: -1000;
}
.shortbr {
	padding:0;
	margin:0;
	line-height:5px;
}

.hebrew {
	text-align: right;
	font-size: 14pt;
}

div#side-links {
	float: right;
	font: 10pt Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
}

.plain-button {
	display: block;
	text-decoration: none;
	padding: 5px;
	width: 200px;
	font-family: Gill Sans MT,Tahoma,Verdana,Arial,san-serif;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	alignment: center;
}
.plain-button a, .plain-button a:visited, .small-button a, .small-button a:visited {
	display: block;
	text-decoration: none;
	color: #600;
	border: 3px solid #f93;
	background-color: #fc6;
}
.plain-button a:hover, .small-button a:hover {
	display: block;
	text-decoration: none;
	color: #000;
	border: 3px solid #f93;
	background-color: #ffc;
}

div.social-buttons {
	text-align:center
}

img.fb-button {
	width:140px;
	height:40px;
	border:0px;
}

img.tw-button {
	width:140px;
	height:47px;
	border:0px;
}
.small-button {
	display: block;
	text-decoration: none;
	padding: 8px 5px 0px 5px;
	width: 100px;
	font-family: Gill Sans MT,Tahoma,Verdana,Arial,san-serif;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	alignment: center;
}

.schedule-1 {
	display:block;
	float: left;
	clear: both;;
	width:170px;
	text-align: right;
	padding-right: 15px;
}

.schedule-2 {
	display:block;
	float: left;
	clear: none;;
	width: 85px;
	text-align: left;
}
.schedule-3 {
	display:block;
	float: left;
	clear: none;;
	width: 100px;
	text-align: left;
}
.schedule-s {
	display:block;
	float: left;
	clear: both;;
	width:190px;
	text-align: right;
	padding-right: 15px;
}
.schedule-full {
	display:block;
	float: left;
	clear: both;;
	width:325px;
	text-align: right;
	padding-right: 15px;
}
.schedule-title {
	font-family: Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	font-weight: bold;
	color: #306;

}


.h-schedule-1 {
	display:block;
	float: left;
	clear: both;;
	width: 120px;
	text-align: left;
	padding-left: 10px;
}

.h-schedule-2 {
	display:block;
	float: left;
	clear: none;;
	width: 85px;
	text-align: left;
}

// Default tooltip class name:
.tooltip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
}

.rh a, .rh a:link, .rh a:hover, .rh a:active, .rh a:visited{
   color: #6699CC;
   text-decoration: none;
}

.rh a:hover{ text-decoration: underline; }

.rh a.page{ color: #FF7C0A; font-weight: bold; }




.calendarHeader { font-weight: bolder; color: black; background-color: #FFFFCC; font-size: 9pt; }
.calendar {
	background-color: #fff;
	height: 120px;
	padding: 5px;
}

.calendar .today { background-color: #FFFFCC; }
.calendar .day {
	background-color: #fff;
	height: 120px;
	width: 230px;
	border-left: 1px solid black;
	border-top: 1px solid black;
	padding: 5px;
}

.calendar-table .current-day .hebrewDate {
	color: #666;
}

.calendar-table .hebrewDate {
	color: #999;
	float:right;
	font-size: 10pt;

}
.calendar .secularDate {
	color: black;
	float: left;
	clear:none;
	font-size: 12pt;
}


#t7_timer_over {
<!--
	width: 225px;
	height: 55px;
	background-image: url(images/countdown/Countdown-over.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 1px;
	margin: 0px;
	padding: 0px;
	-->
}


#t7_vals {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t7_numbs {
	font-size: 28px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}

#t7_y {
	background-image: url(images/countdown/Countdown2.png);
	background-repeat: no-repeat;
	float:left;
	width: 48px;
	height:35px;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t7_d {
	background-image: url(images/countdown/Countdown3.png);
	background-repeat: no-repeat;
	float:left;
	width: 71px;
	height:35px;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t7_h {
	background-image: url(images/countdown/Countdown2.png);
	background-repeat: no-repeat;
	float:left;
	width: 48px;
	height:35px;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t7_m {
	background-image: url(images/countdown/Countdown2.png);
	background-repeat: no-repeat;
	float:left;
	width: 47px;
	height:35px;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t7_s {
	background-image: url(images/countdown/Countdown2-nc.png);
	background-repeat: no-repeat;
	float:left;
	width: 42px;
	height:35px;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}

#t7_labels {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t7_labs {
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
#t7_yl {
	float:left;
	width: 51px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t7_dl {
	float:left;
	width: 74px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t7_hl {
	float:left;
	width: 54px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t7_ml {
	float:left;
	width: 55px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t7_sl {
	float:left;
	width: 46px;
	height:15px;
	padding:0px;
	margin: 0px;
}


#gbCountdown { width: 240px; height: 55px; text-align: center; padding-left: 15px; }
#gbText { margin-top: 8px; font-size: 11pt;font-family: Arial, sans-serif; width: 230px; text-align: center; font-weight: bold; }


/************* FEATURED CONTENT ************/
#welcome {
	font-family: Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	position:relative;
	height:250px;
	background-image: url(images/welcomebg.jpg);
	border:0px solid #ccc;
}
#featured {
	font-family: Gill Sans MT, Tahoma, Verdana, Arial, san-serif;
	width:577px;
	padding-right:250px;
	position:relative;
	height:250px;
	background:#fff;
	border:0px solid #ccc;
	display: none;
}
#featured ul {
	position:absolute;
	top:0; left:400px;
	list-style:none;
	padding:0; margin:0;
	width:428px;
}
#featured ul li{
	padding:1px 0; padding-left:13px;
	font-size:12px;
	color:#666;
}
#featured ul li span{
	font-size:11px; 
	line-height:18px;
}
#featured div {
	width:400px; 
	height:250px;
	background:#999; 
	position:relative;
    overflow:hidden;
}
#featured .ui-tabs-hide{
	display:none;
}
#featured li a{/*On Hover Style*/
	display:block;
	height:60px;
	color:#333;  background:#fff;
	line-height:20px;
	outline:none;
	text-decoration: none;
}
#featured li a:hover{
	background:#f2f2f2;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
	background:url('images/featured/selected-item.gif') top left no-repeat;
}
#featured ul li.ui-tabs-selected a{
	background:#ccc;
}

#featured ul li img{
	float:left; margin:2px 5px;
	background:#fff;
	padding:2px;
	border:1px solid #eee;
	width: 50px;
	height: 50px;
}
#featured div.info{
	position:absolute;
	top:180px; left:0;
	height:70px; width: 400px;
	background: url('images/featured/transparent-bg.png');
}

#featured div.info-vid{
	position:absolute;
	top:200px; left:0;
	height:70px; width: 400px;
	background-color: #000;
	text-align: center;
	padding: 8px 0px 0px 0px;
}

#featured .info h2, #featured .info h2 {
	font-size:18px; 
	color:#fff; padding:0px 5px 0px 5px; margin:0;
	overflow:hidden;
}
#featured img.info-img{
	width: 400px;
	
}
#featured .info p {
	margin:0 5px;
	font-size:11pt;
	line-height:15px; color:#f0f0f0;
}
#featured .info-vid p {
	margin:0 5px;
	font-size:10pt;
	font-weight: bold;
	line-height:15px; color:#f0f0f0;
}
#featured .info a, #featured .info-vid a{
	text-decoration:none;
	color:#fff;
}
#featured .info p a, #featured .info-vid p a{
	text-decoration:underline;
}

#featured .info a:hover, #featured .info-vid a:hover{
	text-decoration:underline;
}

table.bes {
	width:100%;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
}
table.bes th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.bes td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.schedule {
	width:100%;
	border-collapse: collapse;
	background-color: white;
	margin: 10px 0px 10px 0px;
	border-bottom: 2px solid black;;
	
}
table.schedule th {
	padding: 3px;
	border-bottom: 2px solid black;;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.schedule td {
	border-top: 1px solid black;;
	padding: 5px 10px 5px 0px;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

span.ul {
	text-decoration: underline;
}

.smallish .c {
	font-size: 14px;
}

.smallish .t {
	text-transform: none;
}
.smallish .c ul{
	margin: 0; padding: 0; list-style: none;
}