/* generic styles from template version 1.0 */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 
	Layout
	Typography and Inline Elements
		Message Boxes
	Forms
	Tables
*/

/* Layout */
/* *************************************************************************************** */
* {margin:0;padding:0;border:none} /* Reset all elements to zero margin and padding */

body {
	color: #333333;
	font: 100%/1.75em Verdana, Arial, Helvetica, sans-serif;
}
.left {float:left; margin:0 1em 1em 0}
.right{float:right; margin: 0 0 1em 1em}


span.FIX {
	background: #FFFF00;
} /* any item with this needs to be checked and fixed before page/site is made live */
.FIX {}




/* Typography and Inline Elements */
/* *************************************************************************************** */
h1 {
	font-size:1.6em;
	color: #5B7232;
	margin-bottom: 0.25em;
	line-height: 1.4em;
	border-bottom: 0.125em solid #d4dacb;
}
h2 {
	font-size: 1.2em;
	margin-top: 1.2em;
	border-bottom: 2px solid #EDEEE6;
}
#content-upcoming h2 {
	font-size:1em;
	border-style: none;
	border-width: 0px;
}
h3 {
	font-size: 1em;
	font-weight: bold;
}
p {margin:0 0 1em} 

acronym {
	cursor: help;
	color: #495B28;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-weight: normal;
	font-variant: normal;
}
acronym:hover {
	padding-bottom: 2px;
}
.note {}
h2 .note, h3 .note {
	font-weight: normal;
	font-size: 0.8em;
	padding-left: 1em
}


ul {
	list-style: outside;
	margin-left:1.2em;
	margin-bottom:1em;
}
ul ul {margin-bottom:0; list-style-type:circle}
li {}

a:link {color: #495B28;}
a:visited {color: #53662E;}
a.button {
	background: #EDEEE6;
	padding: 0.25em 1em;
}

h2 a:link, h2 a:visited {
	color: #333333;
	text-decoration: none;
	border-style: none;
}
h2 a:hover, h2 a:active {
	color: #5B7232;
}


.signature {
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
	text-align: right;
}
.signature a:link {border-bottom:none !important;}

/* Message Boxes - from mattvarone.com */

.message-box { text-align: center; padding: 5px; color:#545454; width:auto;  margin:5px auto; }
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }






/* Forms */
/* some of these classes and styles are applied during validation. .validationError gets 
	applied by the JavaScript validation or by the PHP validation.
	The .help functions that that make it visible or not visible don't work in IE6, so there is
	a JavaScript (in generic_ie6.js) to make that part work. It's is added with a conditional comment */
/* *************************************************************************************** */
form {
	width:auto;
	margin: 0 0 1em 0;
}
#content form .row {margin:0 0 .5em; padding:0}
label {
	display:block;
	text-align:left;
	margin:0 15px 0 0;
}
textarea, input {width:auto}

textarea, input, select {
	margin:0 .25em 0 0;
	border: 1px solid #D4DACB;
	padding:.5em;
}

form div.buttons {
	text-align:left;
	display:block;
	float:none;
	clear:both;
}


form div.buttons input {
	background-color:#53662E;
	border-style:none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:0.9em;
	height:auto;
	letter-spacing:0.125em;
	line-height:normal;
	text-transform:lowercase;
	width:auto;
	padding: .25em 2em;
}
form div.buttons input:hover, form div.buttons input:active, form div.buttons input:focus {
	background-color:#D4DACB;
	color:#53662E;
}

form .row .note {display:block; padding:0 0 0 33%}
form p.error {text-align:center;color:#EE2E24;}
form .row .error {
	display:block;
	color:#EE2E24;
	font-size:.9em;
	float:none;
	clear:both;
	margin:0 0 0.7em;
	padding:0 0 0 34%;
	background: url(../images/validationErrorArrow.gif) no-repeat 34% 5px;
}
* > form .row .error {
	padding:0 0 0 37%;
	background: url(../images/validationErrorArrow.gif) no-repeat 33.5% 5px;
}
form .row label .note {display:inline; padding:0}

a.help {cursor:help; text-decoration:none}
a.help:hover {overflow:visible;color:#333333}
a.help span{
	display:none;
	padding:0 2em 0 37%;
	background: url(../images/questionPointer.gif) no-repeat 33% 5px;
}
a.help:hover span, .help span:hover{display:block}

form #total {background-color:#ffffe2;}
textarea {font:inherit}
option[value="Select"],
option[value="Select Your Name"]
	{margin-bottom:1em;}
option {padding:0 .5em 0 1em}


/* Tables */
/* *************************************************************************************** */
table {
	font-size:1em;
	line-height:1.4em;
	text-align:left;
	border-collapse: collapse;
	border-spacing:0px;
	vertical-align: top;
	margin: 0px 0px 1em;
	padding: 0px;
	border: 1px solid #999999;
}

table.calendar {text-align:center;}
thead td{
	background: #C4C9AD!important;
	font-size: .8em;
	font-weight: bold;
	padding: 0.25em;
	height: 1.75em;
	vertical-align: middle;
}
td {
	border: 1px solid #CCCCCC;
	vertical-align: top;
	padding: 4px;
}
table.calendar td {height:150px;}




/* Calendar */
.calendar th.sabbath {width:25%}
.calendar th {
	color: #FFFFFF;
	background: #5B7232;
	height: 3em;
	vertical-align: middle;
	line-height: 3em;
	font-size: 0.7em;
	width:11%;
}
.calendar th.saturday {width:23%}
.congregation {display:block; margin:0 0 .25em}

.holyDay {
	background-color: #ffe4b3 !important;
}
.differentMonth {
	background-color: #CCCCCC !important;
}
.activity {
	background: #F5F1E9;
}
.calendar ul {text-align:left; margin:.5em 0 2em;}
.calendar li {
	display:block; 
	list-style:none; 
	list-style-position:outside; 
	margin:0 0 .5em 0;
	height:auto
}
.calendar li a:first-child {
	text-decoration:none;
	display:block;
	border-bottom: 1px solid #C7CBAE;
	background-color:#F6F7F4;
}
.calendar .holyDay li:hover {background-color: #FFF4E1;}