body {
    background: #E0E0E0;
    margin-left:20px;
    margin-right: 20px;
}
.title {
    padding-top: 40px;
    font-size: 1.8em;
    text-align: center;
    color: black;
}
.menu_header{
    color: black;
    font-size: 1.3em;
    padding-left: 30px;
}
/*This is the stuff to postion the menu and style it so it doesn't have
a dot or number
#menu is just the container the others are for the style, because we got it*/
#menu {
    width: 100px;
    position: relative;
    left: 50px;
    top: 150px;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 15px 5px;
}
#menu ul {
    margin: 15px 50px 0 50px ;
    list-style: none ;
}
#menu ul li {
    margin: 0 0 0 0  ;
    padding: 5px 0 5px 0 ;
    display: inline ;
    text-align: center ;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif ;
}
#menu li a {
    color: black ;
    margin: 0 0 0 0;
    padding: 4px 7px 4px 4px;
    display: inline;
    height: 32px;
}
#menu li a:hover {
    color:  red;
}
.center{
    text-align: center;
}
.construction {
    background: url('http://localhost/pridehonor/images/coming-soon.gif') no-repeat;
}
/*Below are some text position, color and sizing stuff to eliminate ugly html*/

/*let's position our text*/
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
/* Nobody likes a crowded list, so..*/
li {
    margin-bottom: 5px;
}
#floatleft {
    float:left;
    width: 500px;
    margin-left: 20px;
    text-align: left;
}
#floatright {
    float: right;
    width: 500px;
    margin-right: 20px;
}
#floatbottom {
    margin-top: 440px;
}
#indexfloatleft {
    float: left;
    width: 190px;
    text-align: left;
    margin-top: 260px;
}
/*Just some colored text*/

.blue {
    color: blue;
}
.red {
    color: red;
}
.green {
    color: green;
}
.orange {
    color: orange;
}

/*And now we need sizes!*/
.tiny {
    font-size: .7em;
}
.small {
    font-size: .8em;
}
.medium {
    font-size: 1.3em;
}
.large {
    font-size: 1.8em;
}
.giant {
    font-size: 3em;
}
.intro {
    font-size: 1.4em;
}
.sub_intro {
    font-size: 1em;
}

/* Special things to replace html tags and such */

.music {
    color: blue;
    font-size: 1em;
    text-align: center;
}

/*a pretty border, yippee*/

.border {
    border: 5px groove blue;
    padding: 2px 5px 2px 5px;
    margin: 0 20% 0 20%;
}
/* Just for search box border and position on search.htm*/
.searchbox {
    border: 5px double #999;
    margin: 18% 40% 0 40%;
    padding: 10px;
}
.precepts {
    border: 5px groove green;
    padding: 2px 5px 2px 5px;
    margin: 0 5% 0 5%;
    font-size: .9em;
    font-weight: bold;
}
.indent {
    padding: 2px 4px 2px 4px;
    border: 4px double #999;
    margin: 0 4% 0 4%;
    background: #D6D6D6;
    font-style: italic;
    color: #000;
    font-weight:lighter;
    font-variant:small-caps;
}
.notes {
    font-size: .7em;
    font-style: italic;
}

/* used in zionistnature.htm only (I think)*/

.opening {
    font-size: 3em;
    color: red;
}

/* Only need a style in one part? */

.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}