/* CSS Style Sheet for ITWP 2750 Course Homepage */
/* Edith Harvey */

/* body main style */
body {
     font-family: "Comic Sans MS", "Century Gothic", Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #000000 /* black text */
}

/* heading 1 style */
h1 {
     color: #330099; /* deep blue */
     text-align: center;
}
/* heading 2 style */
h2 {
     text-align: center;
}
/* heading 3 style */
h3 {
     text-align: center;
}
/* heading 4 style */
h4 {
     font-size: 1.10em;
}
/* heading 5 style */
h5 {
     color: #009900; /* darker green */
     font-style: italic;
     text-align: center;
}
/* heading 6 style, I like to use within the footer element */
h6 {
     color: #33CC99; /* teal blue/green */
     font-style: italic;
     text-align: center;
     font-size: .75em;
     font-weight: bold;
     /* adding letter, word and line spacing */
     letter-spacing: -.05em;
     word-spacing: .25em;
     line-height: 1em;
     /* adding text case, using text-transform, to uppercase as well */
     text-transform: uppercase;
}

/* Table CSS Settings for Modules and Assignments */
table {
     width: 75%;
     padding: .5em;
     /* centering the table */
     margin-left: auto;
     margin-right: auto;
     position: relative;
     border: #99CC99 5px double; /* dseafoam green double 5 pixel border around table */
     background-color: #330099; /* fills the table with the deep blue color */
}
/* specifies cells to show white background to make borders pop and table bg look like a fill between outer and "inner" borders */
td {
     padding: 1em;
     border: #330099 5px dotted; /* deep blue dotted 5 pixel border around cells */ 
     background-color: #FFFFFF; 
     width: 33%;
}

/* unordered/bulleted list style */
/* Makes assignment class for list items show the marker */
li.assignment {
     list-style-type: circle;
}

/* id tag created for dislaimer/footnote before validation line */
#footnote {
     color: #000000;
     font-size: 1em;
     text-align: center;
}

/* link anchor tag styles */
/* all links before clicked */
a {
     color: #660066; /* deep purple */
     text-decoration: underline;
}
a:link {
     color: #333399; /* dark blue */
     text-decoration: underline;
     font-weight: bold;
}
/* visited link style */
a:visited {
     color: #99CC99; /* seafoamish type green */
     text-decoration: none;
}
/* hovering over link style */
a:hover {
     color: #333399; /* dark blue */
     font-size: 150%
}
a:active {
     text-decoration: none;
     color: #0000FF; /* blue */
}