body{
margin-top:10px;
margin-bottom:1.5em;
text-align: left;
font-size:86%;
/*background : #66f url(../images/bluerise.gif) repeat-x fixed bottom left;*/
background: #e3e0d1;
}
#container{
width: 840px; 
margin: 0 auto;
background:#fff;
background:#fffff0;
border-left:1px solid #000;
border-right:1px solid #000;
}
#header{
margin-bottom:1.5em;
border-top:5px solid #900;
border-bottom:1px solid #900;
height: 115px;
}
#logo {
float:left;
margin:6px 15px 10px 10px;
}
a {
color:#600;
background#fff;
}
a:hover {
color:#fff;
background:#900;
}
div#burst {
float:right;
margin:8px 20px 0 0;
}
div#burst:hover {
background: url('../images/subscribe-burst-shadow.gif');
background-repeat: no-repeat
}
div#burst a {
background-color:transparent;
}
#contentwrapper{
float: left;
width: 100%;
}
#content{
margin: 0 220px 0 220px;
}
#content h2{
color:#600;
}
#content h3{
color:#33c;
}
#content span.tagline{
font-size:.85em;
}
#leftcolumn {
float: left;
width: 220px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
}
#rightcolumn {
float: left;
width: 220px; /*Width of right column*/
margin-left: -220px; /*Set left margin to -(RightColumnWidth)*/
}
.column h2 {
font-variant: small-caps;
font-weight:700;
font-family:Georgia,"Times New Roman", serif;
font-size:1em;
letter-spacing:.15em;
text-decoration:underline;
color:#900;
}
.column h3 {
font-variant: small-caps;
font-family:Georgia,"Times New Roman", serif;;
font-size:.9em;
line-height:1.2em;
letter-spacing:.1em;
color:#333;
}
.bumper{
margin: 15px;
margin-top: 0;
}
#footer{
font-size:.85em;
color:#666;
text-align:center;
border-top:1px solid #900;
border-bottom:1px solid #900;
padding-top:10px;
clear:both;
width:100%;
}
/******************* navlist *******************/

#navcontainer {
margin-top:-1.2em;
margin-bottom: 1em;
}
#navlist {
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #600;
}
#navlist ul, #navlist li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited {
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
border-bottom: 4px solid #900;
padding-bottom: 2px;
background: transparent;
color: #900;
}
#navlist a:hover { color: #900; }

body#home-section a#home-nav,
body#expert-section a#expert-nav,
body#news-section a#news-nav,
body#resources-section a#resources-nav,
body#contents-section a#contents-nav,
body#subscribe-section a#subscribe-nav,
body#login-section a#login-nav {
border-bottom: 4px solid #900;
padding-bottom: 2px;
background: transparent;
color: #900;
}

/******************* Image Switch *******************/
#imageswitch {
clear:both;
height:120px;
}   
#imageswitch p.first {
float:left;
margin-left:2px;
}
#imageswitch p.others {
float:left;
margin-left:29px;
}
.imageswitch img {
border: 0 none;
}
.imageswitch { 
position: relative;
left:15px;
display:block;
}
.imageswitch span {
position: absolute;
top: 0;
left: -999em;
}
.imageswitch:hover {
cursor: default; /* IE6 needs something to change before handling the span */
}
.imageswitch:hover span {
left: 0; /* show the hover image covering the default image */
width:178px;
min-height:160px;
background:#ffc;
border:1px solid #900;
text-decoration:none; 
color:#333;
line-height:1.5em;
cursor:pointer;
}
.imageswitch strong {
color:#c33;
}
.swapbumper {
margin:.5em;
font-style:normal;
display:block;
}
#imageswitch a {
float:left;
width:180px;
text-decoration:none;
}
/******************* List with pointy bullets *******************/
.menulist{
margin-left: 0;
padding-left: 0;
list-style: none;
}
.menulist li{
padding-left:10px;
background-image: url(../images/bullet-blue-pointy.gif);
background-repeat: no-repeat;
background-position: 0 .6em;
}
/******************* storybox with float image *******************/
.storybox{
width: 520px;
clear: left;
}
.storybox .floatbox{
float: left;
width: 200px;
margin-bottom:20px;
}
* html .storybox p{ /* IE 3px jog hack*/
height: 1%;
}
.storybox p{
margin-top: 0;
margin-left: 200px;
}
.storybox h2{
border-top:1px solid #900
}
.storybox h3{
margin-left:200px;
}
.storybox ul{
margin-left:220px;
}
/******************* books classes *******************/
#books {
clear: both;
width: 100%;
border-top:1px solid #900;
}
#books h2 {
margin:10px 10px 15px;
font-weight:normal;
color:#600;
}
div.books-by {
float:right;
width:205px;
}
div.books-by img {
border:1px solid #ccc;
}
div.books-by p,a {
margin-top: 0;
font-size:.9em;
}

/******************* eh-end classes *******************/
#eh-end {
clear: both;
width: 100%;
border-top:1px solid #900;
background:#fff;
}
#eh-end h2 {
margin:10px 10px 15px;
font-weight:normal;
color:#600;
}
div.eh-end-box {
float:left;
width:300px;
}
div.eh-end-box img {
border:1px solid #ccc;
}
/*
div.eh-end-box p,a {
margin-top: 0;
font-size:.9em;
}*/
/******************* expert all questions list *******************/

#questionlist ul {
list-style-type: none;
margin: 0 0 1em .5em;
padding: 0;
}
#questionlist ul li {
font-size: .9em;
background-image: none;
}
#questionlist ul li a {
font-size:1em;
background: transparent url(../images/question_bullet.gif)  0 0 no-repeat;
padding-left: 2em;
color: #666;
font-weight: normal;
}
#questionlist ul li a:visited {
color: #c66;
}
#questionlist ul li a:hover {
color: #000;
}
/******************* image classes *******************/
img {
border:none;
}
.left{
float:left;
margin-right:10px;
}
.right{
float:right;
margin-left:10px;
}
.center{
text-align:center;
}
.clear{
clear:both;
}
.grey-border{
border:1px solid #ccc;
}
.feature-photo{
float:right;
width:400px;
margin-left:10px;
margin-right:-300px;
}
.feature-photo span {
text-align:right;
}
span.caption{
font-size:.9em;
}
span.photoby{
font-weight:700;
color:#666;
font-size:.8em;
}
.topical-photo{
float:right;
margin-left:10px;
width:400px;
margin-right:-300px;
}
/******************* contents definition list *******************/
#current-issue dt{
font-size:1.25em;
color:#666;
}
#current-issue dd{
margin:0 0 1em 1em;
padding:0;
}
#current-issue dd.tidbits{
margin-bottom:0;
}
/******************* news archive definition list *******************/
#archive dt {
color:#900;
font-weight:normal;
}
#archive dt a {
font-size:1em;
}
#archive dd {
margin-bottom: 1em;
}
/******************* page number classes *******************/
#page-nums {
text-align:right;
}
#page-nums a {
font-size:1em;
color:#900;
text-decoration:none;
}
#page-nums a:hover{
color:#fff;
background:#900;
}




/******************* misc text classes *******************/
#byline{
font-weight:700;
color:#666;
}
p.incr, .incr p {
font-size: .9em;
line-height: 1.5em;  
margin-bottom: 1.5em;
}



/******************* misc form classes *******************/
textarea.short {height:100px;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #600;}