/* PORTFOLIO- this shows my beginning use of CSS */
/* 2a2c31 is really a dark navy, almost black, ffffff is white, 000000 is black, ff0000 is red*/
.blink { 
text-decoration: blink; 
}



.header {
color:#000000;
background-color:#82A2C1

}

body{
font-family: "Times New Roman"; 
color: #000000;
/*background-color: #82b1c1 -- blue greenish */
background-color: #8c8984 
/*pulls other stuff into forefront */
/*background-color: #de9d7f     real contrast */
}

.tbody{ 
font-family: "Times New Roman"; 
font-size:9pt;
color: #000000;
background-color: #829F82
}

.nav_bar { 
color:#000000;
background-color: #D6DDAA;
/*background-repeat: repeat-x;
font-size: 1em HAVEN'T DEFINED SIZES YET*/
}
tfoot {
background-color:#82A2C1;
font-size: .6em;
text-align: center
}

/* not sure how to use these
#nav a:link, #nav a:visited {
display: block;
height: 18px;
background-position: bottom left;
font-size: 1.2em;
color: #fff;
text-decoration: none;
border: 0;
padding: 0;
text-shadow: 2px 2px 1px #98C3E0;
}
.......

#nav a:hover, #nav a:active, #nav a:focus {
background-position: top left;
background-color: transparent;
color: #F55B99;
text-shadow: none;
border: 0;
}


h1{
font-size: 2.5em;
font-variant: small-caps;
margin-bottom: -.15em
}

h2 {

font-size: 1.25em;
margin-bottom: .25em
}

h3 {
font-size: 1em;
margin-bottom: -.75em
}

p, ul {
font-size: .8em;
line-height: 170%
}

tfoot {
/*with color:#ff0000; all white no lettering
background-color:#ff0000;
font-size: .6em;
text-align: center
}

img {border: none}




.sidebar {background-color: #ff0000}


.main_content {
color:#000000;
background-color: #ffffff
}



a.img:link {
text-decoration: none;
border-bottom: none
}

a.img:visited {
text-decoration: none;
border-bottom: none
}

a.img:hover {
text-decoration: none;
border-bottom: none
}

a.img:active {
text-decoration: none;
border-bottom: none
}
*/
/* vertical centering 
 #container {
  width: 100%; 
  height: 100%; 
  display: table; 
  }
 #position { 
 display: table-cell; 
 vertical-align: middle; 
 width: 100%; 
 text-align: center;
  }
  */