<!-- /* $WEFT -- Created by: Jeremy Ottevanger (jottevanger@museumoflondon.org.uk) on 13/11/2002 -- */

/*
@font-face {
  font-family: FranklinGothic;
  font-style:  normal;
  font-weight: normal;
  src: url(../fonts/FRANKLI0.eot);
}

@font-face {
  font-family: Franklin Cond. Gothic;
  font-style:  normal;
  font-weight: normal;
  src: url(../fonts/FRANKLI1.eot);
}

@font-face {
  font-family: Joanna MT;
  font-style:  normal;
  font-weight: normal;
  src: url(../fonts/JOANNAM1.eot);
}

@font-face {
  font-family: Joanna MT Sm Bd;
  font-style:  normal;
  font-weight: normal;
  src: url(../fonts/JOANNAM0.eot);
}


MT News Gothic will be used in the 1920s gallery. Look for suitable uses here too.
Oh, but I don't know where to get it!


*/

BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    MARGIN: 0px;
    FONT-SIZE: 10pt;
    COLOR: #444444;
    FONT-FAMILY: Verdana
}

H1, #pad h1
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
	FONT-SIZE: 200%;
    PADDING-BOTTOM: 4px;
    MARGIN: 0px;
    PADDING-TOP: 4px;
    FONT-FAMILY: Verdana;
    font-weight:bold;    
    COLOR: #D1A11B;
}

H2, #pad h2
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-SIZE: 160%;
    PADDING-BOTTOM: 4px;
    MARGIN: 0px;
    COLOR: #D1A11B;
    PADDING-TOP: 4px;
    FONT-FAMILY: Verdana;
    font-weight:bold    
}
H3, #pad h3
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
	FONT-SIZE: 140%;
    PADDING-BOTTOM: 4px;
    MARGIN: 0px;
    COLOR: #D1A11B;
    PADDING-TOP: 4px;
    FONT-FAMILY: Verdana;
    font-weight:bold
}
H4, #pad h4
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-SIZE: 120%;
    PADDING-BOTTOM: 4px;
    MARGIN: 0px;
    COLOR: #D1A11B;
    PADDING-TOP: 4px;
    FONT-FAMILY: Verdana;
    font-weight:bold
}
H5, #pad h5
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-SIZE: 110%;
    PADDING-BOTTOM: 4px;
    MARGIN: 0px;
    COLOR: #D1A11B;
    PADDING-TOP: 4px;
    FONT-FAMILY: Verdana
}
P, #pad p
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-SIZE: 100%;
    PADDING-BOTTOM: 4px;
    MARGIN: 0px;
    COLOR: #444444;
    PADDING-TOP: 4px;
	FONT-FAMILY: Verdana
}
TD
{
    FONT-SIZE: 100%;
    COLOR: #444444;
	FONT-FAMILY: Verdana
}
A:link
{
    BORDER-RIGHT: #333333;
    BORDER-TOP: #333333;
    BORDER-LEFT: #333333;
    BORDER-BOTTOM: #333333;
    TEXT-DECORATION: underline;
	COLOR: #333333
}
A:visited
{
	COLOR: #333333
}
IMG.floatLeftBordered
{
    MARGIN-RIGHT: 4px;
    MARGIN-LEFT: 4px;
    MARGIN-BOTTOM: 4px;
    MARGIN-TOP: 4px;
    PADDING: 0px;
    FLOAT:left;
    BORDER: solid #D1A11B 1px
}
IMG.navicon
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 2px;
    PADDING-TOP: 0px
}
LI
{
    LIST-STYLE-POSITION: outside;    
}
UL
{
    LIST-STYLE: disc url(../images/hollowArrow.gif) inside;
    
}
OL
{
    LIST-STYLE-POSITION: inside;
    LIST-STYLE-TYPE: upper-roman
}
.footer
{
    FONT-SIZE: 70%;
    TEXT-ALIGN: center
}

#pad
{
    MARGIN: 30px
}
.nopad
{
    MARGIN: 0px
}
.menuLink
{
    PADDING-LEFT: 0px;
    MARGIN-LEFT: 0px;
	background-color:white
}
.resultTable
{
    BORDER-RIGHT: #c0c0c0 1px solid;
    BORDER-LEFT: #c0c0c0 1px solid;
    BORDER-TOP: #c0c0c0 1px solid;
    BORDER-BOTTOM: #c0c0c0 1px solid;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    MARGIN: 0px;
    WIDTH: 95%;
    BORDER-COLLAPSE: collapse;
    BORDER-SPACING: 0
//    background-color:#99ccff
}
.resultTable TD
{
    BORDER-RIGHT: #c0c0c0 1px solid;
    BORDER-LEFT: #c0c0c0 1px solid;
    BORDER-TOP: #c0c0c0 1px solid;
    BORDER-BOTTOM: #c0c0c0 1px solid;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    MARGIN: 0px;
    BACKGROUND-COLOR: white
}

.catwalkResultTable TD
{
    BORDER-RIGHT: #c0c0c0 1px solid;
    BORDER-LEFT: #c0c0c0 1px solid;
    BORDER-TOP: #c0c0c0 1px solid;
    BORDER-BOTTOM: #c0c0c0 1px solid;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    MARGIN: 0px;
    BACKGROUND-COLOR: white;
}

.cap
{
    FONT-SIZE: 80%
}
.caption
{
    FONT-weight: 800;
}
.smallcaption
{
    FONT-weight: 800;
    FONT-SIZE: 80%
}

.pageNav
{
    FONT-SIZE: 70%
}
.tn
{
    border: 2px solid #D1A11B
}

.quote
{
	position:relative;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	border:dashed #D1A11B 2px;
	width:75%;
}

.featureImg
{
	position:relative;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	padding:10px;
	border:solid #D1A11B 1px;
	text-align:center;
	width:50%;
}

.centre
{
	text-align:center
}

.allcentre
{
	text-align:center;
	position:relative;
	margin-left: auto; 
	margin-right: auto
}
li.menu
{
    LIST-STYLE-IMAGE: url(../images/greyDot.gif);
    LIST-STYLE-TYPE: circle;
	Border: solid black 1px;
	margin:0px;
	padding:0px
}

.button
{
	border:solid #D1A11B 2px;
	background-color:#eb7700;
	text-decoration:none;
	color:black;
	padding:5px;
}

.nav a, .nav a:visited, .nav td
{
	color:#D1A11B;
	text-decoration:none;
	font-weight:800
}


//theme 0 is the default gold colour for where ever e.g. citizenship
.theme0, .theme0 a, .theme0 a:visited, #pad .theme0
{
	color:#D1A11B
}

.theme1, .theme1 a, .theme1 a:visited, #pad .theme1
{
	color:#00524D
}

.theme2, .theme2 a, .theme2 a:visited, #pad .theme2
{
	color:#003580
}

.theme3, .theme3 a, .theme3 a:visited, #pad .theme3
{
	color:#848589
}

.theme4, .theme4 a, .theme4 a:visited, #pad .theme4
{
	color:#CE8A44;
}

.theme5, .theme5 a, .theme5 a:visited, #pad .theme5
{
	color:#587993
}

.theme6, .theme6 a, .theme6 a:visited, #pad .theme6
{
	color:#5B473B
}

.theme7, .theme7 a, .theme7 a:visited, #pad .theme7
{
	color:#A44E58
}

.theme8, .theme8 a, .theme8 a:visited, #pad .theme8
{
	color:#7E2B42
}

.overtheme0, .overtheme0 a:hover, li .overtheme0,
{
	color:white;
	text-decoration:underline;
	background-color:#D1A11B;
	font-weight:800;
	margin:3px
 }

.overtheme1, .overtheme1 a:hover, li .overtheme1
{
	color:white;
	text-decoration:underline;
	background-color:#00524D;
	font-weight:800;
	margin:3px
 }

.overtheme2, .overtheme2 a:hover, li .overtheme2
{
	background-color:#003580;
	color:#ffffff;
	text-decoration:underline;
	font-weight:800;
	margin:3px
}

.overtheme3, .overtheme3 a:hover, li .overtheme3
{
	background-color:#848589;
	color:#ffffff;
	text-decoration:underline;
	font-weight:800;
	margin:3px
}

.overtheme4, .overtheme4 a:hover, li .overtheme4
{
	background-color:#CE8A44;
	color:#ffffff;
	text-decoration:underline;
	font-weight:800;
	margin:3px
}

.overtheme5, .overtheme5 a:hover, li .overtheme5
{
	background-color:#587993;
	color:#ffffff;
	text-decoration:underline;
	font-weight:800;
	margin:3px
}

.overtheme6, .overtheme6 a:hover, li .overtheme6
{
	background-color:#5B473B;
	color:#ffffff;
	text-decoration:underline;
	font-weight:800;
	margin:3px
}

.overtheme7, .overtheme7 a:hover, li .overtheme7
{
	background-color:#A44E58;
	color:#ffffff;
	text-decoration:underline;
	font-weight:800;
	margin:3px
}

.overtheme8, .overtheme8 a:hover, li.overtheme8
{
	background-color:#7E2B42;
	color:#ffffff;
	text-decoration:underline;
	font-weight:800;
	margin:3px
}


.offtheme0, .offtheme0 a:link, .offtheme0 a:visited
{
	background-color:#ffffff;
	text-decoration:none;
	color:#D1A11B;
	font-weight:800;
	margin:3px
}
.offtheme1, .offtheme1 a:link, .offtheme1 a:visited
{
	background-color:#ffffff;
	text-decoration:none;
	color:#00524D;
	font-weight:800;
	margin:3px
}
.offtheme2, .offtheme2 a:link, .offtheme2 a:visited
{
	background-color:#ffffff;
	text-decoration:none;
	color:#003580;
	font-weight:800;
	margin:3px
}
.offtheme3, .offtheme3 a:link, .offtheme3 a:visited
{
	background-color:#ffffff;
	text-decoration:none;
	color:#848589;
	font-weight:800;
	margin:3px
}
.offtheme4, .offtheme4 a:link, .offtheme4 a:visited
{
	background-color:#ffffff;
	text-decoration:none;
	color:#CE8A44;
	font-weight:800;
	margin:3px
}
.offtheme5, .offtheme5 a:link, .offtheme5 a:visited
{
	background-color:#ffffff;
	text-decoration:none;
	color:#587993;
	font-weight:800;
	margin:3px
}
.offtheme6, .offtheme6 a:link, .offtheme6 a:visited
{
	background-color:#ffffff;
	text-decoration:none;
	color:#5B473B;
	font-weight:800;
	margin:3px
}
.offtheme7, .offtheme7 a:link, .offtheme7 a:visited
{
	background-color:#ffffff;
	text-decoration:none;
	color:#A44E58;
	font-weight:800;
	margin:3px
}
.offtheme8, .offtheme8 a:link, .offtheme8 a:visited
{
	background-color:#ffffff;
	text-decoration:none;
	color:#7E2B42;
	font-weight:800;
	margin:3px
}


table.theme1, td.theme1, div.theme1, img.theme1
{
	border:1px solid #00524D
}
table.theme2, td.theme2, div.theme2, img.theme2
{
	border:1px solid #003580
}
table.theme3, td.theme3, div.theme3, img.theme3
{
	border:1px solid #848589
}
table.theme4, td.theme4, div.theme4, img.theme4
{
	border:1px solid #CE8A44;
}
table.theme5, td.theme5, div.theme5, img.theme5
{
	border:1px solid #587993
}
table.theme6, td.theme6, div.theme6, img.theme6
{
	border:1px solid #5B473B
}
table.theme7, td.theme7, div.theme7, img.theme7
{
	border:1px solid #A44E58
}
table.theme8, td.theme8, div.theme8, img.theme8
{
	border:1px solid #7E2B42
}

table.theme1bg, td.theme1bg, div.theme1bg, img.theme1bg
{
	border:1px solid #00524D;
	background-color:#00524D;
}
table.theme2bg, td.theme2bg, div.theme2bg, img.theme2bg
{
	border:1px solid #003580;
	background-color:#003580;
}
table.theme3bg, td.theme3bg, div.theme3bg, img.theme3bg
{
	border:1px solid #848589;
	background-color:#848589;
}
table.theme4bg, td.theme4bg, div.theme4bg, img.theme4bg
{
	border:1px solid #CE8A44;
	background-color:#CE8A44;
}
table.theme5bg, td.theme5bg, div.theme5bg, img.theme5bg
{
	border:1px solid #587993;
	background-color:#587993;
}
table.theme6bg, td.theme6bg, div.theme6bg, img.theme6bg
{
	border:1px solid #5B473B;
	background-color:#5B473B;
}
table.theme7bg, td.theme7bg, div.theme7bg, img.theme7bg
{
	border:1px solid #A44E58;
	background-color:#A44E58;
}
table.theme8bg, td.theme8bg, div.theme8bg, img.theme8bg
{
	border:1px solid #7E2B42;
	background-color:#7E2B42;
}



// CE9E4E = lifestyle (yellow) TID 4 NEW VERSION: #CE8A44
// A44E58 = politics (red) TID 7
// 00524D = beliefs (green) TID 1
// 003580 = empire (blue) TID 2
// 5B473B = people (mud brown) TID 6
// 587993 = machines (dirty blue) TID 5
// 7E2B42 = streets (manky red-brown) TID 8
// 848589 = future (grey) TID 3


// D1A11B = gold in poster border

//Screen size assumed to be 434x780, design with this in mind...