/* CSS Document */
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; 
}
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) */
	font-size: 12px;
	text-align: left;
}


/* LAYOUT STUFF */
#header {
float:left;
}
#wrapper {
width: 760px;
text-align:left;  /* needed to left align centered text in IE */
margin: 0 auto;
border: 1px groove #333;
background-color:#FFF;
}
/* navigation */
#navigation{
font: 12px #FFF;
float:left;
width:170px;
padding:16px 5px;
text-align:left;
}
#navigation ul {
list-style-type:none;
margin:0;
padding:0 4px;
}
#navigation a{
display:block;
text-decoration:none;
text-indent:3px;
border-bottom: 1px dashed #ccc;
padding-top:3px;
padding-bottom: 3px;
}
/*weird white space bug in the nav list IE */
* html navigation a {
height:1%;
}
#navigation li {
display:inline;
}
/* end of IE fix */

#navigation li a.last{
border-bottom:none;
}
#navigation li a.last_red{
padding-bottom: 4px;
border-bottom:2px solid #900910;
}
#navigation a:hover {
background-color:#F0DEDF;
}
/* main content */
#content {
	width:545px;
	vertical-align:top;
	background-color:#FFF;
	padding:6px 5px;
	float: right;
	line-height:1.5em;
	font-size: 12px;
}
#content .main_header {
display:block;
color: #CCC;
font-size: 16px;
font-weight:bold;
text-indent: 4px;
padding:4px 4px 4px 0px;
border-bottom: 3px solid #000;
background-color:#900910;
}
.header {
color: #333;
font-size: 16px;
font-weight:bold;
}
.subheader{
color: #000;
font-size: 16px;
font-weight:normal;
}
#content a {
font-weight:bold;
}
#archives {
clear:both;
}
#archives td{
background: url(images/bullet.gif) no-repeat left center ;
}
#archives a{
padding: 10px 10px;
text-decoration:underline;
}
/* 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;
}
.picture { background-color: #F9F9F9; 
border: 1px solid #CCCCCC; padding: 1px; 
font: 11px/1.4em Arial, sans-serif; } 
.picture img {
	border: 1px solid #CCCCCC;
	vertical-align:middle;
	margin-bottom: 1px;
} 
.right {
	margin: 5px 5px 5px 5px;
	float:right;
} 
.left {
	margin: 5px 10px 5px 5px;
	float:left;
}