/*Classes and ID's are organized by effect. Colors, font weight, font size, positioning special effects at the bottom etc etc.*/
body {
    background: #E0E0E0;
    color: black;
    font-size: 1em;
    padding: 0 5px 15px 5px;
}
.bg_image {
    background-image: url('images/hitler_outline.png');
    background-repeat: no-repeat;
    background-position:center;
    background-attachment: fixed;

}
/*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;
}

/*Just some colored text*/

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

/*And now we need sizes!*/

.small {
    font-size: .9em;
}
.medium {
    font-size: 1.5em;
}
.large {
    font-size: 1.8em;
}
.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;
}


/* Link stuff */

a:link {
    color: black;
    text-decoration: underline;
}
a:hover {
    color: blue;
    text-decoration: underline;
}
a:visited {
    color: green;
    text-decoration: underline;
}
a:visited:hover {
    color: green;
    text-decoration: underline;
}
#links {
    padding: 5px 5px 5px 5px;
    text-align: center;
}

/* h tags defined below, may replace with divs for fun later*/

h1 {
    font-size: 1.5em;
    color: red;
    text-align: center;
}
/*category headers*/
h2 {
    font-size: 1.3em;
    color: red;
    text-align: center;
    text-decoration: none;
}
/* link display text*/
h3 {
    font-size: 1.2em;
    padding: 0 0 0 15px;
}
/*basic text*/
h4 {
    font-size: 1em;
    color: black;
}
h5 {
    color: blue;
}
h6 {
    color: #996600;
    text-align: center;
    font-size: 1em;
}
.h7 {
    color: red;
    font-size: 1.2em;
}
.h8 {
    font-size: 1.2em;
    text-decoration: underline;
    color: blue;
}
/* More damn buttons!*/
#tswcsstabs ul {
    margin: 15px 50px 0 50px ;
    list-style: none ;
}
#tswcsstabs ul li {
    margin: 0 0 0 0  ;
    padding: 5px 0 5px 0 ;
    display: inline ;
    text-align: center ;
    list-style: none ;
    border: #C0C0C0 outset 2px;
    font-family: Arial, Helvetica, sans-serif ;
}

#tswcsstabs li a {
    color: white ;
    background: url('images/buttons/button_inactive.png') repeat-x;
    margin: 0 0 0 0;
    padding: 4px 7px 4px 4px;
    text-decoration: none ;
    display: inline;
    height: 32px;
}
#tswcsstabs li a:hover {
    color:  white;
    background: url('images/buttons/button_active.png') repeat-x;
    border: #C0C0C0 groove 2px;
}
.buttontext {
    color: white;
    font-weight: bold;
}