body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center; /*needed to center text for IE */
padding:0;   /* reset padding on browser */
margin:0;   /* reset margin on browser */
background-color:#FFF;
}
a { 
text-decoration: none; 
font-weight:bold;
}
a:link, a:visited, a:active {
color: #333;
}
a:hover {
color: #900910;
}
p{
margin:10px 0 10px 0; /*reset margin on paragraphs (default 1em all around) */
}

#wrapper {
width: 700px;
text-align:left;  /* needed to left align centered text in IE */
margin: 0 auto;
border: 1px groove #333;
background-color:#FFF;
}
#header {
float:left;
}
/* main content */
#content {
width: 690px;
float:left;
vertical-align:top;
background-color:#FFF;
padding:6px 5px;
line-height:1.5em;
}

.header {
color: #333;
font-size: 16px;
font-weight:bold;
}

.subheader{
color: #000;
font-size: 16px;
font-weight:normal;
}

/* footer */
#footer {
clear:both;
padding:2px 0 4px 0;
text-align:center;
font-size:12px;
color:#CCC;
background-color:#900910;
border-top: 1px groove #333;
}
/*can use this for fixes in IE only*/
* html #footer{
height:1%;
}

/*Frame around picture*/
.img-wrapper {
background: url(images/shadow.gif) no-repeat right bottom;
float: right;
position:relative;
margin: 10px 0px 0px 10px;
}

.img-wrapper img {
display:block; /*so I can use margins and positioning without any issues*/
position:relative; /*BUG - to help with browser bugs*/
margin: -5px 5px 5px -5px;
padding: 4px; /*thickness of the picture frame*/
border: 1px solid #A9A9A9;
}
.picture_text {
font-style: italic;
}