/*
Title: Congregation Beth Tikvah
Author: Tome Wilson - tome@creativewebgroup.net
Last Updated: October 27, 2008
*/

/* ---[ css reset ]--------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1}
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after,
q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
em, .em {font-style: italic}
strong, .strong {font-weight: bold}
.big {font-size: 110%}
.small {font-size: 90%}
.l {float: left}
.r {float: right}
.clear {clear: both; display: block}
.center {text-align: center}



/* ---[ structure ]--------------------- */
html, body {background: #f3f3f3 url(images/shell/background.gif); height: 100%; min-width: 762px; font: normal 12px/20px Arial, Helvetica, sans-serif; color: #242424; text-align: center}
#center-on-page {margin: 0 auto; width: 762px; background: url(images/shell/content/background.gif) repeat-y}


/* ---[ content ]--------------------- */

#header {margin: 0 auto; width: 762px; height: 214px; display: block}
#header img {float: left}

#body, #center {margin: 0 auto; width: 762px; display: block; padding: 20px 0}
#body p {padding: .6em 0}
a, a:hover {color: #f1ab00; text-decoration: none}


/* ---[ left and right sides ]--------------------- */

#left, #right {display: block; float: left; text-align: left}
#left .top, #right .top {display: block}
#left .bottom, #right .bottom {display: block; clear: both; margin-bottom: 20px}
#left .top, #right .top, #left .bottom, #right .bottom {height: 12px}


/* ---[ left side ]--------------------- */

#left {width: 221px; margin-right: 18px}

	#left .top, #left .content, #left .bottom {width: 219px; padding: 0 1px}
	
	#left .top {background: url(images/shell/left/top.png) no-repeat}
	#left .content {background: url(images/shell/left/background.gif) repeat-y}
	#left .bottom {background: url(images/shell/left/bottom.png) no-repeat; margin-bottom: 20px}
	
		#navigation li li {background: url(images/shell/left/arrow.png) no-repeat left center; margin-left: 35px; padding-left: -20px}
		#navigation a {padding: 0 20px; font: bold 13px/25px Arial, Helvetica, sans-serif; color: #666; display: block}
		#navigation a:hover {color: #fff; background: url(images/shell/left/navigation-background.gif) repeat-x; text-decoration: none}

		.left-bubble {text-align: center; color: #666; font: bold 12px/12px Arial, Helvetica, sans-serif}
	

/* ---[ right side ]--------------------- */

#right {width: 523px}

	#right .top, #right .content, #right .bottom {width: 483px; padding: 0 20px}

	#right .top {background: url(images/shell/right/top.png) no-repeat}
	#right .content {padding-top: 8px; padding-bottom: 8px; background: #fff url(images/shell/right/background.gif) repeat-y}
	#right .bottom {background: url(images/shell/right/bottom.png) no-repeat}

	#right .list {list-style-type: circle; padding: .4em 0 .4em 18px}
	.list li {padding: .4em 0}
	
	#sitemap ul {list-style-type: circle; padding: .4em 0 .2em 0; margin: 0 2em}


/* ---[ content styles ]--------------------- */

#content p {text-align: justify}

#content a {color: #0053a5; text-decoration: none}
#content a:hover {color: #0053a5; text-decoration: underline}

.pdf {background: url(images/icons/pdf.gif) no-repeat top left; padding: 1px 0 1px 21px}
.arrows {background: url(images/icons/arrows.gif) no-repeat center left; padding-left: 12px}
.photoL {float: left; margin: .4em 10px .2em 0}
.photoR {float: right; margin: .4em 0 .2em 10px}

.hr {font-size: 1px; border-bottom: 1px dotted #ccc; margin: 7px 0}


/* ---[ heading styles ]--------------------- */

h1 {font: normal 26px/26px Arial, Calibri, Helvetica, sans-serif; color: #0053a5; padding: 0 0 .2em 0; text-align: center; letter-spacing: -2px}
h2 {font: normal 1.75em/1em Arial,Calibri,Helvetica, sans-serif; color: #0053a5; padding: .4em 0 .2em 0}
h3 {font: normal 1.5em/1em Arial,Calibri,Helvetica, sans-serif; color: #6aa2d2; padding: .4em 0 .2em 0}


/* ---[ footer styles ]--------------------- */
#footer {width: 100%; display: block; background: #fff; clear: both; border-top: 1px solid #0053a5; border-bottom: 1px solid #0053a5}

	#copyright {font: bold 12px/1em Verdana, Arial, Helvetica, sans-serif; color: #0053a5}
	#footer .bullet {font-weight: normal; padding: 0 .5em; color: #f1ab00}
	#footer .navigation {margin: 0 auto; width: 762px; padding: 1em 0 .5em 0}
	#footer a {color: #333; text-decoration: none; padding: 0 .5em}
	#footer a:hover {color: #333; background: #fff; border: 1px solid #f1ab00}


/* ---[ colors ]--------------------- */
.blue {background: #fff; color: #0053a5 !Important}
.ltblue {background: #fff; color: #6aa2d2 !Important}
.yellow {background: #fff; color: #f1ab00 !Important}