/* Styles for the Or Shalom Site */ 

body {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #000000;
background-color: #FFFFFF;
text-align: center;  /*this is added to fix an IE5 5.5 bug. also affects IE6 in quirks mode. see css extras in references for details  */
}

h1,h2,h3,p,table,li,address {font-family: Geneva, Arial, Helvetica, sans-serif; }

h1 {
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0.5em;
margin-left: 0px;
font-size: 1.5em;
color: #8E041E;
}

h2 {
font-size: 1.25em;
color: #5E1C30;
}

h3 {
font-size: 1.1em;
color: #5E1C51;
}

p,table,li,address {
font-size: 1.0em;
color: #000000;
}

/* this defines any classes used in the document */
.left {
text-align: left;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.smalltxt {
font-size: 0.8em;
}

.redcolor {
color : #8E041E;
}

.browncolor {
color : #5E1C30;
}

.purplecolor {
color : #5E1C51;
}

.purplecolorbold {
color : #5E1C51;
font-weight: bold;
}

.bluecolor {
color : #2E4E9B;
}

.box {font-size: 1.25em;}

.date {font-size: 0.9em;
text-align: center;
}

.comicsans {
font-family: 'Comic Sans MS', Arial, sans-serif;
}

table.picnospace {
padding-top: 0;
margin-top: 0;
}

.piccaps {
text-align: center;
font-size: 0.9em;
font-style: italic;
}

/* this defines your main section link behaviors */
a:link {
color: #432E99;
text-decoration: underline;
}

a:visited {
color: #992E4E;
text-decoration: underline;
}

a:hover {
color: #992E4E;
text-decoration: none;
}

a:active {
color: #432E99;
text-decoration: underline;
}

/*this id selector defines the main, overall box */
#container
{ position: relative;
  width:815px;
  margin:0px auto;
  background-color: #FFFFFF;
  text-align: left; /* this is the other half of the IE bug fix. see css extras in references for details */

}

body>#container
{width:815px;
}

/* this is the id selector for your heading section */
#top
{padding: 0.5em;
 background-color: #FFFFFF;
 border-top: 5px solid #2E4E9B;
}

/* this id selector defines your linked navigation which is floated to the left */
#leftnav
{ float: left;
  width: 150px;
  margin: 0px;
  padding: 0.5em;
}

#leftnav ul {
border-right: solid #2E4E9B 1px;
}

#leftnav ul li{
text-align: right;
padding-top: 0em;
padding-bottom: 0.5em;
padding-right: 5px;
list-style: none;
}

#leftnav ul a {
font-weight: bold;
text-decoration: none;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#leftnav ul a:link {
color: #8E041E;
}

#leftnav ul a:visited {
color: #8E041E;
}

#leftnav ul a:hover {
color: #5E1C30;
}

#leftnav ul a:active {
color: #8E041E;
}

/* this id selector defines the main text body of the content */
#content {
margin-left: 195px;
padding: 0.5em;
}

/* this defines your footer and uses the clear attribute so it will not overlap */
#footer {
clear: both;
margin: 0px;
padding: 0.8em;
color: #000000;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
border-top: 1px solid #8E041E;
border-bottom: 5px solid #2E4E9B;
text-align: center;
}
