/* ====================global formatting===========*/
body {
	font: 92%/150%  "Georgia", "Times", serif;
	color: #444;
	margin: 0;
	padding: 0;
	background: #fff url(bg.gif) repeat 50% 0;
}
a  img { border: none}
/*================format headers===================*/
#header {
	margin: 0;
	padding: 0;
	background: #47a9cc;
	/*height:65px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:65px;
	}
	html>body #header {
	height:65px;
	*/
}
#headerimg {
	max-width: 700px;
	margin: auto;
	padding: 0;
	color: #fff;
        height: 50px;
}
#headerimg h1 {
	margin: 0;
	padding: 3px 0 2px 0;
	color: #fff;
	letter-spacing: 6px;
	font-weight: 400;
	font-size: 180%;
}
#headerimg ul {
	margin: 0 0 0 100px;
}
#headerimg  li {
	display: block;
        float: left;
        font-family: "Helvetica", sans-serif !important;
        clear: none;
	margin: 0;
	padding: 0 15px 0 0;
	font-size: 78%;
        
}
#headerimg a:link, #headerimg a:visited {
	color: #444;
	padding: 0 2px 1px 2px;
        text-transform: uppercase;
	text-decoration: none;
}
.activelink a:link, .activelink a:visited {
	border-bottom: 3px solid #488791;
}
/*============format main content area============*/

#maincontent {
	margin: 0;
	padding: 13px 0 0 0;
	background: #cfe2e6 ;
}

#maincontent ul {
       list-style: inside;
}


/*=========== new div =========*/

#contentbox {
	background: #fff;
	max-width: 700px;
	margin: auto;
	padding: 20px;
	border: 2px solid #488791;
}

.home #contentbox {
        max-width: 500px;
        padding: 40px;
        }

#contentbox a:link, #contentbox a:visited {
	color: #407780;
	text-decoration: underline;
}

#contentbox a:hover {
	background: #e6cf73;
	text-decoration: none;
}


/*===========images and captions in main area=========*/
div.figure-left {
	width: 30%;
	float: left;
	clear: left;
	text-align: center;
	font-size: 90%;
}
.figure-left img {
	margin: 15px auto 0 auto;
}
.figure-left p {
	font-style: italic;
	margin: 8px 10px 0 10px;
	line-height: 1.2em;
}

div.figure-right {
	width: 30%;
	float: right;
	clear: right;
	text-align: center;
	font-size: 90%;
}
.figure-right img {
	margin: 15px auto 0 auto;
}
.figure-right p {
	font-style: italic;
	margin: 8px 10px 0 10px;
	line-height: 1.2em;
}
/*=======figures using captioned tables==========*/

.image-left {
	float: left;
	border: solid 3px white;
	margin: 5px 5px 5px 5px;
}
.image-left caption {
	line-height: 1.2em;
	font-size: 75%;
	font-style: italic;
	margin: 0 10px 8px 0;
}
table.image-left, table.image-right {
	padding: 0;
	margin: 0;
}
.image-right {
	float: right;
	border: solid 3px white;
	margin: 10px 10px 10px 10px;
}
.image-right caption {
	line-height: 1.2em;
	font-size: 75%;
	font-style: italic;
	margin: 0 0 8px 10px;
}
.figure-center {
	margin: 0 auto;
	text-align: center;
}
.figure-center img {
	margin: 0 auto;
}
.figure-center caption {
	line-height: 1.2em;
	font-size: 90%;
	font-style: italic;
	margin: 0 auto;
}	
#maincontent .figure-center {
	display: block;	
	margin: auto;
	text-align: center;
	font-size: 85%;
	padding: 0 ;
	margin: 0 auto;
	line-height: 1em;
}
#maincontent p {
  margin-bottom: 0 
}
#maincontent p + p {
  text-indent: 1.5em;
  margin-top: 5px;; 
}
h1, h2, h3, h4 {
	color: #444;
	margin: 10px; 0 5px 0px;
}

h1 {
	font-size: 150%;
	padding-top:10px;
}

h2 {
	font-size: 125%;
        clear: both;
}
h3 {
	font-size: 99%;
}
#secondarycontent p {
	font-size:80%;
}

/*===============sidenote formatting ======= */
#article {
	position: relative;
	margin: 0 165px 0 0;
}
span.sidenote {
	position: absolute;
	left: 550px;
	width: 155px;
	font-size: 80%;
	line-height: 99%;
}

/*===============table formatting ======= */
table {
	border: 0;
	margin: auto;
}
table td {
	padding: 5px;
}
table img {
	border: solid 2px #999;
}
.feed {
    float: right;
    clear: both;
    font-size: 80%;
    line-height: 90%;
    margin: 0 0 20px 0;
    background: #cfe2e6;
    border: 2px solid #47a9cc;
    padding: 10px;
}

.feed + h2 {
    margin-top: 50px;
    }