body 
{
background: #F5F5F5;
color: #EEE;
text-align: center;
font-family: Georgia, serif;
font-size: 1.0em;
margin: 0;
min-width: 1000px;
}

#wrapper
{
margin: 20px auto 20px auto;
width: 820px;
}

#logo
{
position: static;
background: #3332FD;
height: 100px;
width: 820px;
margin: 20px auto 4px auto;
}

#navbar 
{
height: 30px;
width: 100%;
background: #222;
color: #EEE;
text-align: left;
margin: 20px auto 4px auto;
}

#navbar ul
{
margin: 0;
padding: 0;
color: #EEE;
line-height: 30px;
white-space: nowrap;
}

#navbar li
{
list-style-type: none;
display: inline;
color: #EEE;
}

#navbar li a
{
text-decoration: none;
padding: 7px 10px;
}

#navbar li a:link
{
color: #EEE;
}

#navbar li a:visited
{
color: #CCC;
}

.article
{
padding: 30px;
background: #FFF;
color: #000;
margin: 20px auto 4px auto;
text-align: left;
/*background-image: url(gradient.gif);*/
/*background-repeat: repeat-x;*/
}

.article img 
{
display: block;
margin: 20px auto 20px auto;
/* This adds the border 
padding:8px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px; */
}

.centerimage
{
margin 0 auto 0 auto;
text-align: center;
font-size: x-small;
text-align: center;
}

p.italic {font-style: italic}

p.author {font-size: 80%; font-weight: medium; margin-bottom: 0in; text-align: center}
 
h3.center {text-align: center}
 
h2.title {font-weight: bold; text-align: center}
  
p.center {text-align: center}
 
p.attribution {font-size: x-small; text-align: right;}

.copyright
{
color: #888;
font-size: x-small;
}

.mylink
{
color: #22F;
text-decoration: none;
}

.navigator a
{
color: #333;
font-size: 1.1em;
font-style: bold;
text-decoration: none;
}

.navigator
{
color: #777;
font-style: bold;
font-size: 1.1em;
}