<!-- /* $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);
}
*/

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;
    COLOR: #444444;
    PADDING-TOP: 4px;
    FONT-FAMILY: Verdana;
    font-weight:bold    
}
H2, #pad h2
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-SIZE: 160%;
    PADDING-BOTTOM: 4px;
    MARGIN: 0px;
    COLOR: #444444;
    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: #444444;
    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: #444444;
    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: #444444;
    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: #789778;
    BORDER-TOP: #789778;
    BORDER-LEFT: #789778;
    BORDER-BOTTOM: #789778;
    TEXT-DECORATION: underline;
	COLOR: #ff6600
}
A:visited
{
	COLOR: #ff6600
}
IMG
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 10px;
    PADDING-TOP: 0px
}
IMG.navicon
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 2px;
    PADDING-TOP: 0px
}
LI
{
    LIST-STYLE-POSITION: inside
}
UL
{
    LIST-STYLE: disc url(../images/hollowArrow.gif) inside
}
OL
{
    LIST-STYLE-POSITION: inside;
    LIST-STYLE-TYPE: upper-roman
}
.footer
{
    FONT-SIZE: 80%;
    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
}
.pageNav
{
    FONT-SIZE: 70%
}
.tn
{
    border: 2px solid #c0c0c0
}

#galleryLink
{
    COLOR: #5f5855
}
#introLink
{
    COLOR: #5f5855
}
#homeLink
{
    COLOR: #5f5855
}
#themesLink
{
    COLOR: #5f5855
}
#toursLink
{
    COLOR: #5f5855
}
#searchLink
{
    COLOR: #5f5855
}
#quizLink
{
    COLOR: #5f5855
}
#archaeologyLink
{
    COLOR: #5f5855
}
#contactLink
{
    COLOR: #5f5855
}
#askLink
{
    COLOR: #5f5855
}
#linkLink
{
    COLOR: #5f5855
}
.quote
{
	position:relative;
	margin-left: auto; 
	margin-right: auto;
	border:solid #b3c3c2 2px;
	width:70%;
}
.centre
{
	text-align:center
}

.allcentre
{
	text-align:center;
	position:relative;
	margin-left: auto; 
	margin-right: auto
}
.search
{
	color:#ff6600
}

.gallery
{
	color:#99ccff
}

.tour
{
	color:#000066
}

.quiz
{
	color:#cc9900
}

.ask
{
	color:#ffcc33
}

.about
{
	color:#669900
}

.links
{
	color:#669900
}

.searchBg
{
	background-color:#ff6600
}

.galleryBg
{
	background-color:#99ccff
}

.tourBg
{
	background-color:#000066
}

.quizBg
{
	background-color:#cc9900
}

.askBg
{
	background-color:#ffcc33
}

.aboutBg
{
	background-color:#669900
}

.linksBg
{
	background-color:#669900
}

li.menu
{
    LIST-STYLE-IMAGE: url(../images/greyDot.gif);
    LIST-STYLE-TYPE: circle;
	Border: solid black 1px;
	margin:0px;
	padding:0px
}

.button
{
	border:solid #b3c3c2 2px;
	background-color:#eb7700;
	text-decoration:none;
	color:black;
	padding:5px;
}

//new colours 10/02
//000066 = dark blue
//ffcc33 = yellow
//669900 = green
//cc9900 = brown
//ff6600 = orange
//99ccff = light blue

//old colours
//b3c3c2 = blue-grey
//889658 = green
//eb7700 = orange
//5f5855 = dark grey
//c0c0c0 = light grey

//Screen size assumed to be 434x780, design with this in mind...