



/* CSS Style Sheet for the New Homepage */
/* Greg Buchmann */



/* HTML tag selectors */

/* Html Body selector */
/* Default font family, default font size, default text color, page background */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000; /*black*/
background: url(images/spirals-notepads-writing-pads-bundle-600w-1651014208-cropped2.jpg) repeat-y 0 0,
            url(images/natural-paper-background-texture-hd-5a0b.jpg) repeat 0 0;

}



/* Html Table selector */

table {
border: none;
width: 750px;
padding: 0;
margin: auto;
}



/* paragraph selector */
/* interline spacing, text alignment, text justtification, inter-word spacing, paragraph indent, paragraph background color */

p {
line-height: 20px;
text-align: justify;
text-align-last: left;
text-justify: inter-word;
text-indent: 3em;
background-color: rgba( 97%, 97%, 97%, .4 );
}



/* Html H1 Header selector */
/* main title size, spacing, height, all charcters to uppercase, 3d text shadow */

h1 {
font-size: 44px;
letter-spacing: 1px;
word-spacing: 4px;
line-height: 28px;
text-transform: uppercase;
text-shadow: 0px 1px 0px #999,
 0px 2px 0px #888,
 0px 3px 0px #777,
 0px 4px 0px #001135;
}



/* Html H3 Header selector */
/* Paragraph headers, letter spacing, line height, all characters to uppercase */

h3 {
text-decoration: underline;
letter-spacing: 0px;
word-spacing: 2px;
line-height: 20px;
text-transform: uppercase;
}


/* Html H4 Header selector */
/* author header, italic text, letter spacing, word spacing, line height, all characters to uppercase */

h4 {
font-style: italic;
letter-spacing: 0px;
word-spacing: 3px;
line-height: 18px;
text-transform: uppercase;
}


/* Html hr horizontal rule selector */
/* horizontal lines, no border, black solid lines */

hr {
border: none;
border-top: 1px solid #000000;/*the border*/
height: 2px;
}


/* Html img image selector */
/*image style, float, border around images, and margin around images*/

img {
float: right;
border: 2px solid #000000;
border-right: 4px solid #000000;
border-bottom: 4px solid #000000;
margin: 0px 5px 10px 10px;
}


/* Html a anchor selectors */
/* hyperlink styles */

a:link {
color: #0066cc;/*cool blue*/
}

a:visited {
color: #0066cc;/*cool blue*/
}

a:hover {
text-decoration: none;
color: #ff9900;/*yellow*/
font-weight: bold;
}

a:active {
text-decoration: underline;
color: #0066cc;/*cool blue*/
}


/* End HTML tag selectors */


/* id selectors */

/* copyleft 1 */
/* font size, italic style, align left */

#copyleft1 {
font-size: 12px;
font-style: italic;
text-align: left;
}


/* copyleft 2 */
/* font size, oblique style, align left */

#copyleft2 {
font-size: 16px;
font-style: oblique;
text-align: left;
}


/* end id selectors */



