@import "verticlemenu.css";
/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
}
html, body {
/*        font: 90%/130% Verdana, Arial, Helvetica, sans-serif;*/
        font: 100%/130% Georgia, Times New Roman, serif;
        background:#C2B280;
}
body { font-size:90%; }
h1 {
line-height:100%;
    }
/* Neutralize styling: 
   Elements with a vertical margin: */
h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
}
img { border:none; }
h1 { color: #A2627A; }
/*#wrapper { width:984px;margin:0 auto;background:white;
border:1px #aaa solid;border-top:1px transparent solid;} */
/*#sidebar { width:10%; float:left; }*/
#sidebar ul, #topblock ul, #footer ul { list-style:none; }
#sidebar li, #sidebar ul { margin:0; }
#sidebar ul a, #topblock ul a, #footer ul a, #header a { text-decoration:none; }
#sidebar ul a, #topblock ul a, #footer ul a { font: 90%/130% Verdana, Arial, Helvetica, sans-serif; }
#sidebar a { color: #A2627A; }
/*#content { width: 90%; float:left; }*/
/*#inner-content, #inner-sidebar, #header { margin:0.5em; }*/
#inner-content, #inner-sidebar { margin:0.25em; }
#inner-content { margin:1.5em; }
#inner-sidebar ul.xar-menu-section li.xar-menu-item {
font-size:90%;
}
#topblock {_position:relative;clear:left;height:32px;border:#fff 1px solid;border-top:2px #aaa solid; }
#topblock ul li, #footer ul li { float:left; }
#topblock { height:32px;background:#543948;background:#aaa;margin-top:1em;background:transparent;

 }
#topblock .school { width:22% !important; }
#topblock ul {
margin:0 0 0 6%;
    height:32px;
    background:#A2627A;
    background:transparent;
    }
#topblock li { 
    background:#ccc;
width:10%;margin:0;padding:0;vertical-align:middle;border-right:1px solid white;text-align:center; }
#topblock li a { display:block;height:32px;line-height:32px; }
#topblock li a:hover { text-decoration:underline;background:#543948;color:#fff;background:#666; }
#topblock a { color:#fff;color:#666; }

#topblock {
}
#header { position:relative;height:80px;vertical-align:middle;/*line-height:120px;_line-height:80px;*/ }
#header #hf-logo a { color: #543948; }
#header p { margin:0;padding:0;font-size:2em;height:80px;_height:40px; }
#header a { color:black; }
#header #hf-logo a { color: #A2627A; }

#hf-logo { float:left; width:auto; }
.haddress { text-align:left;margin:0;padding-top:41px;height:40px;font-size:0.88em;float:left;line-height:1.2em;list-style:none; }
.cphoto { float:left;margin:0 1em 1em 0; }
.fp-video img { width:300px; }
.fp-video { float:left; width:300px;}
.fp-summary { margin:0 0 0 350px;width:300px; }
/*.fp-summary { width:300px; float:left;margin:0 0 0 1em; }
.fp-summary h2 { font-size:0.64em; text-transform:uppercase; }*/
.fp-cal li { border-bottom:1px solid grey;padding:6px 0; } /**/
.verse { font-size:12px;color:#666;width:75%; text-align:center; margin:0.25em auto; padding:0.5em; border-bottom:1px #999 solid; }


#header ul#banners {
list-style:none;
margin:0;
padding:0;
clear:left;
width:100%;
float:left;
}
#header #banners li {
margin:0;
padding:0;
float:left;
width:20%;
height:210px;
display:inline;
margin-left:0;
_margin-left:-1px;
}
#header #banners li img {
display:inline;
width:25px;
float:left;
border-left:2px #fff solid;
}
#header #banners li.one img { border:0; }
#header #banners li.one {
background: #fff url('images/birds-eye.jpg') no-repeat center center;
}
#header #banners li.two {
background: #fff url(images/brick-sign2.jpg) no-repeat center -8px;
}
#header #banners li.three {
background: #fff url(images/window-door.jpg) no-repeat center top;
}
#header #banners li.four {
background: #fff url(images/pews.jpg) no-repeat center -50px;
}
#header #banners li.five {
background: #fff url(images/peak-sign.jpg) no-repeat center -100px;
}




div.xar-julian a {
    text-decoration: none;
    clear:left;
}
div.xar-julian li {
    list-style-type: none;
}
div.xar-julian a:hover {

}

div.xar-julian-header {
}

div.xar-julian-footer {
    margin-top: 10px;
    text-align: center;
}

div.xar-julian-footer a {
    text-decoration: underline;
}

div.xar-julian-contents {
    margin-top: 5px;
    padding: 1px;
}

div.xar-julian-contents h1 {
    font-size: 1.5em;
}

div.xar-julian-contents h2 {
    font-size: 1.2em;
}

div.xar-julian-contents-icons {
    float: right;
}

div.xar-julian-calendar {
    margin-top: 10px;
}

div.xar-julian-calendar a {
    font-size:0.9em;
	color:#666;
	font-weight:bold;
}

div.xar-julian-calendar-nav {
    padding: 2px;
    border-bottom: 1px solid gray;
}

div.xar-julian-calendar-nav-prev {
    float: left;
}

div.xar-julian-calendar-nav-prev a {

}

div.xar-julian-calendar-nav-next {
    float: right;
}

div.xar-julian-calendar-nav-next a {
}

div.xar-julian-calendar-nav-current {
    color: #333;
    text-align: center;
    font-weight: bold;
}

tr.xar-julian-calendar-week a.xar-julian-arrow {
    color: #fff;
}

tr.xar-julian-calendar-week a:hover.xar-julian-arrow {
    color: #ff00ff;
}

.xar-julian-calendar-tables {
    clear: both;
}
/*
 The visual effect is made out of a table with cells per day */
table.xar-julian-calendar-month {
    width: 94%;
    border-collapse: collapse;
	margin-top:5px;
	margin-bottom:15px;
}

.xar-julian-calendar-month td {
    border-color: #c0d6c0;
    border-style: solid;
    border-width: 1px;
}

.xar-julian-calendar-month th {
    border-color: #c0d6c0;
    border-style: solid;
    border-width: 1px;
}

th.xar-julian-calendar-title {
    text-align: center;
    background-color:#A2627A;
	height:1.3em;
	font-size:1.3em !important;
	font-family:"Lucida Grande", sans-serif;
	color:#fff;
	padding:0;
	margin:0;
	text-transform:uppercase;
	letter-spacing:1px;
	border-color:#663300;
	border-color:#A2627A;
}

th.xar-julian-calendar-title a {
    color: #fff !important;
    text-decoration:none;
}

tr.xar-julian-calendar-daynames th {
    text-align: center;
    background-color: #E7c8AA;
    border-color: #c0d6c0;
	border-color:#E7c8AA;
    border-style: solid;
    border-width: 1px 1px 0 1px;
	font-size:1.1em !important;
	line-height:1.5em;
}

td.xar-julian-calendar-weeknumber {
    /*width: 2%;*/
    vertical-align: top;
    text-align: center;
}

td.xar-julian-calendar-day {
    /*width: 14%;*/
    vertical-align: top;
    padding-left:2px;
	padding-top:2px;
	height:5.5em !important;
}
div.xar-julian-calendar-date {
    /*width: 15px;*/
    float: left;
    border-right: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    font-size: x-small;
}

/*div.xar-julian-calendar-date a{
    padding-left:1px;
}*/

div.xar-julian-calendar-icons {
    /*width: 15px;*/
    float: right;
    text-align: right;
    padding-right: 2px;
}

.xar-julian-sub{
    font-size:x-small;
    clear:both;
}

.xar-julian-days-weekend {
    background-color: #ddffdd;
}

.xar-julian-days-weekday {
    background-color: #eeffee;
}

.xar-julian-days-currentday {
    background-color: #FF7;
    /*color: #0066ff;*/
}

td.xar-julian-days-currentday a {
    color: #c44 !important;
    font-weight: 900;
}

.xar-julian-days-currentday .xar-julian-calendar-date {
    border-right: 2px solid #990000;
    border-bottom: 2px solid #990000;
}

.xar-julian-days-currentday .xar-julian-calendar-date a {
    color: #990000 !important;
    font-weight: 900;
}

.xar-julian-days-empty {
    background-color: #fff;
}
/*
 The block: eventlist */
ul.xar-julian-eventlist li,
ul.xar-julian-catlist li {
    clear: both;
    display:block;
}

ul.xar-julian-eventlist li {
    margin-left: -20px;
    text-align: left;
    clear:left;
}

/**/
.xar-julian-list-icons {
    float: left;
    padding-right: 2px;
    padding-top: 3px;

}

.xar-julian-list-bull {
    font-size: 1.2em;
}

/* block element inside li to overrule color */
div.xar-julian-list-contents a.xar-julian-event {
    color:#f66;
}

div.xar-julian-block-calevent div.xar-julian-list-contents a.xar-julian-event {
    text-decoration: underline;
}

div.xar-julian-block-calevent div.xar-julian-list-contents a:hover.xar-julian-event {
    color: #666;
	background:none;
}

/* hyperlink to event with a tooltip */
a.xar-julian-event {
    position: relative;
}

/* color the day in the month block that has an event*/
.xar-julian-calendar-month a.xar-julian-event {
    color:#F66 !important;
    text-decoration:underline;
}
/* Create the tooltip from here */
a.xar-julian-event span.xar-julian-tooltip {
    display: none;
}

.xar-julian-calendar-month a.xar-julian-event:hover {
    text-decoration: underline;
}

a.xar-julian-event:hover {
    z-index: 999;
}
/*
Set width of your tooltip here. The width might be interfering with display */
a.xar-julian-event:hover span.xar-julian-tooltip {
    top:0px;
    left: -200px;
    text-decoration: none;
    display:block;
    position:absolute;
    width:178px;
    font-weight:bold;
    background:#fcfcfc;
    color:#555;
    padding: 5px;
    border: 1px solid #d8eed8;

}

a.xar-julian-event:hover span.xar-julian-tooltip span {
    display:block;
    position: relative;
    top:0;
    left:0;
    padding:0;
}

/* specify some classes apart per page */
.xar-julian-block-calmonth td.xar-julian-calendar-day,
.xar-julian-user-year td.xar-julian-calendar-day {
    height: 10px !important;
}

.xar-julian-user-year .xar-julian-calendar-weeknumber .xar-julian-arrow {
    font-size: 10px;
}

.xar-julian-block-calevent ul.xar-julian-eventlist li {
    margin-left: 0.5em;
}

.xar-julian-calevent-upcoming ul.xar-julian-eventlist li {
    margin-left:0.5em;
}

.xar-julian-eventlist .xar-sub a {
    margin-left:0.5em;
}

div.xar-julian-calevent-today-header {
    background-color: #0066FF;
    width:100%;
}

div.xar-julian-calevent-upcoming-header {
    background-color: #0066FF;
    width:100%;
}

div.xar-julian-view-header {
    font-size: 1.5em;
    font-weight: bold;
}
/*
 Needed for IE type of browsers */
div.xar-julian a:hover span {
    filter: alpha(opacity=100);
}


.calwidth th {
width: 14%;
text-align:center;
}

.lefty {
width:45%;
float:left;
}
.righty {
width:45%;
float:right;
}


div.side-menu {
font-size:90%;
background:#efefef;
border:1px solid #aaa;
margin:0 1em 1em;
width:200px;
float:right;
}
div.side-menu ul {
padding:1em;
margin-top:0;
list-style:none;
}
div.side-menu li {
margin:0;padding:0;
border-bottom:1px solid #fff;
}
div.side-menu li a:hover {
text-decoration:underline;
}
div.side-menu li a {
margin:0;padding:0;
text-decoration:none;
color:#666;
}
h4.side-menu {
margin:0;padding:0.25em;
color:#fff;
background:#333;
}


.psalms dl {
margin-bottom:2em;
}
.psalms dd {
/*float:left;*/
margin-top:1em;
/*font-style:italic;*/
margin-left:2em;
}
.psalms dt {
margin-top:1em;

/*width:33%;
float:left;
clear:left;*/
}

#sjbc-title {
width:300px;
float:left;
font-size:24px;
line-height:36px;
margin-top:18px;
margin-bottom:18px;
margin-left:12px;
}

#sjbc-title span {
color:#999;

}

#address {
font-size:11px;
margin-top:18px;
margin-bottom:18px;
float:left;
width:55%;
}
#address ul {
list-style:none;
margin:0;
}

#login-block-wrapper label {
font-size:10px;
text-transform:uppercase;
color:#aaa;
}
#login-block-wrapper input.text {
width:99%;
background:#efefef;
font-size:14px;
line-height:18px;
}
#login-block-wrapper form {
margin:0.25em;
}






#content {
  margin-left: 200px;
  margin-left: 150px;
}
#sidebar {
  width: 200px;
  _width:190px;
  width: 150px;
  _width:140px;
  float: left;
}
#footer {
  clear: both; 
}
#wrapper {
background:#fff;
min-width:800px;
max-width:1280px;
margin:0 auto;
}
#container {
  width: 100%;
  float: right;
  margin-left: -200px;
}
.clearing {
  height: 0;
  clear: both;
}

img.float-right {
float:right;
margin:0 0 1em 1em;
padding:5px;
border:#aaa 1px solid;
}

h3.committee-people {
border-bottom:2px solid #aaa;
}

#directory {
border-collapse:collapse;
margin-top:2em;
width:100%;
}
#directory tr.toprow a {
color:#fff;
text-decoration:none;
display:block;
}
#directory tr.toprow {
text-transform:uppercase;
font-weight:normal;
color:#fff;
background:#666;
text-align:left;
}
#directory tr.toprow th {
text-align:left;
padding-right:2em;
}
#directory td,
#directory th {
white-space:nowrap;
}
.xar-alt {
background:#efefef;
}
#directory td.lastname {
text-transform:capitalize;
}
.directory-wrap {
clear:right;
/*margin-right:250px;*/
}


.birthdaylist {
    list-style:none;
    margin:2em;
    border:1px #999 solid;
}

.birthdaylist li span {
    font-size:36px;
    color:#999;
}
.birthdaylist li {
padding:1em 0;
}

#birthdaywrap {
    background:transparent url(images/bbanner-tl.gif) no-repeat top left;
}
#birthdaywrapa {
    background:transparent url(images/bbanner-bl.gif) no-repeat bottom left;
}
#birthdaywrapb {
    background:transparent url(images/bbanner-tr.gif) no-repeat top right;
}
#birthdaywrapc {
    background:transparent url(images/bbanner-br.gif) no-repeat bottom right;
}
.birthdaywrapinside {
    padding:2em;
}

#ministries-links td {
vertical-align:top;
width:33%;
}
#ministries-links ul li {
margin:0;
}
#ministries-links ul a:hover {
text-decoration:underline;
}
#ministries-links ul a {
text-decoration:none;
}
#ministries-links ul {
margin:0;
}

#ministries-links h2 {
margin-bottom:0.25em;
}

#ministries-links ul {
list-style:none;
}


/* the bodge for IE6 browsers */
* html .minwidth {border-left:750px solid #fff; position:relative; float:left; z-index:1;}
* html .container {margin-left:-750px; position:relative; float:left; z-index:2;}