body {  background: #e9f6f8 url(images/header-back.gif) repeat-x top left }

/* text sizing http://24ways.org/2006/compose-to-a-vertical-rhythm */
body /* for ie6 and below */ { font-size: 81% } 
html>body /* for all other browsers */ { font-size: 13px;} 
p, h2, h3, h4, h5, h6, ul, ol, dl, form, blockquote, fieldset, table  /* = 6px of spacing between lines making 21px total line-height */ 
{ line-height: 1.5em; }
p, h2, h3, h4, h5, h6, ul, ol, dl, form, blockquote, fieldset, table  /* set margins to preserve 21px line-height by matching line-height */ 
{ font-size: 1em; margin-top: 1.615384em; margin-bottom: 1.615384em; }
body, form { font-family: Verdana; }

h1 { /* 30px */ font-size: 2.3076923em;  color: #55b732  }
h2 { /* 16px */ font-size: 1.2307692em;  font-weight: bold; margin-bottom: 1.3125em; margin-top: 1.3125em; color: #133349; }
h3 { /* 14px */ font-size: 1.0769230em;  font-weight: bold; margin-top: 1.5em; margin-bottom: 1.5em; color: #133349  }
h4 { /* 13px */ font-size: 1.0em;  font-weight: bold; margin-top: 1.5em; margin-bottom: -1.5em; }
.smalltext /* equivalent to 11px */ { font-size: 0.86666em; line-height: 1.615384em; margin-top: 1.615384em; margin-bottom: 1.615384em; }
#content ul li, #content ol li ul li /* making sure bullets just appear in content lists */ { margin-left: 1.25em; padding-left: 0;  list-style-type: disc;   }
#content ol li, #content ul li ol li { margin-left: 1.8em; padding-left: 0em; list-style-type: decimal; background: none;  }
#content ol ol, #content ol ul, #content ul ol, #content ul ul { margin: 0 }
blockquote { padding-left: 1.05em; margin-left: 0.25em; border-left: 0.2em solid #80b735; font-style:italic}
a { color: #0579a6; text-decoration: none; } /* border-bottom: 1px solid #82bcd2  */
a:hover { color: #0579a6; text-decoration: none; background: #d2f2fe }

/* HEADER */
#header { width: 940px /* 960-10 padding either side */; margin: 0 auto; position: relative; height: 162px }
#studying-economics-logo { display: block; position: absolute; top: 15px; left: 0; width: 335px; height: 51px; border: 0 }
#studying-economics-logo span { display: block; height: 51px; position: absolute; left: 0; top: 0; background: url(/images/studying-economics-logo.gif) no-repeat top left ; width: 335px }
#studying-economics-logo:hover span { background: url(/images/studying-economics-logo.gif) no-repeat bottom left; }
#main-navigation { font-size: 50%; height: 100px; position: absolute; bottom: 0; left: 0; width: 960px;  margin: 0; padding: 0;   }
#main-navigation ul { float: left; position: absolute; margin: 0; padding: 0;  bottom: 0; left: 0}
#main-navigation li { float: left; }
#additional-navigation { font-size: 50%; position: absolute; right: 0; top: 8px }
#additional-navigation li { float: left; margin-right: 5px }
#additional-navigation form { margin: 0 -5px 0 0; padding: 0 }
#search-box { height: 22px; padding-top: 5px; background: url(/images/search-back.gif) no-repeat left top; border: 1px solid #108aa0; float: left; margin-left: 0.5em }
#search-button { position: relative; left: -1px}

/* IMAGE REPLACEMENT FOR NAVIGATION */
#main-navigation a, #additional-navigation a { height: 50px; position: relative; display: block; margin: 0; padding: 0; border: 0; }
#additional-navigation a { height: 27px;  }
#main-navigation a span, #additional-navigation a span  { height: 50px; position: absolute; left: 0; top: 0  }
#additional-navigation a span { height: 27px;    }
#main-navigation a:hover, #additional-navigation a:hover { cursor:pointer;  }
#main-navigation a:hover span, #additional-navigation a:hover span { background-position: bottom left }

#nav-about a { width: 78px; }
#nav-about a span { width: 78px; background: url(/images/nav-about-us.gif) no-repeat top left ; }
#nav-about a:hover span { background: url(/images/nav-about-us.gif) no-repeat bottom left; }

#nav-miriam a { width: 113px; }
#nav-miriam a span { width: 113px; background: url(/images/nav-miriam.gif) no-repeat top left ; }
#nav-miriam a:hover span { background: url(/images/nav-miriam.gif) no-repeat bottom left; }

#nav-home a { width: 59px; }
#nav-home a span { width: 59px; background: url(/images/nav-home.gif) no-repeat top left ; }
#nav-home a:hover span { background: url(/images/nav-home.gif) no-repeat bottom left; }
#nav-home-on { width: 59px; position: relative; /* essential */ border-bottom: 1px solid white }
#nav-home-on a { width: 59px; position: absolute; top: -50px; height: 100px }
#nav-home-on a span {  width: 59px; height: 100px; background: url(/images/nav-home-on.gif) no-repeat top left ; }

#nav-2 a { width: 87px; } /* during */
#nav-2 a span { width: 87px; background: url(/images/nav-during.gif) no-repeat top left ; }
#nav-2 a:hover span { background: url(/images/nav-during.gif) no-repeat bottom left; }
#nav-2-on { width: 87px; position: relative; /* essential */ border-bottom: 1px solid white }
#nav-2-on a { width: 87px; position: absolute; top: -50px; height: 100px }
#nav-2-on a span {  width: 87px; height: 100px; background: url(/images/nav-during-on.gif) no-repeat top left ; }

#nav-3 a { width: 69px; } /* module */
#nav-3 a span { width: 69px; background: url(/images/nav-module.gif) no-repeat top left ; }
#nav-3 a:hover span { background: url(/images/nav-module.gif) no-repeat bottom left; }
#nav-3-on { width: 69px; position: relative; /* essential */ border-bottom: 1px solid white }
#nav-3-on a { width: 69px; position: absolute; top: -50px; height: 100px }
#nav-3-on a span {  width: 69px; height: 100px; background: url(/images/nav-module-on.gif) no-repeat top left ; }

#nav-4 a { width: 125px; } /* tips */
#nav-4 a span { width: 125px; background: url(/images/nav-tips.gif) no-repeat top left ; }
#nav-4 a:hover span { background: url(/images/nav-tips.gif) no-repeat bottom left; }
#nav-4-on { width: 125px; position: relative; /* essential */ border-bottom: 1px solid white }
#nav-4-on a { width: 125px; position: absolute; top: -50px; height: 100px }
#nav-4-on a span {  width: 125px; height: 100px; background: url(/images/nav-tips-on.gif) no-repeat top left ; }

#nav-5 a { width: 99px; } /* dissertation */
#nav-5 a span { width: 99px; background: url(/images/nav-dissertation.gif) no-repeat top left ; }
#nav-5 a:hover span { background: url(/images/nav-dissertation.gif) no-repeat bottom left; }
#nav-5-on { width: 99px; position: relative; /* essential */ border-bottom: 1px solid white }
#nav-5-on a { width: 99px; position: absolute; top: -50px; height: 100px }
#nav-5-on a span {  width: 99px; height: 100px; background: url(/images/nav-dissertation-on.gif) no-repeat top left ; }

#nav-6 a { width: 84px; } /* after */
#nav-6 a span { width: 84px; background: url(/images/nav-after.gif) no-repeat top left ; }
#nav-6 a:hover span { background: url(/images/nav-after.gif) no-repeat bottom left; }
#nav-6-on { width: 84px; position: relative; /* essential */ border-bottom: 1px solid white }
#nav-6-on a { width: 84px; position: absolute; top: -50px; height: 100px }
#nav-6-on a span {  width: 84px; height: 100px; background: url(/images/nav-after-on.gif) no-repeat top left ; }

#nav-7 a { width: 108px; } /* data */
#nav-7 a span { width: 108px; background: url(/images/nav-data.gif) no-repeat top left ; }
#nav-7 a:hover span { background: url(/images/nav-data.gif) no-repeat bottom left; }
#nav-7-on { width: 108px; position: relative; /* essential */ border-bottom: 1px solid white }
#nav-7-on a { width: 108px; position: absolute; top: -50px; height: 100px }
#nav-7-on a span {  width: 108px; height: 100px; background: url(/images/nav-data-on.gif) no-repeat top left ; }

#nav-8 a { width: 118px; } /* views */
#nav-8 a span { width: 118px; background: url(/images/nav-views.gif) no-repeat top left ; }
#nav-8 a:hover span { background: url(/images/nav-views.gif) no-repeat bottom left; }
#nav-8-on { width: 118px; position: relative; /* essential */ border-bottom: 1px solid white }
#nav-8-on a { width: 118px; position: absolute; top: -50px; height: 100px }
#nav-8-on a span {  width: 118px; height: 100px; background: url(/images/nav-views-on.gif) no-repeat top left ; }

#nav-9 a { width: 98px; } /* distractions */
#nav-9 a span { width: 98px; background: url(/images/nav-distractions.gif) no-repeat top left ; }
#nav-9 a:hover span { background: url(/images/nav-distractions.gif) no-repeat bottom left; }
#nav-9-on { width: 98px; position: relative; /* essential */ border-bottom: 1px solid white }
#nav-9-on a { width: 98px; position: absolute; top: -50px; height: 100px }
#nav-9-on a span {  width: 98px; height: 100px; background: url(/images/nav-distractions-on.gif) no-repeat top left ; }

#nav-1 a { width: 93px; } /* panic and others */
#nav-1 a span { width: 93px; background: url(/images/nav-panic.gif) no-repeat top left ; }
#nav-1 a:hover span { background: url(/images/nav-panic.gif) no-repeat bottom left; }
#nav-1-on { width: 93px; position: relative; /* essential */ border-bottom: 1px solid white }
#nav-1-on a { width: 93px; position: absolute; top: -50px; height: 100px }
#nav-1-on a span {  width: 93px; height: 100px; background: url(/images/nav-panic-on.gif) no-repeat top left ; }

/* CONTENT  basic grid structure is 10 300 20 300 20 300 10 - 10s are already removed by making width 940 instead of 960 */
#content { width: 940px /* 960-10 padding either side */; margin: 0 auto; min-height: 30em; height: auto }
/* for Internet Explorer */
/*\*/
* html #content {
height: 30em;
}
/**/
#content-position { background: white url(/images/content-position-back.gif) repeat-x top left; overflow: auto}

/* HOMEPAGE */
#homepage-intro { background: url(/images/intro-back.gif) no-repeat bottom left; min-height: 153px; height:auto; padding: 25px 0 15px 320px }
/* for Internet Explorer */
/*\*/
* html #homepage-intro {
height: 153px;
}
/**/
#homepage-intro p /* 16px */ { font-size: 1.2307em; line-height: 1.5em; margin: 0.5em 0 0 0 }
#homepage-intro h1 { width: 620px; margin: 0; padding: 0; height: 46px; position: relative; display: block;  }
#homepage-intro h1 span { width: 620px; background: url(images/intro-h1.gif) no-repeat top left ;  height: 46px; position: absolute; left: 0; top: 0 }

/* three columns */
.homepage-column-1, .homepage-column-2, .homepage-column-3 { float: left; width: 300px}
.homepage-column-1 { margin: 0 10px 0 0 }
.homepage-column-2 { margin: 0 10px  }
.homepage-column-3 { margin: 0 0 0 10px }

/* homepage highlight boxes */
#homepage-highlights img { border: 0; }
#homepage-highlights a { font-weight: bold; }
.homepage-image-link { border: 1px solid #ccc; display: block; }
.homepage-image-link:hover { border: 1px solid #108aa0; background: #108aa0 } 
#homepage-highlights h2 { font-size: 1.38461em; text-transform: uppercase; margin: 1em 0 0.5em 0; padding: 0; background: url(images/triangle.gif) no-repeat 0 3px; padding-left: 16px  }
#homepage-highlights h2 a { border: 0;  }

/* homepage bottom */
#homepage-bottom { background: #e9f6f8; border-top: 1px solid #ccc; clear: left; overflow: auto }
#homepage-bottom .homepage-column-container { width: 940px /* 960-10 padding either side */; margin: 0 auto; }
#homepage-bottom h3 { font-size: 1.38461em; text-transform: uppercase; margin: 1em 0 -0.5em 0; padding: 0; color: #4a4949 }
#homepage-bottom h3 a {  color: #4a4949; border: 0 }
#news li { margin-bottom: 1.5em }
#miriam-knows-best { background: url(/images/miriam-knows-best-back.gif) no-repeat bottom right; position: relative; min-height: 105px; height: auto; margin-top: 1.5em }
#miriam-knows-best h4 { padding: 10px 105px 0 10px; color: white; margin: 2px 5px 0 2px }
#miriam-knows-best a { color: white; }
#miriam-knows-best a:hover { color: white; background: #0e798c }
#miriam-knows-best p { color: white; padding: 0 105px 16px 10px;  margin: 0}
#miriam-knows-best img { position: absolute; bottom: 6px; right: 5px }
#panic-room { background: url(/images/panic-room-back.gif) no-repeat bottom right; position: relative; min-height: 105px; height: auto; margin-top: 0.75em }
#panic-room h4 { padding: 10px 105px 0 10px; color: white; margin: 2px 5px 0 2px }
#panic-room a { color: white; border-color: #838383 }
#panic-room a:hover { color: white; background: #333333 }
#panic-room p { color: white; padding: 0 105px 16px 10px;  margin: 0}
#panic-room img { position: absolute; bottom: 6px; right: 5px }
/* min-height for Internet Explorer for miriam and panic room*/
/*\*/
* html #miriam-knows-best, * html #panic-room {
height: 105px;
}
/**/

/* footer */
#footer { clear: both; margin-top: 1.5em }
#homepage-bottom .homepage-column-container { border-bottom: 1px solid #aaccd1; overflow: auto }
#homepage-bottom #footer { width: 940px /* 960-10 padding either side */; margin: 0 auto; }
#footer-left { float: left; width: 65%; margin: 0.75em 0 3em 0  }
#footer-right { float: right; width: 30%; text-align: right; margin: 0.75em 0 3em 0  }

/* CONTENT PAGES */
/* section images */
.breadcrumbs-and-h1 { min-height: 131px; height: auto;  }
/* min-height for Internet Explorer for miriam and panic room*/
/*\*/
* html .breadcrumbs-and-h1 {
height: 131px;
}
/**/
#lead-in { background: #e9f6f8; border: 1px solid #aaccd1; padding: 1em; font-size: 1.0769230em;  }

/* side navigation and main content column layout */
#content-main-col { float: left; width: 620px }
#side-navigation { float: right; width: 300px }

/* side navigation styling */
#side-navigation ul { margin: 1em 0 0 0; padding: 0; border-top: 1px solid #aaccd1; }
#side-navigation ul li { list-style-type: none; font-weight: bold; border-bottom: 1px solid #aaccd1; padding: 0; margin: 0 }
#side-navigation ul li a { padding: 0.4em 0.25em; border: 0; display: block }
#side-navigation ul ul { margin: 0 0 0 0 ; padding: 0; border-top: 1px solid #aaccd1; position: relative; top: 1px;  }
#side-navigation ul ul li { list-style-type: none; font-weight: bold; padding: 0; margin: 0; border: 0 }
#side-navigation ul ul li a { padding: 0.4em 0.25em; margin-left: 1.5em; border: 0; display: block;border-bottom: 1px solid #aaccd1;}

/* content images */
.image-right { float: right; margin: 0 0 20px 20px }
.image-left { float: left; margin: 0 20px 20px 0 }
.image-with-caption { font-size: 0.86666em; }
.image-with-caption img { border: 1px solid #ccc; padding: 2px; margin-bottom: 5px }

#breadcrumbs-and-h1-2 { background: url(/images/during-breadcrumbs-and-h1.gif) no-repeat left bottom }
#breadcrumbs-and-h1-2 h1 { margin: 0.25em 0 }
#breadcrumbs-and-h1-3 { background: url(/images/module-breadcrumbs-and-h1.gif) no-repeat left bottom }
#breadcrumbs-and-h1-3 h1 { margin: 0.25em 0 }
#breadcrumbs-and-h1-4 { background: url(/images/tips-breadcrumbs-and-h1.gif) no-repeat left bottom }
#breadcrumbs-and-h1-4 h1 { margin: 0.25em 0 }
#breadcrumbs-and-h1-5 { background: url(/images/dissertation-breadcrumbs-and-h1.gif) no-repeat left bottom }
#breadcrumbs-and-h1-5 h1 { margin: 0.25em 0 }
#breadcrumbs-and-h1-6 { background: url(/images/after-breadcrumbs-and-h1.gif) no-repeat left bottom }
#breadcrumbs-and-h1-6 h1 { margin: 0.25em 0 }
#breadcrumbs-and-h1-7 { background: url(/images/data-breadcrumbs-and-h1.gif) no-repeat left bottom }
#breadcrumbs-and-h1-7 h1 { margin: 0.25em 0 }
#breadcrumbs-and-h1-8 { background: url(/images/views-breadcrumbs-and-h1.gif) no-repeat left bottom }
#breadcrumbs-and-h1-8 h1 { margin: 0.25em 0 }
#breadcrumbs-and-h1-9 { background: url(/images/distractions-breadcrumbs-and-h1.gif) no-repeat left bottom }
#breadcrumbs-and-h1-9 h1 { margin: 0.25em 0 }
#breadcrumbs-and-h1-1 { background: url(/images/panic-breadcrumbs-and-h1.gif) no-repeat left bottom }
#breadcrumbs-and-h1-1 h1 { margin: 0.25em 0 }
#breadcrumbs { margin: 0; padding: 3.5em 0 0 0 }

/* prev next */
.nav_next {font-weight: bold; float:right; margin-bottom: 1.5em; background: url(/images/triangle.gif) no-repeat right center; padding-right: 15px; width: 285px; text-align: right; line-height: 1.5 }
.nav_prev {float:left; margin-bottom: 1.5em; background: url(/images/triangle-prev.gif) no-repeat left center; padding-left: 15px; width: 285px; line-height: 1.5  }



a.currentpage {color:#000}
.NewsSummaryAuthor,.NewsSummaryCategory {display:none}
.pull_image {float:right;font-size:smaller;text-align:right;margin-left:1em}
.pull_quote {float:right;text-align:right;margin-left:1em;width:180px;border:1px solid black;padding:3px;line-height:2.5em;font-size:larger}

div.box {font-color:#600;background-color:#fff8f8;padding:4pt;border:#966 solid 1px;margin:.2em 0}