/*Global settings for background colour and links*/
*
{
	margin: 0;
}

body
{
	background-color: #e0e0e0; /*NB the real desired background colour is #01172e; and provided by the container division. A light body colour ought to allow mobile devices in high contrst mode to display dark text*/
}

img
{
	border: 0;
	background: none;
}

a:link
{
	color: #006600;
}

a:visited
{
	color: #004400;
}

a:hover
{
	color: #000080;
	background-color: #e0e0e0;
	text-decoration: overline underline;
}

a.title:hover
{
	text-decoration: none;
	background: transparent;
	color: inherit;
}

a:active
{
	color: #ff0000;
}

h1,h2
{
	text-align: center;
	color: #022f55;
}

.mainaddress
{
	font-family: "Times New Roman", Times, serif;
	font-size: 83%;
	color: #cc9900;
	font-style: italic;
	text-align: center;
}

#contind a.indexlinks
{
	text-decoration: none;
	color: #022f55;
}
	
.address
{
	font-family: "Times New Roman", Times, serif;
	font-size: 83%;
	color: #cc9900;
	font-style: italic;
	text-align: center;
	clear: both;
	padding-top: 1em;
}

* html .address /*hack for IE 6.0 layout*/
{
	margin-top: 5px;
}

* html .mainaddress /*hack for IE 6.0 layout*/
{
	margin-top: 5px;
}

.address a
{
	color: #cc9900;
}

.mainaddress a
{
	color: #cc9900;
}

.address a:visited
{
	color: #cc9900;
	text-decoration: underline;
}

.mainaddress a:visited
{
	color: #cc9900;
	text-decoration: underline;

}

* html .address a:visited /*hack for IE 6.0 layout*/
{
	color: #cc9900;
	text-decoration: underline;
}

* html .mainaddress a:visited /*hack for IE 6.0 layout*/
{
	color: #cc9900;
	text-decoration: underline;
}

.address a:hover
{
	color: #cc9900;
	text-decoration: overline underline;
}

.mainaddress a:hover
{
	color: #cc9900;
	text-decoration: overline underline;
}

#hidden
{
	display: none;
}

img.left /*used to position images in essays*/
{
	float: left;
	padding-right: 5px;
}

img.right /*used to position images in essays*/
{
	float: right;
	padding-right: 5px;
}

/*Global settings for Container div*/
#container
{
	position: absolute;
	top: 0%;
	right: 0%;	
	bottom: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #01172e;
}

/*Global Settings for Head div*/
img.head
{
	padding-top: 5px;
	padding-bottom: 15px;
}

* html img.head /*hack for IE6.0 preentation*/
{
	margin-top: 5px;
	margin-bottom: 12px;
}

/*Global Settings for Headmenu/Navigation*/
#headmenu
{
	position: absolute;
	top: 11%;
	left: 0.5%;
	width: 99%;
	background-color: #022f55;
	text-align: center;
}

#headmenu a
{
	display: inline;
	font-family: Arial, sans-serif;
	font-size: 150%;
	text-decoration: none;
	color: #ffba01;
	background-color: #022f55;
	padding-right: .6em;
	padding-left: .6em;
	font-weight: bold;
}

#headmenu a:hover
{
	background-color: #01172e;
}

#headmenu a.active
{
	background-color: #01172e;
}

/*Global Settings for Footer/Navigation*/
#footer
{
	position: absolute;
	top: 94%;
	left: 0.5%;
	width: 99%;
	background-color: #022f55;
	text-align: center;
}

#footer a
{
	display: inline;
	font-family: Arial, sans-serif;
	font-size: 125%;
	text-decoration: none;
	color: #ffba01;
	background-color: #022f55;
	padding-right: .6em;
	padding-left: .6em;
	font-weight: bold;
}

#footer a:hover
{
	background-color: #01172e;
}

#footer a.active
{
	background-color: #01172e;
}

/*Global settings for righbar Division*/
#rightbar
{
	position: absolute;
	top: 10%;
	right: 0.5%;
	width: 13.7%;
	height: 83%;
	font-family: Arial, sans-serif;
	background: #022f55;
	color: #c8c8c8;
	float: right;
}

#rightbar p, a
{
	margin-top: 5px;
}

#rightbar a
{
	font-size: .7em;
	color: #c8c8c8;
	text-decoration: none;
	border: none;
	background: transparent;
	display: block;
	margin-left: 5px;
}

#rightbar a:hover
{
	text-decoration: underline;
}

#rightbar a.active
{
	color: #ffffff;
	font-weight: bold;
}

#rightbar .promotional
{
	text-align: center;
}

/*Global settings for two column layout*/
#leftpane
{
	position: relative;
	width: 48.5%;
	float: left;
	margin: 2px 5px 2px 5px;
}

#leftpane img
{
	float: left;
	padding-right: 5px;
}

#rightpane
{
	position: relative;
	width: 48.5%;
	float: right;
	margin: 2px 5px 2px 5px;
}

#rightpane img
{
	float: left;
	padding-right: 5px;
}

/*Global Settings for Validation Div*/
#valid
{
	position: absolute;
	top: 94%;
	right: 2%;
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	color: #ffba01;
}

#valid a
{
	color: #ffba01;
}

#valid a:hover
{
	border: none;
	background: none;
}


/*Content div for Index Page ONLY*/
#contind
{
	position: absolute;
	top: 15%;
	left: 0.5%;
	width: 99%;
	height: 77%;
	background-image: url(images/whitknot.jpg);
	background-color: #e0e0e0;
	overflow: auto;
	font-family: Garamond, Times, serif;
}

#contind i
{
	font-family: "Times New Roman", Times, serif;
}

.teine
{
	color: #022f55;
	font-size: 120%;
}

p.heading
{
	font-size: 133%;
	text-align: center;
}

/*properties for Main Image on Index Page*/
img.sig
{
	/*float: left;*/
	margin: 0;
	padding: 0;
}

.right
{
	text-align: right;
}

/*Content Division for site pages - NOT INDEX PAGE*/
#contsite
{
	position: absolute;
	top: 10%;
	left: 0.5%;
	width: 85%;
	height: 83%;
	background-image: url(images/whitknot.jpg);
	background-color: #e0e0e0;
	overflow: hidden;
	float: left;
}

#contsite p,dt
{
	padding-left: 10px;
	padding-right: 7px;
}

#contsite dd
{
	padding-left: 40px;
	padding-right: 7px;
}

#contsite i, em
{
	font-family: "Times New Roman", Times, serif;
}


/*banner division used for Graphic and Text banners*/
#banner
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 15%;
	background: transparent;
	overflow: hidden;
	text-align: center;
}

#bannerlink
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 15%;
	background: transparent;
	overflow: hidden;
	text-align: center;
}

#banner a:hover
{
	background: none;
	border: none;
}

#banner h1
{
	font-family: "Goudy old Style", Georgia, Times, serif;
	font-weight: normal;
}

#banner img.left /*used to position images in essays*/
{
	float: left;
}

#banner img.right /*used to position images in essays*/
{
	float: right;
}
	
p.info /*used for 'blurbs' in drunemton*/
{
	font-size: .9em;
	text-align: center;
	margin: 5px 0px 5px 0px;
}

* html p.info /*hack for IE6.0 presentation*/
{
	margin: 0 0 0 0;
}
/*menu division used in drunemeton only*/
.menu
{
	width: 85%;
	float: right;
}

.menu a
{
	margin-right: 8px;
	margin-left: 10px;
}

.menu p.cat
{
	font-weight: bold;
	color: #022f55;
}

/*Styles and layouts used in essays and poetry - NB 2 col layout already defined*/
#textessay
{
	position: absolute;
	top: 15%;
	left: 0%;
	width: 100%;
	height: 85%;
	overflow: auto;
	font-family: Garamond, Times, serif;
}

#textessay p,h2,h3,blockquote,dl,ul
{
	padding-bottom: 1em;
}

#textessay h1
{
	padding-bottom: 0.5em;
}

#textessay blockquote
{
	margin: 0 45px 0 45px;
	text-align: justify;
}	

#textessay h3
{
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
}

#textessay li
{
	font-size: 1em;
}

* html #textessay li
{
	margin-left: 2.5em;
}

#textessay p.preamble
{
	text-align: center;
}

.preamble /*Used for centred text in essays, etc where inheritence of font atr needed*/
{
	text-align: center;
}

#textessay p.notes
{
	font-size: 0.9em;
}

#textessay img.title
{
	padding: 0 0 1em 0;
}

#textessay p.poetry
{
	margin-left: 300px
}

#textessay p.byline
{
	font-family: "Times New Roman", Times, serif;
	margin-left: 375px;
	font-style: italic;
}

#textessay table.five
{
	width: 100%;
	border: 1px outset;
}

#textessay td.five
{
	width: 20%;
	border: 1px outset;
}

#textessay .lone /*used to centre pictures with text on the page*/
{
	text-align: center;
}

.data /*used for tab data in calendar essay*/
{
	margin: auto;
	border: 1px inset;
	width: 90%;
}

.data td
{
	border: 1px outset;
	width: 25%;
}
.data1 /*used for tab data in calendar essay*/
{
	margin: auto;
	border: 1px inset;
	width: 60%;
}

.data1 td
{
	border: 1px outset;
	width: 25%;
}

.data2 /*used for tab data in calendar essay*/
{
	margin: auto;
	border: 1px inset;
	width: 60%;
}

.data2 td
{
	border: 1px outset;
	width: 25%;
	font-size: 0.85em;
}

.coligtest /*used for table colignytest*/
{
	margin: auto;
	border: 1px inset;
	width: 90%;
}

.coligtest td
{
	border: 1px outset;
	width: 10%;
}


.month /*used for tab data in calendars*/
{
	font-size: 83%;
	width: 240px;
	border: 1px outset #c8c8c8;
	float: left;
	margin-right: 5px;
	clear: left;
}

* html .month /*hack for IE6 used in month class*/
{
	margin-right: 0;
}

.month td
{
	border: 1px inset #c8c8c8;
}

.month i
{
	font-size: 120%;
}

.month b
{
	font-size: 200%;
}


.sunset /*used for tab data relating to sunset in claendar*/
{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: .83em;
	border: none;
	width: 560px;
	margin-bottom: 20px;
}

.sunset th
{
	font-size: 1.2em;
	padding-bottom: 0;
}

.sunset td
{
	width: 25%;
}

.sunset img
{
	float: left;
}

.progress /*used to show month progress in calendar*/
{
	font-family: "Times New Roman", Times, serif;
	font-size: .83em;
	width: 560px;
	border: 1px outset #c8c8c8;
	text-align: center;
}	

.progress td
{
	width: 8%;
	border: 1px inset #c8c8c8;
}

.south /*used for tab data in southern celtic calendar*/
{
	font-size: 1.17em;
	width: 99%;
	border: 1px outset #c8c8c8;
}

.south td
{
	width: 6.5%;
	text-align: center;
	font-weight: bold;
}

img.feast /*used to size banner images for feats area*/
{
	width: 23%;
}

img.calend
{
	width: 95%;
}

.sidebar /*used for sidebars in features*/
{
	font-size: 0.85em;
	width: 25%;
	border: 1px outset;
	text-align: center;
	margin-right: 3px;
}

ref.dt /*used for references sections*/
{
	text-indent: 10px;
}

p.quote /*used for quoted sources*/
{
	margin-left: 25%;
}

.southfire /*used for images in the Southern Fire Feasts page*/
{
	width: 230px;
	height: 300px;
	border: 2px groove;
	margin: 5px 3px 0 5px;
	padding: 3px 3px 0 3px;
	float: left;

}

.southfireindex /*used for images in the Southern Fire Feasts section on the homepage*/
{
	width: 172px;
	height: 225px;
	border: 2px groove;
	margin: 5px 3px 0 5px;
	padding: 4px 1px 4px 1px;
	float: left;

}

.firefeastimg /*used for images in the Southern Fire Feasts section on the homepage*/
{
	width: 230px;
	height: 130px;
	border: 2px groove;
	margin: 5px 3px 0 5px;
	padding: 4px 1px 4px 1px;
	float: left;

}

.southteine
{
	color: #022f55;
	font-size: 166%;
	font-style: italic;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}
.southteine1
{
	color: #022f55;
	font-size: 125%;
	font-style: italic;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}
.southteine2
{
	color: #022f55;
	font-size: 110%;
	font-style: italic;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}
.southteine3
{
	color: #022f55;
	font-size: 90%;
	font-style: italic;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}

/*----------------------------------------*/
/*STYLES FOR 5 COLUMN LAYOUT--------------*/
/*----------------------------------------*/

#cola
{
	width: 19.75%;
	border: 1px #c8c8c8 solid;
	float: left;
}

#cola h1
{
	font-size: 170%;
}
#cola h2
{
	font-size: 100%
}

#colb
{
	width: 19.75%;
	border: 1px #c8c8c8 solid;
	float: left;
}

#colb h1
{
	font-size: 170%;
}
#colb h2
{
	font-size: 100%
}

#colc
{
	width: 19.75%;
	border: 1px #c8c8c8 solid;
	float: left;
}

#colc h1
{
	font-size: 170%;
}
#colc h2
{
	font-size: 100%
}

#cold
{
	width: 19.75%;
	border: 1px #c8c8c8 solid;
	float: left;
}

#cold h1
{
	font-size: 170%;
}
#cold h2
{
	font-size: 100%
}

#cole
{
	width: 19.75%;
	border: 1px #c8c8c8 solid;
	float: left;
}

#cole h1
{
	font-size: 170%;
}
#cole h2
{
	font-size: 100%
}

/*----------------------------------------*/
/*END STYLES FOR 5 COLUMN LAYOUT----------*/
/*----------------------------------------*/

/*----------------------------------------*/
/*STYLES FOR DOWNLOADS PAGE---------------*/
/*----------------------------------------*/

.files a
{
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

/*----------------------------------------*/
/*END STYLES FOR DOWNLOADS PAGE-----------*/
/*----------------------------------------*/

/*----------------------------------------*/
/*STYLES FOR PERTH ZOO LINK---------------*/
/*----------------------------------------*/

.zoo /*used for link to Perth Zoo*/
{
	width: 100%;
	background: transparent;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	text-align: center;
}

.zoo img
{
	width: 99%;
	border: none;
	background: none;
	padding-bottom: 0.7em;
}

/*----------------------------------------*/
/*END STYLES FOR PERTH ZOO LINK-----------*/
/*----------------------------------------*/

/*----------------------------------------*/
/*STYLES FOR GRAPGIC/TEXT LINKS-----------*/
/*----------------------------------------*/

.links
{
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}

* html .links
{
	width: 95%
}

.linkleft
{
	border: 1px #c8c8c8 solid;
	width: 30%;
	height: 43px;
	text-align: center;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 3px;
}

* html .linkleft
{
	margin-left: 4%;
}
.linkright
{
	border: 1px #c8c8c8 solid;
	height: 43px;
	font-weight: bold;
	line-height: 2.0;
	margin-bottom: 3px;
	float: right;
	width: 68%;
}

* html .linkright
{
	width: 60%;
}

.linkright a
{
	margin-left: 5px;
}

.links table
{
	margin-right: auto;
	margin-left: auto;
}

.links td
{
	border: 1px #c8c8c8 solid;
	font-weight: bold;
	font-family: Garamond, Times, serif;
	height: 78px;
	width: 25%;
	text-align: center;
}

.links .fest a:hover
{
	border: none;
	background: none;
}

/*----------------------------------------*/
/*END STYLES FOR GRAPGIC/TEXT LINKS-------*/
/*----------------------------------------*/

/*----------------------------------------*/
/*STYLE FOR PAGES WITHNON-SERIF FONTS-----*/
/*----------------------------------------*/

#essay2 
{
	position: absolute;
	top: 15%;
	left: 0%;
	width: 100%;
	height: 85%;
	overflow: auto;
	font-family: Verdana, Arial, sans-serif;
	margin: auto;
}

#essay2 p,h2,h3,blockquote,dl
{
	padding-bottom: 1em;
}


#essay2 h2
{
	font-family: "Goudy Old Style", Georgia, serif;
	text-align: center;
	font-weight: normal;
}

#essay2 dl
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .7em;
	padding-top: 10px;
	padding-left: 10px;
}

#essay2 dt
{
	font-weight: bold;
	font-size: .9em;
	padding-left: 2px;
}

#essay2 p,li
{
	font-size: 10pt;
	padding-left: 10px;
}

#essay2 dd
{
	padding-bottom: .9em;
}

#essay2 .fest a:hover
{
	border: none;
	background: none;
}

#essay2 ul,li
{
	padding-bottom: 0;
}



/*----------------------------------------*/
/*END STYLE FOR PAGES WITH NON-SERIF FONTS*/
/*----------------------------------------*/

/*----------------------------------------*/
/*STYLES FOR CONTACT AREA-----------------*/
/*----------------------------------------*/
.contact{position: relative;font-size: 10pt;width: 85%;border: #c8c8c8 outset;margin: auto;}
* html #essay2 .contact{left: 7.5%;}
.contact form{margin: 0 auto;}
.contact form p label{float: left;width: 30%;text-align: right;margin-right: 5%;margin-top: 1em;}
.contact form p.btn{margin-left: 34%;margin-top: 0.5em;}
.contact h3{text-align: center;}
.contact p.legend{font-weight:bold;width:30%;text-align:right;border: #c8c8c8 2px outset;padding-top: 0.5em;}
/*----------------------------------------*/
/*END STYLES FOR CONTACT AREA--------------*/
/*----------------------------------------*/

/*----------------------------------------*/
/*STYLES FOR INDEX PAGE--------------------*/
/*----------------------------------------*/
.leftind
{
	position: relative;
	width: 48.5%;
	float: left;
	margin: 2px 5px 2px 5px;
	clear: left;
}

.leftind img
{
	float: left;
	padding-right: 5px;
}

.rightind
{
	position: relative;
	width: 48.5%;
	float: right;
	margin: 2px 5px 2px 5px;
	/*padding-top: 25px;*/
}

.rightind img
{
	float: left;
	padding-right: 5px;
}
/*----------------------------------------*/
/*END STYLES FOR INDEX PAGE---------------*/
/*----------------------------------------*/

/*----------------------------------------*/
/*STYLES USED FOR THE GORSEDD-------------*/
/*----------------------------------------*/
#gorsedd1
{
	width: 49.5%;
	height: 99.5%;
	border: 1px #c0c0c0 solid;
	float: left;
	overflow: auto;
	text-align: center;
}

#gorsedd1 img.logo
{
	float: left;
}

#gorsedd1 img.button
{
	margin-top: 1em;
	margin-right: 2em;;
}

#gorsedd1 h1
{
	margin-top: 1.4em;
	font-size: 1.5em;
}

* html #gorsedd1 h1
{
	margin-top: 1.7em;
	font-size: 1.5em;
}

#gorsedd3
{
	width: 49.5%;
	height: 99.5%;
	border: 1px #c0c0c0 solid;
	float: right;
	overflow: auto;
	text-align: center;
}

#gorsedd3 p
{
	margin-top: 0.5em;
}

/*----------------------------------------*/
/*END STYLES USED FOR THE GORSEDD---------*/
/*----------------------------------------*/

/*----------------------------------------*/
/*STYLES USED FOR CELTIC CALENDAR 2007----*/
/*----------------------------------------*/

#celtintro
{
	position: relative;
	text-align: center;
}

.coligny 
{
	font-size: 1.17em;
	width: 99%;
	border: 1px outset #c8c8c8;
}

.coligny td
{
	width: 6.5%;
	text-align: center;
	font-weight: bold;
}

.course 
{
	font-family: "Times New Roman", Times, serif;
	font-size: .83em;
	width: 99%;
	border: 1px outset #c8c8c8;
	text-align: center;
}	

.course td
{
	width: 7.5%;
	border: 1px inset #c8c8c8;
}

.etymology
{
	width: 25%;
	border: 1px #c8c8c8 solid;
	float: left;
}

.etymology .stripe
{
	color: #c8c8c8;
	background: #01172e;
	font-family: Arial, sans-serif;
	text-align: center;
	padding: 0.5em 0 0.5em 0;
}

.etymology .stripe a
{
	color: #c8c8c8;
}

.etymology .stripe a:hover
{
	color: #01172e;
}

.monthquote
{
	width: 73%;
	float: right;
	clear: right;
	border: 1px #c8c8c8 solid;
	padding: 0.5em 0 0 0;
	margin-right: 0.5%;
}

.monthquote .phrase
{
	font-size: 1.5em;
}

.southdetail
{
	width: 73%;
	float: right;
	clear: right;
	border: 1px #c8c8c8 solid;
	padding: 0.5em 0 0 0;
	margin-right: 0.5%
}

#starmap
{
	width:99%;
	margin:auto;
	clear: both;
	margin-top: 1.0em;
	border: 1px #c8c8c8 solid;
	text-align: center;
}

#starmap img.dawn
{
	clear: both;
}

#monthmap
{
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	text-align: center;
}

.southdata /*used for tab data in southern 2007 calendar essay*/
{
	text-align: center;
	margin: auto;
	border: 1px inset;
	width: 60%;
}

.southdata td
{
	border: 1px outset;
	width: 25%;
}

/*----------------------------------------*/
/*END STYLES USED FOR CELTIC CALENDAR 2007*/
/*----------------------------------------*/

/*----------------------------------------*/
/*STYLES USED FOR GLOSSARY----------------*/
/*----------------------------------------*/
#glossbanner
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 17%;
	background: transparent;
	overflow: hidden;
	text-align: center;
}

#glossbanner h1
{
	font-family: "Goudy old Style", Georgia, Times, serif;
	font-weight: normal;
}


.glossary
{
	position: absolute;
	top: 17%;
	left: 0%;
	width: 100%;
	height: 83%;
	overflow: auto;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
}

.glosshead
{
	font-weight: bold;
	padding-bottom: 0.5em;
	text-align: left;
}

.glossentry
{
	width: 100%;
	border-top: 1px solid gray;
	clear: both;
}

.term
{
	width: 20%;
	float: left;
}

.term a
{
	background: transparent;
	text-decoration: none;
	color: #000000;
}

.gloss
{
	width: 40%;
	float: left;
}

.gloss p
{
	padding-bottom: 1em;
}

.altterm
{
	width: 20%;
	float: left;
}

.intlink
{
	width: 20%;
	float: left;
}

.intlink a
{
	margin-left: 1em;
}

/*	STYLES USED FOR FESTIVALS LINKS PAGE*/

.festlink
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.festival
{
	border: 1px #c8c8c8 solid;
	font-weight: bold;
	font-family: Garamond, Times, serif;
	width: 24%;
	text-align: center;
}

* html .festival
{
	width: 25%;
}
/*----------------------------------------*/
/*END STYLES USED FOR GLOSSARY------------*/
/*----------------------------------------*/
/*----------------------------------------*/
/*STYLES FOR 3 COLUMN SITEMAP-------------*/
/*----------------------------------------*/

#col1
{
	width: 46%;
	border-right: 1px #c8c8c8 solid;
	border-bottom: 1px #c8c8c8 solid;
	float: left;
}

#col2
{
	width: 26.5%;
	border-bottom: 1px #c8c8c8 solid;
	float: left;
}

#col3
{
	width: 26.5%;
	border-left: 1px #c8c8c8 solid;
	border-bottom: 1px #c8c8c8 solid;
	float: left;

}

div#sitemap
{
	border-top: 1px #c8c8c8 solid;
}

div#sitemap h3
{
	font-weight: normal;
	margin-left: 7px;
	color: #022f55;
}

div#sitemap li
{
	margin-left: -1em;
}
		
* html #sitemap li
{
	margin-left: 2em;
}

/*----------------------------------------*/
/*STYLES FOR 3 COLUMN SITEMAP-------------*/
/*----------------------------------------*/

/*indexpage popup styles*/

.popuppanel
{
	text-align: center;height: 150px;
}

* html .popuppanel a:hover
{
	text-decoration: none;
}

.popuppanel img
{
	margin: 0 10px 0 5px;
}

.popuppanel a span
{
	display: none;
}

.popuppanel a:hover span
{
	display: inline;
	font-size: 0.98em;
	position: absolute;
	top: 84%;
	left: 10%;
	background: #fde288;
	color: #497fbf;
	padding: 3px 5px;
}

.popuppanel a:hover
{
	background: transparent;
}

.sitemeterright
{
	text-align: center;
	position: relative;
	width: 48.5%;
	float: right;
	margin: 2px 5px 2px 5px;

}	
/*Stlyes used on Index page for boxover script*/
.boxheader{background: #01172e;font-family: Verdana, Arial, sans-serif;font-weight: bold; color: white;padding: 0 2px 0 2px;}
.boxbody{background: #aabbbb;font-family: Verdana, Arial, sans-serif;font-size: .9em;padding: 0 2px 0 2px;width: 300px}