/* style for Shir Tikvah Site */

/* body background is "teal" (00837b) 
 Optimized for 1024 x 768px, but the "live" area can be seen on 800px monitors"
 */

body {background:#00837B;
	font-size:12px;
	margin-top: 0px;
	font-family: verdana, sans;
	}
	
/* 
First we define the Top and the Bottom 
Then the Intro and the Home Page Bodies
Finally the "Content" pages.
And the Links are defined at the very end. 
*/

/* THE TOP */
/* The frame is closed by the footer */
/* Framing set to 98% so there is margin on both sides */

table.framing {width:98%;
	background-color:#fff; 
	padding: 0px 0px 0px 0px;
	}
	
div.tagLine {font-family: verdana, sans;
					font-size:14px;
					font-weight:normal;
					color: #003;
					text-align: left;
					padding-bottom:16px;
					letter-spacing:5px;
					text-shadow: #666 2px 2px 3px;
					
					}

/* Top Table. It holds the logo and the Top Banner (with the tag Line). */
 
table.top {background: #00837B url(../imgs/backs/backTop.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
}
	


/* *********** */
/* The FOOTER */
/* The identification section */

p.identification {font-family: verdana, sans;
					font-size:10px;
					text-align: left;
					padding-bottom:6px;
					padding-left:30px;
					color: #fff;
					}


p.identificationBlack {
					font-size:10px;
					text-align: left;
					padding-bottom:6px;
					padding-left:30px;
					color: #000;
					}


/* This is the Tan Bottom Strip */

table.bottomStrip {width:98%;
	background-color:#DAAE7A; 
	border-color: #003;
	border-width: 1px;
	border-style: solid;
	padding: 0px 0px 0px 0px;
	
	}
	
td.bottomStrip {height:12px;
			}
			
/* END OF BOTTOM STRIP */


div.creditLine {font-size: 9px; 
				color: #003; 
				font-family: "Comic Sans MS", Arial, sans-serif;
				padding-right:2px;
				padding-top:2px;
				text-align:right;
				}		
		
/* LINKS in the FOOT */

a.mail:link {color:#009;
						text-decoration: underline;
						}
						
a.mail:visited {color:#009;
						text-decoration: underline;
						}
						

a.mail:hover {color:#003;
						text-decoration: underline;
						background-color:#ccc;
						}

a.mail:active {color:#cccccc;
						text-decoration: underline;
						}


a.creditLine:link {color:#003;
						text-decoration: underline;
						}
						
a.creditLine:visited {color:#003;
						text-decoration: underline;
						}
						
a.creditLine:hover {color:#fff;
						text-decoration: underline;
						}


/* CONTENT PAGES */

/* The SECTIONS */
/* These are the backgrounds for the different sections */


td.about {background: #F0BD7C url(../imgs/backs/backAboutLarge.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}
td.worship {background: #AFCDD6 url(../imgs/backs/backWorship.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}
td.education {background: #548334 url(../imgs/backs/backEducation.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}
td.community {background: #F3E75C url(../imgs/backs/backCommunity.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}	
td.news {background: #446391 url(../imgs/backs/backNews.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}	
td.contactUs {background: #B3CEBD url(../imgs/backs/backContactUs.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
/* and these are the backgrounds for some columns */

td.committees {background: #D7D4BD url(../imgs/backs/backCommittee2.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}
td.holidays {background: #D7D4BD url(../imgs/backs/backHolidays.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}
td.adultEducation {background: #D7D4BD url(../imgs/backs/backAdultEducation.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}



/* A SPECIAL CASE: HOME PAGE */

/* The Home background adds the Jewish Star */

table.home {background: #00837B url(../imgs/backs/backHome.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		
}


/* Styles in the CONTENT PAGES */


table.main {width:100%;
			}

table.contentFull {width:100%;
			}
			
table.homeContent {width:980px;
			}
td.homeMiddle {width:220px;
			}
td.homeRight {width:200px;
				vertical-align:top;
				font-size: 11px;
				padding-top:66px;
				padding-left:10px;
				color:#000;}
			

/* *********************** */
/* Styles in the Home Page */

div.home {font-size: 12px;
				font-weight: bold;
				color: #003;
				text-align:left;
				line-height: 26px;
				margin-left:20px;
				padding: 60px 20px 0px 30px;
			}
			
div.specialLinks {font-size: 11px; color: #003;
				text-align:left;
				line-height: 18px;
				margin-left:20px;
				padding: 20px 20px 0px 40px;
				}		

div.rotatorPhoto {margin-top:20px;
				margin-left:10px;
				}
				
div.movieStrip {margin-right:40px;
				}















/* setting the content table within the page */

/* table content and td right/left set the widths assuring that the live
area is always within 800 pixels wide to accomodate those monitors */


table.content {width:760px;
			}

td.right {width:380px;
		}
		
td.left {width:380px;
	}



/* LINKS on HOME PAGE */

a.textLight:link {color:#ff0;
						text-decoration: underline;
						}
						
a.textLight:visited {color:#ff0;
						text-decoration: underline;
						}
						

a.textLight:hover {color:#003;
						text-decoration: underline;
						background-color:#ccc;
						}


a.textLight:active {color:#cccccc;
						text-decoration: underline;
						}

/* and on darker backgrounds */


a.textDark:link {color:#00c;
						text-decoration: underline;
						}
						
a.textDark:visited {color:#00c;
						text-decoration: underline;
						}
						
a.textDark:hover {color:#800000;
						text-decoration: underline;
						background-color:#ccc;
						}

a.textDark:active {color:#cccccc;
						text-decoration: underline;
						}
						
						
						
/* and on Home */


a.home:link {color:#003;
						text-decoration: underline;
						}
						
a.home:visited {color:#003;
						text-decoration: underline;
						}
						
a.home:hover {color:#800000;
						text-decoration: underline;
						background-color:#ccc;
						}


						
/* SECTIONS */

div.contentTable {
				margin-top:60px;
				margin-left:30px;
				margin-right:4px;
			}
			
			

/* subtitles */
			
h3 {font-size: 15px;
				font-weight:bold;
				color: #000;
				}

h3.title {font-weight:bold;
		  color: #000;
		}
			
h3.titleAbout {color: #800000;
			}
			
h3.titleLight {color: #fff;
			}

h3.titleDark {color: #003;
			
			}


/* Basic Styles */


div.basicDark {font-size: 12px;
				text-align:left;
				line-height: 20px;
				margin-left:20px;
				padding: 0px 30px 20px 10px;
				color: #000;
				}
				
				
				
div.basicLight {
				font-size: 12px;
				text-align:left;
				line-height: 20px;
				margin-left:20px;
				padding: 0px 30px 20px 10px;
				color: #fff;
				}
				
div#missionHead {font-size:13px;
				color:#800000;
				font-weight: bold;
				line-height: 24px;
				width: 300px;
				padding-bottom:20px;
				}
				
div.indent {padding-left:30px;
			}
			
/* PULL QUOTES */

div.quoteRight {float: right; width:140px; 
				color:#800000;
				font: bold 14px Helvetica, Verdana, sans-serif;
				padding: 3px 2px;
				line-height: 18px;
				margin-bottom:10px;
				margin-left:10px;
				margin-right:0px;
				margin-top: 10px;
				}
				

div.quoteRightTop {float: right; width:140px; 
				color:#800000;
				font: bold 14px Helvetica, Verdana, sans-serif;
				padding: 3px 2px;
				line-height: 18px;
				margin-bottom:10px;
				margin-left:10px;
				margin-right:0px;
				margin-top: 0px;
				}
				
				
div.quoteLeftLight {float: left; width:140px; 
				color:#F2DD89;
				font: bold 14px Helvetica, Verdana, sans-serif;
				padding: 3px 2px;
				line-height: 18px;
				margin-top: 10px;
				margin-bottom:4px;
				margin-left:0px;
				margin-right:10px;
				
				}
				
div.quoteLeftDark {float: left; width:140px; 
				color:#030;
				font: bold 14px Helvetica, Verdana, sans-serif;
				padding: 8px;
				line-height: 18px;
				margin-top: 10px;
				margin-bottom:4px;
				margin-left:0px;
				margin-right:10px;
				border: 1px solid #033;
				}

div.quoteRightLight {float: right; width:140px; 
				color:#ffff00;
				font: bold 14px Helvetica, Verdana, sans-serif;
				padding: 3px 2px;
				line-height: 18px;
				margin-top: 10px;
				margin-bottom:4px;
				margin-left:10px;
				margin-right:0px;
				}

			
/* STYLES FOR LISTs */

/* The description at the top of the Committees Table */

div.basicHead {font-size: 11px;
				text-align:left;
				color:#003;
				padding:6px 100px 10px 12px;
			}

div.itemList {font-size: 11px;
			  text-align:left;
				color:#003;
				padding:4px 10px; 2px 6px;
			}


a.list:link {color:#00c;
						text-decoration: underline;
						}
						
a.list:visited {color:#00c;
						text-decoration: underline;
						}
						
a.list:hover {color:#800000;
				Background-color:#ccc;
						text-decoration: underline;
						}

a.list:active {color:#cccccc;
						text-decoration: underline;
						}
						
						
/* Style for the DIRECTIONS page */

div.map {font-size:11px;
				font-weight:normal;
				text-align:left;
				color: #fff;
				padding-left:26px;
				padding-top:0px;
				padding-bottom:20px;
				padding-right:40px;
				line-height:18px;
				}

/* Link Style for KolTikvah */

table#kol {background-color: #003;
			width: 180px;
		}
		
div.kol {color:#ffd707;
		padding-left: 10px;
		font-size:11px;
		padding-top:4px;
		padding-bottom:4px;
		}

a.kol:link {color:#ffd707;
						text-decoration: underline;
						
						}
						
a.kol:visited {color:#ffd707;
						text-decoration: underline;
						}
						
a.kol:hover {color:#800000;
				Background-color:#ccc;
						text-decoration: underline;
						}
						
						
/* Link Style for Sermons */

table#sermons {background-color: #003;
			width: 600px;
		}
		
div.sermons {color:#ffd707;
			font-size:11px;
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 8px;
		}

a.kol:link {color:#ffd707;
						text-decoration: underline;
						
						}
						
a.kol:visited {color:#ffd707;
						text-decoration: underline;
						}
						
a.kol:hover {color:#800000;
				Background-color:#ccc;
						text-decoration: underline;
						}


/* Special styles for WORSHIP */


div.shabbat {text-align:right; width:140px; 
				color:#003;
				
				font: bold 16px Georgia, Garamond, serif;
				
				padding: 3px 2px;
				line-height: 24px;
				margin-top: 30px;
				margin-bottom:4px;
				margin-left:0px;
				margin-right:50px;
				
				}
				
div.shabbatSmall {text-align:left; width:240px; 
				color:#003;
				
				font: bold 13px Georgia, Garamond, serif;
				
				padding: 3px 2px;
				line-height: 18px;
				margin-top: 30px;
				margin-bottom:4px;
				margin-left:0px;
				margin-right:20px;
				
				}



div.ritualCalendar {font-family: verdana,sans;
				font-size: 11px;
				text-align:left;
				color:#003;
				padding: 0px 0px 0px 12px;
				line-height:16px;
			}
			
			
div.ritualCalendarDate {font-family: verdana,sans;
				font-size: 11px;
				font-weight:bold;
				text-align:left;
				color:#003;
				padding: 2px 0px 0px 12px;
				line-height:14px;
			}
			
div.calendarChildren {font-family: verdana,sans;
				font-size: 11px;
				text-align:left;
				color:#003;
				padding: 7px 0px 7px 12px;
				
			}


/* Styles for photo slides */

div.photoFoot {font-family: verdana,sans;
				font-size: 10px;
				color: #fff;
				text-align:left;
				line-height: 14px;
				padding: 10px 30px 20px 0px;
				}

div.photoFootDark {font-size: 10px;
				color: #000;
				text-align:left;
				line-height: 14px;
				padding: 10px 30px 20px 0px;
			}


						
/* Styles for announcements */

table#announcements {width: 600px;
					background-color:#ccc;
					border: 1px solid #000;
					}
td.announcementDate {padding: 12px 12px 12px 12px;
					font-size: 12px;
					color: #000;
					background-color: #D5DFC7;
					border-bottom: 1px solid #000;
				}
div.date {font-weight: bold;
		font-size: 12px;
		text-align:left;
		}

div.jewishDate {font-weight: bold;
		font-size: 12px;
		text-align:right;
		color: #800000;
		}
		
div.ann1stTitle {font-size: 12px;
				font-weight:bold;
				color: #003;
				text-align:left;
				margin-bottom: 12px;
				margin-top: 12px;
			}

div.annTitle {font-size: 12px;
				font-weight:bold;
				color: #003;
				text-align:left;
				margin-bottom: 12px;
			}
			
div.annBody {font-size: 11px;
				font-weight:normal;
				color: #000;
				padding: 0 30px 20px 20px;
				line-height: 16px;
				text-align:left;
			}
			
/* THE PORTION */

.portion {color: #800000;
		}


/* FORM */
/* We are using this form for Chavurot */

div.formRight {font-family: verdana,sans;
				font-size: 11px;
				color: #000;
				text-align:left;
				padding: 4px 4px 10px 4px;

				}

/* ************************ */
/* ************************ */
/* EDUCATION */

div.side {font-family: verdana, sans;
				font-size: 11px;
				padding: 20px 6px 20px 20px;
				color: #000;
				text-align:left;
				}

p.side {font-family: verdana, sans;
				font-size: 11px;
				
				color: #000;
				text-align:left;
				}
				
				
				
/* EMERGENCY */

div#big {font-family: verdana, sans;
					font-size:14px;
					font-weight:bold;
					color: #f00;
					text-align: left;
					padding: 5px 10px 20px 0;
					}

				
				
/* A temporary one */

span.bigFranken {color:#F3E86C;
				font-size: 18px;
				font-weight: bold;
				}
				
span.small {font-size:10px;
font-family: arial, sans;
line-height: 12px;
			}
			
			
			
			
			
/* LINK to URJ */

div.URJ {font-size: 10px;
		color: #000;
		text-align: left;
		padding-left:4px;
		}
		
		
		
/* PRESS RELEASES */

/* Now we style the actual document */


div.release {font-variant: small-caps;
			text-align: center;
			font-size: 12px;
			
			margin-right: 10px;
			padding: 0.125em 0;
			border: 1px solid black;
			border-width: 1px 15px 1px 0;
			
			}


div#contact-info {font-family: verdana, sans;
				text-align:right;
				margin-right: 10px; 
				padding-right: 15px;
				border-right: 15px solid #AED1E6;
				padding-top: 0.60em;
				color: #fff;
				font-size: 12px;
				}

div#contact-info:first-line {font-weight: bold;
							text-transform: uppercase;
							font-size: 1.111em;
							font-weight: bold;
							}


h2 {margin: 10px 5% 28px 12%;
	font-size: 15px;
	color:#060;
	text-align: center;
	font-family: verdana, sans;
	color:#fff;}
	
	
	
	
/* TRANSITION */

/* PRESS RELEASES */

/* Now we style the actual document */


div.transition {font-variant: small-caps;
			text-align: center;
			font-size: 12px;
			
			margin-right: 10px;
			padding: 0.125em 0;
			border: 1px solid #ffc316;
			border-width: 1px 15px 1px 0;
			
			}


div#contact-info {font-family: verdana, sans;
				text-align:right;
				margin-right: 10px; 
				padding-right: 15px;
				border-right: 15px solid #AED1E6;
				padding-top: 0.60em;
				color: #fff;
				font-size: 12px;
				}

div#contact-info:first-line {font-weight: bold;
							text-transform: uppercase;
							font-size: 1.111em;
							font-weight: bold;
							}


h2.Transition {margin: 10px 5% 28px 12%;
	font-size: 15px;
	color:#060;
	text-align: center;
	font-family: verdana, sans;
	color:#fff;}



td#timeLineTop {background-color:#C8D5B4;
			}
			
td#timeLineTopRight {background-color:#B9C99F;
					border-left: 1px solid #333;
			}


td.timeLine {font-size: 11px;
			color:#111;
			}







/* QUESTIONS */

td.questions {background: #4260CE;
		}
		
td#listofquestions {background: #648842;
					padding: 0 10px 20px 10px;
		}
td#answers {background: #4991A8;
			padding: 0 20px 20px 20px;
			
		}

td.questionForm {font-size:11px;
				color: #fff;
				}

div.questions {font-size: 11px;
		color: #fff;
		text-align: left;
		padding:4px 0 4px 0;
		}
		
div.comments {font-size: 11px;
		color: #fff;
		text-align: left;
		padding:4px 4px 4px 10px;
		}
		
div.answers {font-size: 11px;
		color: #fff;
		text-align: left;
		padding:4px 6px 4px 8px;
		border: solid 1px #ccc;
		line-height:22px;
		}
		
a.questions:link {color:#fff;
						text-decoration: underline;
						
						}
						
a.questions:visited {color:#fff;
						text-decoration: underline;
						}
						
a.questions:hover {color:#000;
				Background-color:#ccc;
						text-decoration: underline;
						}
li.roman {list-style-type: decimal;
		}
		
		
		
		
		
/* SOCIAL ACTION */

		
			
table#social {background-color: #003;
			width: 380px;
		}
		
div.social {color:#333;
		padding-left: 10px;
		font-size:11px;
		padding-top:4px;
		padding-bottom:4px;
		}			
			
			
/* NEW ANNOUNCEMENTS: April 2009 */

td.titleAnnouncements2009 {color:#fff;
					padding: 4px 4px 4px 10px;
					font-size:12px;
					font-weight:bold;
					}
					
td.announcements2009 {color:#fff;
					padding: 4px 4px 16px 10px;
					font-size:12px;
					}
					
a.announcements:link {color:#ff0;
						text-decoration: underline;
						
						}
						
a.announcements:visited {color:#ff0;
						text-decoration: underline;
						
						}
						
a.announcements:hover {color:#f00;
				Background-color:#ccc;
						text-decoration: underline;
						}

td.titleAnnouncements2009Large {color:#ff0;
					padding: 4px 4px 4px 10px;
					font-size:12px;
					font-weight:bold;
					}	
					
td.homeAnnouncements {color:#000;
					padding: 4px 4px 4px 1px;
					font-size:12px;
					font-weight:normal;
					}	
					
					
					
					
/* QUESTIONS */

td.houseParty {background: #F6F9E5;
		}
		
td#listofquestions {background: #648842;
					padding: 0 10px 20px 10px;
		}
td#answers {background: #4991A8;
			padding: 0 20px 20px 20px;
			
		}

td.party {font-size:11px;
				color: #000;
				}
				
td.partySeparator {height:20px;
				color: #000;
				}
				
td.partySeparator2 {height:4px;
				background-color: #ccc;
				}


		
a.party:link {color:#B3644F;
						text-decoration: underline;
						
						}
						
a.party:visited {color:#B3644F;
						text-decoration: underline;
						}
						
a.party:hover {color:#51B34F;
				Background-color:#FFD9A9;
						text-decoration: underline;
						}