body { margin: 0; padding: 0; text-align:center; background: url(http://www.templeemanuel.ca/images/template/bg.gif) repeat-x #517cb4; color: #fff;}

body {font-size: 0.9em; 
font-family: Arial, Verdana, Helvetica, Arial, sans-serif; 
font-style: normal; 
line-height: 1.4; 
font-weight: normal; 
}

th, td {font-size: 1em; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-style: normal; 
line-height: 1.5; 
font-weight: normal; 
text-align: left; vertical-align: top; }

html>body th, html>body td {
font-size: 1em; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-style: normal; 
line-height: 1.5;  
font-weight: normal; 
}

p {padding: 0 0 10px 0; margin: 0;}
img {border:0;}
form {display: inline;}

ul {margin: 0 0 0 7px; padding: 0 0 10px 7px;}
ol {margin: 0 0 0 15px; padding: 0 0 10px 15px;}

a {outline: none;}
a:link {color: #28528A; text-decoration: underline; outline: none;}
a:visited {color: #28528A; text-decoration: underline; outline: none;}
a:hover {color: #B80207; text-decoration: underline;}
a:active {color: #B80207; text-decoration: underline;}


h1 {margin: 0; padding: 0 0 10px 0; font-size: 170%; color: #28528A; font-weight: normal; }
h2 {margin: 0; padding: 3px 0; font-size: 100%; font-weight: bold; color: #28528A;}
h3 {margin: 0; padding: 0;}



#wrapper {width: 770px; margin: auto; text-align: left; background: url(http://www.templeemanuel.ca/images/template/content_bg.gif) repeat-y top right #fff; color: #000;}

#header {position: relative; height: 129px; background: url(http://www.templeemanuel.ca/images/template/header_bg.jpg) no-repeat #E1DDD4; color: #fff; }
#logo {position: absolute; top: 27px; left: 15px;}
#search {position: absolute; bottom: 10px ; left: 510px; }
#nav {height: 34px; background: url(/images/template/menu_bg.gif) repeat-x; }

#content {position: relative;  background: url(http://www.templeemanuel.ca/images/template/content_bg.gif) repeat-y top right #fff; color: #000; }

#main { width: 495px; float: left;}
#extra { width: 275px; float: right; padding-bottom: 60px;}
#URJ { clear: both; padding-left: 520px; padding-bottom: 10px; 
/* width: 275px; position: absolute; bottom: 10px; left: 495px; text-align: center; */
}
/* search styles */

#search .input {width: 180px; margin: 0; padding: 3px 2px 2px 2px; }
#search td {vertical-align: middle;}
#search label {display: block; padding-bottom: 5px;}
#search .go {margin-left: 5px;}

#utilities {background: #ECECEC; padding: 10px 5px; text-align: right; font-size: 90%; line-height: 14px; }
#utilities a {padding: 0 5px;}
#utilities a.smaller {padding-left: 20px; background: url(http://www.templeemanuel.ca//images/template/smaller.gif) no-repeat #ececec;}
#utilities a.larger {padding-left: 20px; background: url(http://www.templeemanuel.ca//images/template/larger.gif) no-repeat #ececec;}
#utilities a.f2f {padding-left: 20px; background: url(http://www.templeemanuel.ca//images/template/f2f.gif) no-repeat #ececec;}

#copy {padding: 10px 15px 10px 25px;}

#calendar_pull {background: #29538B; color: #fff; border-bottom: solid 4px #22497F;}

#calendar_pull h4 {margin: 0; height: 70px; padding: 0 10px; font-weight: normal; font-size: 150%; line-height: 70px; background: url(http://www.templeemanuel.ca/images/template/calendar.gif) no-repeat #3A649B; text-indent: -9999px; }

#calendar .event {border-bottom: solid 1px #22497F; border-top: solid 1px #3A649B;}
#calendar .first {border-top-width: 0;}

.event a {display: block; padding: 10px 10px 10px 35px ; background: url(http://www.templeemanuel.ca/images/template/calendar_icon.gif) 10px 15px no-repeat #29538B;}
.event .date, .event .title {display: block;}

.event a:link {color: #fff; background-color: #29538B; text-decoration: none;}
.event a:visited {color: #fff; background-color: #29538B; text-decoration: none;}
.event a:hover {color: #fff; background-color: #173669; text-decoration: none;}
.event a:active {color: #fff; background-color: #173669; text-decoration: none;}

.event a:link .date {color: #B2D2FF; text-decoration: none;}
.event a:visited .date {color: #B2D2FF; text-decoration: none;}
.event a:hover .date {color: #B2D2FF; text-decoration: none;}
.event a:active .date {color: #B2D2FF; text-decoration: none;}



#footer {background-color: #29538B; color: #B2D2FF; text-align: center; padding: 10px; border-bottom: solid 4px #22497F; font-size: 90%;}
#footer a:link {color: #fff; text-decoration: underline; }
#footer a:visited {color: #fff; text-decoration: underline; }
#footer a:hover {color: #B2D2FF; text-decoration: underline; }
#footer a:active {color: #B2D2FF; text-decoration: underline; }


.clear {clear: both; font-size: 0; line-height: 2px;}

.input {font: 12px/12px Arial, Verdana, sans-serif; }


.blue {color: #28528A;}
.imgLeft {clear: both; padding: 2px; border: solid 1px #DBDBDB; margin: 5px 10px 5px 0; float: left;}
.imgRight {clear: both; padding: 2px; border: solid 1px #DBDBDB; margin: 5px 10px 5px 0; float: right;}

#MonthLinks {width: 100%; border: 0; border-spacing: 0; border-collapse: collapse; margin-bottom: 10px;}
#MonthLinks td {text-align: center; font-weight: bold; vertical-align: middle;}
#MonthLinks .next {text-align: right; font-size: 200%;}
#MonthLinks .prev {text-align: left; font-size: 200%; }

#MonthLinks a:link {color: #000; text-decoration: none;}
#MonthLinks a:visited {color: #000; text-decoration: none;}
#MonthLinks a:hover {color: #000; text-decoration: underline;}
#MonthLinks a:active {color: #000; text-decoration: underline;}

#events_calendar {width: 100%; border: 0; border-spacing: 1px; border-collapse: separate; border: solid 1px #ECECEC; border-width: 1px 0;}
#events_calendar td {padding: 5px; border-top: solid 1px #ECECEC; line-height: 1;}
#events_calendar td.S {background: #ECECEC; color: #000; border-top: width: 0; }
#events_calendar td.day_abrev { width: 20px;}
#events_calendar td.day_no {text-align: right; padding-right: 15px; width: 30px; }

#events_calendar a:link {color: #000; text-decoration: none;}
#events_calendar a:visited {color: #000; text-decoration: none;}
#events_calendar a:hover {color: #000; text-decoration: underline;}
#events_calendar a:active {color: #000; text-decoration: underline;}

.resource {padding-bottom: 10px;}
.resource .links {margin-top: -5px;}
.resource .view {display: block; width: 300px; float: left;}
.resource .permalink {display: block; width: 150px; float: right; text-align: right;} 

.announcement {padding-bottom: 10px;}
.announcement h2 {padding-top: 0;}

/* form styles */
.form div {padding: 0 0 10px 0;}
.form img {vertical-align: middle; margin-bottom: 3px;}

label {display: block; }
.input {width: 100%; }
.textarea {width: 100%; }

#prev {width: 49%; float: left; text-align: right; margin: 10px 0;}
#next {width: 49%; float: right; margin: 10px 0;}
#prev a, #next a {font-weight: bold;}
#prev a:link, #next a:link {text-decoration: none;}
#full_img {text-align: center; margin: 10px 0;}

#gallery_cat {margin:0; padding:0; list-style-type: none;}
#gallery_cat img {vertical-align: middle; margin-right: 10px;}