/* main CSS for http://www.let.rug.nl/usa/ American History from Revolution to Reconstruction and what happened afterwards */
/* This 2011 redesign was created & initiated by Peter Meindertsma, under supervision by George Welling */ 
body	{ margin:0px; padding:0px; text-align:center; font-family:verdana, arial, helvetica, sans-serif; font-size:10pt; color:#000000; background-color: #dddddd; }
#main { position:relative; width: 812px; text-align:left; margin:auto;margin-top:0px; padding-bottom: 177px; background-image:url(../pics/back.gif); background-repeat: repeat-y; background-position: center top; border: solid 0px black; }
#content { position:relative; left: 207px; top: 172px; padding-left: 20px; padding-right: 50px; padding-bottom: 10px; border: solid 1px white; background-color: #ffffff; font-size: 1.1em; }
/* IE padding fix: These declarations only work in non-IE browsers*/
html>body #content { width: 527px; } 
h1 { font-size: 1.2em; font-weight: bold; margin-top: 12px;}
h2 { font-size: 1.0em; font-weight: bold; margin-top: 10px;}
/*##### Content navigation previous - next begin #####*/
.prevnext { font-size: 0.7em; margin: 0px; padding: 0px; width: 120px; text-align: right; border: solid 0px black; }
#prevnexttop { top: 0px; left: 470px; position: absolute; } 
#prevnextbottom { left: 450px; position: relative; } 
.prevnext a  {  color: #0000ff;  text-decoration: none; }
.prevnext a:hover  {  color: #0000ff;  text-decoration: underline; } 
/*##### Content navigation previous - next end #####*/
#logo { position:absolute; top: 0px; left: 13px; height: 164px; width: 177px; border: dotted 0px black; z-index:4; }
#logo img { border: none;}
#header { position: absolute; text-align: right; height: 164px; width: 812px; top: 0px; left: 6px; background-repeat: no-repeat; border: dotted 0px black; }
#search { border: solid 0px blue; width: 250px; float: right; margin-right: 20px;} 
#header form { margin: 0px; padding: 0px; margin-top: 10px; margin-right: 22px; }
#header form .q  { margin-left: 5px; height: 16px;}
#header form .sa { margin-left: 5px; height: 23px;}
/*##### main navigation begin #####*/
#navigation { position:absolute; width: 600px; height: 25px; right: 6px; top: 139px; padding: 0px; border: dotted 0px black; z-index:5; }
#navigation ul { margin: 0px; padding: 0px; }
#navigation ul li { list-style-type: none; display: inline; margin: 0px; padding: 0px; }
#navigation ul li a{ height: 25px; width: 100px; text-decoration: none; line-height: 1.8em; color: #666666; font-size: 1.0em; font-weight: bold; display: inline-block; text-align: center; background-image:url(../pics/inactive-tab.gif); }
#navigation ul li a:hover{ text-decoration: none; color: #0000ff; background-image:url(../pics/tab-hover.gif); }
#navigation ul li a.main  { margin: 0px; }
/*##### main navigation end #####*/
/*##### Subnavigation begin #####*/
#subnavigation { position:absolute; width: 199px; left: 8px; top: 170px; text-align: left; border: dotted 0px black; font-size: 0.8em;  z-index:5; }
#subnavigation ul { list-style-type: none; margin: 0px; padding: 0px; padding-left: 10px; border: dotted 0px black; }
#subnavigation ul li a  { margin: 0px; line-height: 1.2em; margin-top: 2px; display: block; border: solid 0px white; padding: 5px; padding-right: 10px; text-decoration: none; }
#subnavigation ul li a.active  { background-color: #ffffff; border: dotted 0px black; text-decoration: none; color: #000000; background-repeat: no-repeat; background-position: left bottom; }
#subnavigation ul li a:hover  { text-decoration: underline; }
#subnavigation ul li a.active:hover  { color: #0000ff; }
#subnavigation ul li a.bread { color: #666666; }
#subnavigation ul li a.bread:hover { color: #0000ff; }
/*##### Subnavigation end #####*/
/*##### Footer begin #####*/
#footer { position:relative; width: 812px; top: 0px; left: 0px; margin-top: 3px; margin-bottom: 3px; padding-bottom: 0px; text-align: center; font-size: 0.7em; line-height: 1.5em; margin:auto; background-image:url(../pics/back-bottom.gif); background-repeat: no-repeat; background-position: center top; background-color: #dddddd; border: dotted 0px black; padding: 5px;}
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline }
/*##### Footer end #####*/
.chapimg { width: 260px; float: right; margin-left: 20px; }
.chapindex li { margin-bottom: 16px; }
.plaatje { font-size: 0.7em; float: right; margin: 10px; margin-right: 0px;margin-top: 0px;} 
.trail { font-size: 0.8em;}
.context { font-size: 0.9em; color: #666666; border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd;}
.context-top { font-size: 0.9em; color: #666666;}
.intro { color: #666666; font-size: 0.9em;}