/* www.historicalnorwich.co.uk styles */

html,body { 
	margin:0; 
	padding:0;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif; 
	background-color: #660;
	/* background: black url(../../assets/images/page_bg.jpg) repeat 0 0; */
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	
}

h1 { margin: 0 .8em 0 .8em; padding: 1em 1em 1em .4em; font-size: 120%; color: #663300; }
h2 { margin: 0 .8em 0 .8em; padding: 1em 1em .4em .4em; font-size: 150%; font-weight: bold; border-bottom: 2px solid #000; }
h3 { margin: 0 .8em 0 .8em; padding: 1em 1em .4em .4em; font-size: 125%; font-weight: normal; }
h4 { margin: 0 .8em 0 .8em; padding: .2em 1em .2em .4em; font-size: 105%; font-weight: normal; }
h5 { margin: 0 .8em 0 .8em; padding: 1em 1em 1em .4em; font-size: 95%; font-weight: normal; }
h6 { margin: 0 1em 0 1em; padding: 1em 1em 1em .8em; font-weight: bold; }

p {	margin: .2em 1.8em .2em 1.4em; line-height: 1.5; padding: .6em; font-size: small; }
ul { margin: 0 0 0 2.5em; padding: 1em 1em 1em .8em; }
li { font-size: small; }
em { text-transform: uppercase; }
a { font-size: small; font-weight: bold; color: #ffffcc; }
a:link { font-weight: bold; color: #ffffcc; }
a:visited { font-weight: bold; color: #ffffcc; }
a:hover { text-decoration: none; color: #663300; }
a:active { font-weight: bold; color: #ffffcc; }

table { margin-left: 1em; }

#content img { border: 3px solid white; }

/* Header styles */

div#header { 
	background: #990; 
}

div#header h1 {
	margin: 0;
	padding: .9em 0 0 .6em;
	font-size: 180%;		
	text-transform: uppercase;
}
div#header p.tagline {
	font-size: 70%;
	font-style: italic;
	font-weight: bold;
  	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0 0 0.5em 2em;
  	margin: 0;
}


/* Main navigation */

div#navigation { 
	margin: 5px 0 5px 0; 
	padding: 0; 
	height: 43px; 
	background-color: cream; 
	border-top: 1px solid #000; 
	border-bottom: 1px solid #000; 
}
div#navigation ul { margin: 0; padding: 0; }
div#navigation li { margin: 0; padding: 0; float: left; list-style-type: none; }
div#navigation a { 
	float: left; 
	width: 131px;
	padding: .5em 0 1.8em .5em; 
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	text-transform: uppercase;
	text-decoration: none; 
	border-right: 1px solid #000;	
}
div#navigation a:hover {
	color: #996600;
	background-color: #CCCC00;
}


/* Main navigation - tabbed */

div#nav { background-color: #990; width: 100%; }

#navigation-tabbed {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  background-color: #990;
} 

#navigation-tabbed li {
  margin: 0;
  padding: 0;
  float: left;
  margin: 0 1px 0 0;
  display: inline;
  background: #663300 url(../../assets/images/tab_left.gif) no-repeat;
}
#navigation-tabbed a {
  float: left;
  padding: 0 15px;
  color: #FFF;
  text-decoration: none;
  line-height: 2.5;
  background: url(../../assets/images/tab_right.gif) no-repeat top right;
}
#navigation-tabbed a:hover {
  color: #000;
}
#body_hom #nav_hom,#body_old #nav_old,#body_mod #nav_mod,
    #body_time #nav_time,#body_fame #nav_fame {
  background: #666600 url(../../assets/images/tab_left_active.gif) no-repeat;
}
#body_hom #nav_hom a,#body_old #nav_old a,#body_mod #nav_mod a,#body_time #nav_time a,#body_fame #nav_fame a {
  background: url(../images/tab_right_active.gif) no-repeat top right;
  color: #1A1303;
}



/* Secondary navigation */

.site-trail { margin: 0; padding: .3em .3em .3em 1em; font-size: small; }
.site-trail a { font-size: small; text-decoration: none; }

div#secondary-navigation p.taster { /* Georgia based serif stack */
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	margin: .2em;
	padding: .3em 0 .3em 0;
	font-size: 133%; 
	text-align: center;
}
div#secondary-navigation ul { 
	margin: 0; 
	padding: 0;
	list-style-type: none; 
}
div#secondary-navigation li {
	margin: 0; 
	padding: 0; 
	border-bottom: 1px solid #000;
}

div#secondary-navigation a, 
div#secondary-navigation a:link, 
div#secondary-navigation a:visited, 
div#secondary-navigation a:active { 
	display: block;
	margin: 0;
	font-weight: normal;
	padding: 0 0 0 1em;
	line-height: 2.5; 
	text-decoration: none; 	
}
div#secondary-navigation a:hover { 
	background: black url(../../assets/images/selected_bg.jpg) repeat 0 0;
	color: #663300;
	font-weight: bold;
	text-decoration: none; 	
}
div#secondary-navigation li.last { border-bottom: none; }
div#secondary-navigation li.selected { background: black url(../../assets/images/selected_bg.jpg) repeat 0 0; }
div#secondary-navigation li.selected a { font-weight: bold; }

/* Extra content section */

div#extra { background-color: #996600; }
div#extra p strong { text-transform: uppercase; }


/* Footer styles */

div#footer { border-top: 1px solid #000; }
div#footer p { text-align: right; margin: 0; padding: 5px 10px; font-size: 60%; color: ff8539; }

/* --- hidden text --- */

.off, #skip { position: absolute; left: -9000px; top: 0; z-index: 20; }
p.off { margin:0; }

/* --- acronyms and abbreviations --- */

acronym, abbr { color: #88817d; border-bottom: 1px dashed #999; cursor/**/:/**/help }
a acronym { cursor: pointer }
h1 acronym, h2 acronym, h3 acronym { border: 0; }
label acronym { border: 0; cursor:default; }


/* Layout styles */
div#wrapper { float: left; width: 100%; margin-top: 15px; }
div#content { margin-left: 135px; }
div#secondary-navigation { float: left; width: 135px; margin-left: -100%; margin-top: 15px; }

div#secondary-navigation-home { float: left; width: 135px; height: 210px; margin-left: -100%; margin-top: 15px; /* background: url(../images/left-home.gif) no-repeat 0 0; */ }

div#extra { clear: left; width: 100%}


/* Google stuff */

#google-search { float: right; margin: .5em; padding: .5em; }
#google-search form { margin: 0; padding: 0; }
#google-search form input { margin: 0; padding: 0; }

#google-ads-left { margin: .5em; padding: .1em; }
#google-ads-right { float: right; margin: .4em; padding: .2em; background-color: #990; }
#google-ads-hor { margin: .4em .9em .4em .9em; padding: .2em; background-color: #990; }
#google-ads-thin { margin: .4em .4em .4em 2em; padding: .1em; width: 500px; background-color: #990; }