/* Adelaide Hebrew Congregation */
/* Cascading Style Sheet August 2007*/
/* Original Work by Andrew Harrison */
/* andrew@harrison.org - http://andrew.harrison.org */

body {
    margin: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    background: #fce4b6;
}

a {
    color: #263e62;
    text-decoration: none;
}

a:hover {
    text-decoration:underline;
}

#headerbar {
    width:100%;
    height:99px;
    background: url(images/headerbar.jpg) repeat-x;
    border-bottom: 2px solid #9c0a0b;
}

#headercontainer {
    width: 815px;
    background: url(images/headerbg.jpg) no-repeat;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* #headercontainer:hover {
    cursor:pointer;
}*/

#navcontainer {    
    position:relative;
    top: 80px;
}

#navlist {
    padding: 0;
    margin: 0;
    width: auto;
    
}

#navlist li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;
    border-right:1px solid  #990000;
}

#navlist li a {    
    color: white;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 0.8em;
    font-weight:normal;
    text-decoration:none;
}

#navlist li a:hover {
    text-decoration: underline;
}

#navlist li#last {
    border-right: none;
}

#contentcontainer {
    position: relative;
    top: 2px;
    margin-left: auto;
    margin-right: auto;
    width: 815px;
    height: auto;
/*    background: #CC6600;*/
}

#contentleft {
    width: 510px;
    height: auto;
    float: left;
}

#contentright {
    width: 255px;
    float:right;
    height: 600px; /* used to be 500 ..should be height of the sidebarshadow + 20px or whatever*/
    overflow: hidden;
}

#mainphoto {
    position:relative;
    width: 490px;
    height: 150px;
    left: 5px;
    border: 3px solid #FBF3E1;
    background: #fce4b6;
    overflow:hidden;
    z-index: 2;
}

#mainphotoshadow {
    position: relative;
    top: -150px;
    width: 506px;
    height: 156px;
    background: url(images/mainphotoshadow.jpg) no-repeat;
    z-index: 1;
}

#maincontent {
    position: relative;
    top: -150px;
/*    background:yellow; */ 
    width:496px;
    height: auto;
    left: 5px;
}

#maincontent h1 {
    padding: 0;
    margin: 0;
    color:#990000;
    font-size: 2em;
    line-height: 1.1em;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
}

#maincontent h2 {
    padding: 0;
    margin: 0;
    color:#990000;
    font-size: 1.3em;
    line-height: 1.3em;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
}

#maincontent p {
    text-align:justify;
    color: #333333;
    font-size:0.75em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:1.3em;
    font-weight:normal;
    padding-bottom: 1.3em;
}
    
#maincontent ol {
    text-align:justify;
    color: #333333;
    font-size:0.75em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:1.3em;
    font-weight:normal;
}

#maincontent ul {
    text-align:justify;
    color: #333333;
    font-size:0.75em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:1.3em;
    font-weight:normal;
}

#sidebar {
    position:relative;
    left: 4px;
    height: 802px; /*THIS HEIGHT CAN BE CHANGED TO FIT CONTENT, BUT CHANGE THE SHADOW'S HEIGHT TOO!! ok, it used to be 482 */
    width: 231px;
    border: 3px solid #FBF3E1;
    background:url(images/sidebar.jpg) #f9d7b6 no-repeat;
    z-index: 2;
    padding-top: 8px;
    padding-left: 4px;
    padding-right: 4px;
}

#sidebar h1 {
    padding: 0;
    margin: 0;
    color:#990000;
    font-size: 0.9em;
    line-height: 1em;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
}

#thisweek li,p {
    text-align:left;
    color: #333333;
    font-size:0.6em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:1.3em;
    font-weight:normal;
    padding: 0;
    margin: 0;
}

#thisweek ul {
    margin: 0;
    margin-top: 4px;
    padding: 0;
    padding-left: 15px;
    list-style:outside;
}

#shulphoto {
    padding-top: 5px;
    padding-bottom: 5px;
    position:relative;
    width: 220px;
/*    background:url(images/shulphoto.png);*/
    height: 98px;
    margin-left: auto;
    margin-right: auto;
}

#calendar {
    position:relative;
    width: 200px;
    /* background: #990000; 170 for below */
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

#calendartextcontainer {
    position:relative;
    width: 200px;
    height: auto;
    top: 10px;
}

.calendartext {
    text-align:left;
    color: #333333;
    font-size:1.2em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:1.3em;
    font-weight:normal;
    padding: 0;
    margin: 0;
}

#sidebarshadow {
    position:relative;
    top: -490px;
    width: 253px;
    height: 594px; /* CHANGE THIS TOO IF YOU CHANGE THE SIDEBAR HEIGHT! ok, it used tobe 494 */
    background: url(images/sidebarshadow.jpg);
    z-index: 1;
}

#footer {
    clear:right;
    position:relative;
    top: 50px;
    width: auto;
    height: auto;
    text-align:left;
    color: #333333;
    font-size:0.6em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:1.3em;
    font-weight:normal;
    padding: 0;
    margin: 0;
}

.selectedtd {
    /* 9a0e0f ..a8151a b7171c */
    background-color:#b2161c;
}

.notselectedtd {
    background-color:#6a0e11;
}

.eventday {
    background-color:#831115;
}

.caption {
    color:#666666;
    font-weight:400;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
}

.navphoto {
    color:#000000;
    font-weight:400;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.65em;
}



/* sIFR data */
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced {
    visibility: visible !important;
}

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h1 {
    visibility: hidden;
}

.sIFR-hasFlash h2 {
    visibility: hidden;
}

/* lightbox */

#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    }
#lightboxDetails{
    font-size: 0.8em;
    padding-top: 0.4em;
    }    
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
    background-color: #333;
    back\ground-color: transparent;
    background-image: url(images/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
    }