/*
Date: 6 Nov 2003
Author: Bryan Gullan
Description: Royal Parks standard stylesheet
*/

/* -------- REDEFINED HTML -------*/

body {
	margin : 0px;
	padding:0px;
	font-family : Lucida grande, Verdana, Arial;
	font-size:100%;
	color : #333333;
	background-color: #F7FAE3;
}

body.print {
	margin : 0px;
	padding:0px;
	font-family : Lucida grande, Verdana, Arial;
	font-size:100%;
	color : #333333;
	background-color: #FFFFFF;
}

p{
	font-size:70%;
	line-height:150%;
}

a, a:link, a:active, a:visited {
	color: #8CA539;
	text-decoration: none;
}

a:link:hover, a:hover, a:visited:hover {
	color: #8CA539;
	text-decoration: underline;
}

img{
	border:0px;
	text-decoration:none;
}

.image {
	padding: 0px;
	margin: 5px;
	border: 1px solid black;
}


input{
	color:#666666;
	font-size:70%;
	padding:0px 3px;
	border: solid #CCCCCC 1px;
	background-color:#FFFFFF;
	font-family : Lucida grande, Verdana, Arial;
}

input.duck{
	color:#333333;
	font-size:70%;
	font-weight:bold;
	padding:2px 5px;
	border: solid #555 1px;
	background-color:#8CA539;
	font-family : Lucida grande, Verdana, Arial;
}

.searchbox{
	color:#666666;
	font-size:70%;
	padding:0px 3px;
	border-style:inset;
	background-color:#F7FAE3;
	font-family : Lucida grande, Verdana, Arial;
}

textarea{
	border: solid #CCCCCC 1px;
	font-size:70%;
	font-family : Lucida grande, Verdana, Arial;
	color:#666666;
}

select{
	border: solid #CCCCCC 1px;
	border-style: inset;
	font-size:60%;
	font-weight:normal;
	font-family : Lucida grande, Verdana, Arial;
	width:150px;
	color:#666666;
}

.parkselect{
	background-color:#F7FAE3;
}

.shopselect{
	border: solid #CCCCCC 1px;
	border-style: inset;
	font-size:70%;
	font-weight:normal;
	font-family : Lucida grande, Verdana, Arial;
	width:40px;
	color:#666666;
}

.shopamount{
	border: solid #CCCCCC 1px;
	border-style: inset;
	font-size:70%;
	font-weight:normal;
	font-family : Lucida grande, Verdana, Arial;
	width:50px;
	color:#666666;
}

.shoptickbox{
	font-size:70%;
	font-weight:normal;
	font-family : Lucida grande, Verdana, Arial;
	color:#666666;
	border: 0px;
}

.shopcountry{
	border: solid #CCCCCC 1px;
	border-style: inset;
	font-size:70%;
	font-weight:normal;
	font-family : Lucida grande, Verdana, Arial;
	width:240px;
	color:#666666;
}

.shopradio{
	font-size:70%;
	font-weight:normal;
	font-family : Lucida grande, Verdana, Arial;
	color:#666666;
	border: 0px;
}

h1 {
	font-size:110%;
	color:#777;
}

h2{
	font-size:105%;
	font-family : Lucida grande, Verdana, Arial;
	color: #999999;
	font-weight:normal;
}

h3{
	font-size:95%;
	font-family : Lucida grande, Verdana, Arial;
	color: #8CA539;
}

h4{
	font-family : Lucida grande, Verdana, Arial;
	color: #666699;
	font-size:90%;
}

ul, ol {
	margin: 0px 0px 0px 11px;
	padding: 0px 0px 0px 16px;
}

ul.menuindent {
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 0px 23px;
}

ul.menuindent2 {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 30px;
}

ul.menuindent3 {
	margin: 0px 0px 0px 32px;
	padding: 0px 0px 0px 37px;
}

ul.standard {
	margin: 5px 0px 5px 5px;
	padding: 0px 0px 0px 10px;
}

li.whitebullet {
font-family: Lucida grande, Verdana, Arial;
text-decoration: none;
list-style-image: url(../../display_images/whitebullet.gif);
line-height : normal;
}

li.greenbullet {
font-family: Lucida grande, Verdana, Arial;
text-decoration: none;
list-style-image: url(../../display_images/greenbullet.gif);
line-height : normal;
}

li.funfact{
font-family: Lucida grande, Verdana, Arial;
text-decoration: none;
list-style-image: url(../../display_images/richmond_park/stag_beetles/bullet_bug.gif);
line-height : normal;
margin-bottom: 20px;
}

/* -------- CLASSES -------*/

.backtotop{
	 border-top: 1px solid #666666;
	 width:100%;
	 padding-left:9px;
}

.backtotop30indent{
	 border-top: 1px solid #666666;
	 width:100%;
	 padding-left:0px;
}

.divider{
	 border-top: 1px solid #CCCCCC;
	 width:100%;
	 padding-left:9px;
}

/* menu */
.menu{
	width:100%;
	background:#F0F0F0;
	border-top:2px solid #FFFFFF;
	padding:2px 0px 4px 0px;
	font-weight:normal;
	font-size:70%;
}

.menufooter{
	background:#F0F0F0;
	border-top:2px solid #FFFFFF;
}

.menuon{
	color: #BDCE7C;
}

.menuoff{
	color: #67792A;
	/*color: #888888;*/
}

.menuapp{
	width:100%;
	background:#CEBC94;
	border-top:2px solid #A7946B;
	padding:2px 0px 4px 0px;
	font-weight:normal;
	font-size:70%;
}
.menuonapp {
	color: #FFFFFF;
}

.menuoffapp{
	color: #304931;
	/*color: #888888;*/
}

/* text */
.grey {
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	line-height: 150%;
}

.greystrong {
	font-size: 70%;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	line-height: 150%;
}

.greylarge {
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	line-height: 150%;
}

.greysmall {
	font-size: 65%;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	line-height: 150%;
}

.bluesmall {
	font-size: 65%;
	font-weight: normal;
	text-decoration: none;
	color: #666699;
	line-height: 150%;
}

.blue {
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
	color: #666699;
	line-height: 150%;
}

.bluestrong {
	font-size: 70%;
	font-weight: bold;
	text-decoration: none;
	color: #666699;
	line-height: 150%;
}

.bluelarge {
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	color: #666699;
	line-height: 150%;
}

.title {
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	line-height: 150%;
}

.titlesmall {
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	line-height: 150%;
}

.intro{
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	line-height: 150%;
}

.black {
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
	color: #444444;
	line-height: 150%;
}

.blacksmall {
	font-size: 60%;
	font-weight: normal;
	text-decoration: none;
	color: #444444;
	line-height: 150%;
}

.green {
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
	color: #8CA539;
	line-height: 150%;
}

.greenstrong {
	font-size: 70%;
	font-weight: bold;
	text-decoration: none;
	color: #8CA539;
	line-height: 150%;
}

.greenlarge {
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	color: #8CA539;
	line-height: 150%;
}

.redbrown {
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
	color: #916F75;
	line-height: 150%;
}

.redbrownstrong {
	font-size: 70%;
	font-weight: bold;
	text-decoration: none;
	color: #916F75;
	line-height: 150%;
}

.redbrownlarge {
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	color: #916F75;
	line-height: 150%;
}

.whitestrong {
	font-size: 70%;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 150%;
}

/* forms */
.imagebutton{
	padding:0px;
	margin:0px;
	border:0px;
}

.dd_space{
	padding:4px 3px;
	margin:0px;
	border-bottom: solid #CCCCCC 1px;
	font-size:60%;
	color: #000000;
}

.dd_box{
	padding:0px 3px;
	margin:0px;
	border: solid #CCCCCC 1px;
	font-size:80%;
	color: #000000;
	font-weight: bold;
}

/* callout div */

.callout {
	width:40%;
	background:#F7FAE3;
	padding:6px;
	float: right;
	font-weight:bold;
	font-size:70%;
	color: #67792A;
}

.shop_item {
	width:100%;
	background:#F7FAE3;
	padding:6px;
	font-weight:bold;
	font-size:70%;
	color: #67792A;
}

.info_table {
	background:#F7FAE3;
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
	color: #444444;
	line-height: 150%;
}

/* SUMMERTIME EVENTS PAGES */

.brightgreen {
	color:#74BD1E !important;
	font-size:80%;
}
.hydepark {
	color:#DF959A !important;
	font-size:70%;
}
.kensingtongardens {
	color:#6AA3B0 !important;
	font-size:70%;
}
.richmondpark {
	color:#B19F96 !important;
	font-size:70%;
}
.bushypark {
	color:#E39661 !important;
	font-size:70%;
}
.stjamesspark {
	color:#CCAD1E  !important;
	font-size:70%;
}
.bromptoncemetery {
	color:#6AA3B0  !important;
	font-size:70%;
}
.greenpark {
	color:#CCAD1E  !important;
	font-size:70%;
} 
.greenwichpark {
	color:#9FC2A9  !important;
	font-size:70%;
}
.regentspark {
	color:#B182AB  !important;
	font-size:70%;
}

/* IMAGE GALLERY */
.grey_cell {
	background-color: #f0f0f0;
	padding: 10px;
	height: 105px;
}

.grey_cell img {
	margin-top: 10px;
}

/* VIRTUAL TOURS */
ul.tours_list {
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
}

li.tours_list {
	background-image: url(../../images/icon_tour.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	list-style: none;
	padding: 0px 60px 0px 35px;
	margin-top: 20px;
}

li.tours_list a {
	font-size: 80%;
}




/* --------- MY INSERTED STYLES (JAMES) ----------*/


.clear_link {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	line-height: 150%;
	margin-top:-15px;
	text-align: right;
}

.clear_link a {
	text-decoration: none;
	color: #666666;
}

.clear_link a:hover {
	text-decoration: none;
	color: #666666;
}

.top_area_bp {
	background-image: url(hdr_bp.jpg);
	background-repeat: no-repeat;
	background-position: top left; 
	background-color: #fff;
	height: 160px;

}

.top_area_gp {
	background-image: url(hdr_gp.jpg);
	background-repeat: no-repeat;
	background-position: top left; 
	background-color: #fff;
	height: 160px;

}

.top_area_gwp {
	background-image: url(hdr_gwp.jpg);
	background-repeat: no-repeat;
	background-position: top left; 
	background-color: #fff;
	height: 160px;

}

.top_area_hp {
	background-image: url(hdr_hp.jpg);
	background-repeat: no-repeat;
	background-position: top left; 
	background-color: #fff;
	height: 160px;

}

.top_area_kg {
	background-image: url(hdr_kg.jpg);
	background-repeat: no-repeat;
	background-position: top left; 
	background-color: #fff;
	height: 160px;

}

.top_area_regp {
	background-image: url(hdr_regp.jpg);
	background-repeat: no-repeat;
	background-position: top left; 
	background-color: #fff;
	height: 160px;

}

.top_area_rp {
	background-image: url(hdr_rp.jpg);
	background-repeat: no-repeat;
	background-position: top left; 
	background-color: #fff;
	height: 160px;

}

.top_area_sjp {
	background-image: url(hdr_sjp.jpg);
	background-repeat: no-repeat;
	background-position: top left; 
	background-color: #fff;
	height: 160px;

}


#flash-richmond {
	margin-top: -10px;
	margin-left: 0px;
	margin-right: 0px;
}

.map_tbl {
	margin-left: 5px;
}

.btm_area_tbl {
	margin-top: 10px;
	margin-left: 12px;
	margin-right: 12px;
}

.hr_event {
	border: none; 
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 1px;
	background-color: #dfdfdf;
	color: #dfdfdf;
	text-align: left;
}

.hr_key {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	height: 1px;
	background-color: #dfdfdf;
	color: #dfdfdf;
}

.hr_key_white {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	height: 1px;
	background-color: #dfdfdf;
	color: #fff;
}

.greensmall {
	font-size: 65%;
	font-weight: normal;
	text-decoration: none;
	color: #8CA539;
	line-height: 150%;
}

#legend_box {
	height: 140px;
	width: 730px;
	display: block;
	overflow-x: scroll;
	overflow-y: hidden;
	padding-top: 10px;
}

#legend_box tr td {
	width: 225px;
	padding-right: 15px;
	vertical-align: top;
}


#legend_box tr td h5 {
	width: 230px;
	font-size: 13px;
	font-family : Lucida grande, Verdana, Arial;
	color: #666666;
	margin-top: 4px;
	margin-bottom: 8px;
}

#legend_box tr td p {
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #666666;
	font-family : Lucida grande, Verdana, Arial;
	vertical-align: top;
	margin-top: 0px;
}

.legend_box_number {
	float: left;
	padding-right: 15px;
	padding-bottom: 0px;
} 

.legend_image {
	float: left;
	padding-right: 10px;
	padding-bottom: 0px;
	vertical-align: top;
	padding-bottom: 30px;
}

.map_list {
	width: 100%;
	text-align: center;
	display: block;
	margin: 0px;
	white-space: nowrap;
	padding-left: 0px;
}
	
.map_list li {
	list-style-type: none;
	display: inline;
	
}

.map_list li a {
	font-size: 11px;
	color: #666666;
	float: left;
	height: 15px;
	_height: 10px;
	width: 175px;
	_width: 165px;
	margin-left: 5px;
	margin-right:  5px;
	margin-bottom:  5px;
	padding-top: 2px;
	background-color:#f0f0f0;
	text-decoration: none;
}

.map_list li a:hover {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}

.map_list_yellow a {
/*	background-image:url(crn_yel.gif); */
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #ac8816;	
}
.map_list_yellow a:hover {
	background-color: #ac8816;
	background-image: none;
}

.map_list_green a {
/*	background-image:url(crn_gre.gif);  */
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #52ab16;	
}
.map_list_green a:hover {
	background-color: #52ab16;
	background-image: none;
}

.map_list_red a {
/*	background-image:url(crn_red.gif); */
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #ab2016;	
}
.map_list_red a:hover {
	background-color: #ab2016;
	background-image: none;
}

.map_list_blue a {
/*	background-image:url(crn_blu.gif); */
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #2b66b3;	
}
.map_list_blue a:hover {
	background-color: #2b66b3;
	background-image: none;
}

.map_list_purple a {
/*	background-image:url(crn_pur.gif); */
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #8b16ab;	
}
.map_list_purple a:hover {
	background-color: #8b16ab;
	background-image: none;
}

.map_list_brown a {
/*	background-image:url(crn_bro.gif); */
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #6e6431;	

}
.map_list_brown a:hover {
	background-color: #6e6431;
	background-image: none;
}

.map_list_orange a {
/*	background-image:url(crn_ora.gif); */
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #e66712;	
}
.map_list_orange a:hover {
	background-color: #e66712;
	background-image: none;
}

.map_list_black a {
/*	background-image:url(crn_bla.gif); */
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #000;	
}
.map_list_black a:hover {
	background-color: #000;
	background-image: none;
}