body {

		margin:20px 20px 0px 20px;

		font-size: 1em;

		/*font-size: 80%;  makes nested fonts tiny */

		background-color: #DCDCDC;

		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

/*

div{

	border: solid 1 px black;

}

*/



/*the main div surrounds entire page */

#main {

	border:1px solid #000; 

	background:#fff;

	width: 740px;

}

	

#head{

	clear: both;

	height: 90px;

}



#head img{

	position: relative;

	top: -10px;

	left: -10px;

	float: left;

	z-index: 10;

}





#head h1{

	text-align: center;

}



/*NAVIGATION*/



/*hot links*/

#hotlinks{

	/*border: 1px solid red;*/

	position: relative;

	/*background-color: #ffffff;*/

	font-size: .75em;

	padding-top: .2em;

	padding-bottom: .2em;

	height:6em;

	width: 100%;

	margin-bottom: .2em;

}



#hotlinks ul

{

	list-style: none;

	margin: 0;

	padding: .2em 0 .2em 0;

	border: none;

}



#hotlinks li

{

display: block;

margin: 0;

padding: 0;

float: left;

width: 100%;

text-align: center;

}



#hotlinks a

{

	color: White;

	display: block;

	width: auto;

	text-decoration: none;

	font-weight: bold;

	background: #CC3333;

	margin: 0 1em 0 0;

	padding: 0 .2em .2em .2em;

	/*border-left: 1px solid #fff;

	border-top: 1px solid #fff;

	border-right: 1px solid #aaa;

	*/

	border: double #660000;

	white-space:nowrap;

}



#hotlinks a:hover, #hotlinks a:active {

	background: Silver;

}



#hotlinks a.active:link, #hotlinks a.active:visited

{

	position: relative;

	z-index: 102;

	background: Silver;

	/*font-weight: bold;

	*/

}



/*end hot links*/



/*top menu*/

#top_menu{

	/*border: 1px solid blue;*/

	position: relative;

	background-color: #f5f5f5;

	font-size: 12px;

	padding-top: .2em;

	padding-bottom: .2em;

	height:1.4em;

	width: 600px;

	margin-left: 100px;

	z-index: 100;

}

/*

#top_menu

{

margin: 0;

padding: 0 0 0 12px;

}*/



#top_menu ul

{

list-style: none;

margin: 0;

padding: 0;

border: none;



}



#top_menu li

{

display: block;

margin: 0;

padding: 0;

float: left;

width: auto;

font-size: 1em;

}



#top_menu a

{

	color: #000000;

	display: block;

	width: auto;

	text-decoration: none;

	background: #CECECE;

	margin: 0;

	padding: 0 .2em .2em .2em;

	border-left: 2px solid #ffffff;

	border-top: 1px solid #fff;

	border-right: 1px solid #696969;

	white-space:nowrap;

}



#top_menu a:hover, #top_menu a:active {

	background: Silver;

}



#top_menu a.active:link, #top_menu a.active:visited

{

	position: relative;

	z-index: 102;

	background: Silver;

	font-weight: bold;

}



/*top submenus*/

.top_submenu{

	background-color: #ffffff;

}



#MenuPilgrimage li, #MenuRoutes li, #MenuInfo li, #MenuConfr li{

	width: 100%;

}



#MenuPilgrimage a, #MenuRoutes a, #MenuInfo a, #MenuConfr a{

	width: 100%;

	background: Silver;

}



#MenuPilgrimage a:hover, #MenuRoutes a:hover, #MenuInfo a:hover, #MenuConfr a:hover,

#MenuPilgrimage a:active, #MenuRoutes a:active, #MenuInfo a:active, #MenuConfr a:active {

	background: #DCDCDC;

}



#MenuPilgrimage a.active:link, #MenuRoutes a.active:link, #MenuInfo a.active:link, #MenuConfr a.active:link,

#MenuPilgrimage a.active:visited, #MenuRoutes a.active:visited, #MenuInfo a.active:visited, #MenuConfr a.active:visited

{

	position: relative;

	z-index: 102;

	background: #DCDCDC;

	font-weight: bold;

}

/*top submenus*/

/*end top menu*/

/*END OF NAVIGATION*/





	

#content h2{

	margin-top: .2em; /* this margin forces heading to clear properly in FF*/

	clear:both;

}		

		

p,h1,h2, h3, h4, li, table, form, dt{

		margin:0px 10px 10px 10px;

		}

		

h1 {

		font-size:1.5em;

		padding-top:10px;

		}



h2{

	font-size: 1.4em;

}



h3{

	font-size: 1.1em;

}



h4{

	font-size: 1em;

}

p, td, blockquote, li{

	font-size: .85em;

}



blockquote p{

	font-size: 1em;

}



blockquote blockquote{

	font-size: 1em;

}



h3, h4{

	color: #cc3333;

	background: #ffffff;

}



.lib_cat a{

	color: White;

	display: block;

	width: 100%;

	text-decoration: none;

	font-weight: bold;

	background: #CC3333;

	

	/*margin: 0 1em 0 0;

	padding: 0 .2em .2em .2em; */

}



.lib_cat a:hover{

	background: #DCDCDC;

	color: #000000;

}



.lib_cat td{

	background: #CC3333;

	color: #ffffff;

	border: double #660000;

}

		

#foot{

	padding-top: .2em;

	margin-top: .2em;

	font-size: .7em;

	background-color: #F5F5F5;

}



#foot p{

	padding: 0 0 0 .5em;

	margin: 0 0 0 .5em;

}



#credit{

	float:right;

	

}

#credit p{

	text-align: right;

	padding-right: .5em;

}



#fulltext_searchbox{

	border: double #cc3333;

	margin-left: 120px;

	margin-right: 120px;

	margin-bottom: 30px;

}



.left{

	float: left;

	padding-right: .5em;



}

.right{

	float: right;

	padding-left: .5em;

}



/*ADMIN STYLES */



.center {

	width: 300px;

	position: relative;

	left: 200px;

}

.center h3 {

	position: relative;

	left: 50px;

}



/*top menu*/

#top_menu_admin{

	/*border: 1px solid blue;*/

	position: relative;

	background-color: #5F9EA0;

	font-size: 12px;

	padding-top: .2em;

	padding-bottom: .2em;

	height: 1.4em;

	width: 600px;

	margin-left: 100px;

	z-index: 9;

}

/*

#top_menu

{

margin: 0;

padding: 0 0 0 12px;

}*/



#top_menu_admin ul

{

list-style: none;

margin: 0;

padding: 0;

border: none;



}



#top_menu_admin li

{

display: block;

margin: 0;

margin-left: 1em;

padding: 0;

float: left;

width: auto;

font-size: 1em;

color: #ffffff;



}



#top_menu_admin a

{

	color: #000000;

	display: block;

	width: auto;

	text-decoration: none;

	background: #CECECE;

	margin: 0;

	padding: 0 .2em .2em .2em;

	border-left: 1px solid #ffffff;

	border-top: 1px solid #fff;

	border-right: 1px solid #696969;

	white-space:nowrap;

}



#top_menu_admin a:hover, #top_menu_admin a:active {

	background: Silver;

}



#top_menu_admin a.active:link, #top_menu_admin a.active:visited

{

	position: relative;

	z-index: 102;

	background: Silver;

	font-weight: bold;

}



/*==========================*/



/*top menu*/

#top_menu_live_admin{

	/*border: 1px solid blue;*/

	position: relative;

	background-color: #DC143C;

	font-size: 12px;

	padding-top: .2em;

	padding-bottom: .2em;

	height: 1.4em;

	width: 600px;

	margin-left: 100px;

	z-index: 100;

}

/*

#top_menu

{

margin: 0;

padding: 0 0 0 12px;

}*/



#top_menu_live_admin ul

{

list-style: none;

margin: 0;

padding: 0;

border: none;



}



#top_menu_live_admin li

{

display: block;

margin: 0;

margin-left: 1em;

padding: 0;

float: left;

width: auto;

font-size: 1em;

color: white;

}



#top_menu_live_admin a

{

	color: #000000;

	display: block;

	width: auto;

	text-decoration: none;

	background: #CECECE;

	margin: 0;

	padding: 0 .2em .2em .2em;

	border-left: 1px solid #ffffff;

	border-top: 1px solid #fff;

	border-right: 1px solid #696969;

	white-space: nowrap;

}



#top_menu_live_admin a:hover, #top_menu_live_admin a:active {

	background: Silver;

}



#top_menu_live_admin a.active:link, #top_menu_live_admin a.active:visited

{

	position: relative;

	z-index: 102;

	background: Silver;

	font-weight: bold;

}

/*============================*/

#legend{

	position: relative;

	float:right;

	top: -240px;

	width:250px;

	border: solid crimson 2px;

	margin: .5em;

	padding: .2em;

	background-color: #FAFAD2;

	z-index: 10;

}

#legend p{

	padding: 0;

	margin: 0;

	font-size: .8em;

}

#legend ul{

	list-style: none;

}

#legend ul {

	padding: 0;

	margin: 0;

}

#legend ul li, #legend ol li{

	border-bottom: solid 1px silver;

	font-size: .8em;

	padding:0;

	margin:0;

}