body 
{
background: #606060;
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: #F00;
height: 100px;
width: 820px;
margin: 20px auto 4px auto;
}

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

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

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

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

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

.article
{
padding: 30px;
background: #FFF;
color: #000;
margin: 20px auto 4px auto;
text-align: left;
}

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

.article .icon {
display: inline;
margin: 0 0 0 0;
padding: 0px;
border-style:none;
float:right;
}


.article-img 
{
display: block;
margin: 20px auto 20px auto;
padding:8px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px; 
max-height: 300px;
width: auto;
}


.iconlink {
display: inline;
line-height: 60px;
color: #22F;
text-decoration: none;
}

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

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: #FFF;
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;
}