/* 

PANELS STYLE SHEET FOR [ATTIK DESIGNS]
Created by [ADRIAN CORCORAN]
[http://www.attikdesigns.ie]

*/

/* --------- 8. panels  --------- */

/*	---------------div.contentCentre Panels -------------------*/
/*	Panel */
div.contentCentre div.panel {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-border-radius:5px;
	font-family:"Comic Sans MS", cursive;
	}
/*	Google Map*/
div#googleMap {
		clear:both;
}
div#googleMap iframe{
		border: 2px solid #ccc;
		background: #fff;
		padding: 10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-border-radius:10px;
}
/* --------- Videos  --------- */
div#videoHolder {
		border: 2px solid #ccc;
		background: #fff;
		padding: 10px;
		width:300px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-border-radius:10px;
}
div#videoHolder p.captionRight {
		clear:both;
		display:block;
		text-align:center;
		width:300px;
		padding:0;
		margin:0;
}
div#videoHolder h3 {
	font-family:"Comic Sans MS", cursive;
		clear:both;
		display:block;
		text-align:center;
		margin:0 0 10px 0;
}

/*	Sub Menu */
div.contentCentre div.subMenu {
	width:95%;
	height:30px;
	border: 1px solid #b77826;
1	border: 1px solid #7ebf41;
1	border: 1px solid #1f552a;
1	background: #f9ebd9;
	background: #fcf5ec;
	padding:5px;
	text-align:center;
	}
div.contentCentre div.subMenu a {
	padding:0 15px;
	font-size:1.4em;
	line-height:30px;
	font-weight:bold;
	color: #1f552a;
	color: #b97b2a;
1	border:1px solid #f00;
}
div.contentCentre div.subMenu a:hover {
	color: #7ebf41;
}
div.contentCentre div.subMenu a.subMenuOn {
	color: #7ebf41;
1	border:1px solid #f00;
}
/*	Routes Panel */
div.contentCentre div.routes {
	float: right;
	margin: 20px 10px 0px 20px;
	border: 2px solid #ccc;
	background: #fff;
	padding: 10px;
	width:200px;
	clear:both;
	}
div.contentCentre div.routes h2 {
	color: #b97b2a;
	margin-top:0;
	font-size:1.6em;
	text-align:center;
	}
div.contentCentre div.routes p {
	color: #b97b2a;
	}
div.contentCentre div.routes ul {
	color: #b97b2a;
	}
div.contentCentre div.routes li {
	color: #b97b2a;
	font-size:1.3em;
	}
div.contentCentre div.routes li a {
	color: #1f552a;
	}
div.contentCentre div.routes li a:hover {
	color: #7ebf41;
	}
div.contentCentre div.routes li a.routeOn {
	color: #7ebf41;
}
/*	Loops Panel */
div.loops {
	display:none;
	clear:both;
	background: #fff;
1	margin-top:50px;
	border:1px solid #6fad3d;
	padding-bottom:30px;
	margin-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-border-radius:10px;
}
/*	Routes Links & Downloads Panel */
div.routesLinks {
1	border:1px solid #f00;
float:left;
		}
div.routesLinks a {
	display:block;
	width: 250px;
	height:55px;
	font-size: 1.3em;
	line-height:30px;
	padding-left:50px;
		}
div.routesLinks a.maps {
	background:url(/mainpics/map_icon.png) left 0 no-repeat;
		}
div.routesLinks a.gallery {
	background:url(/mainpics/gallery_icon.png) left 0 no-repeat;
		}
div.galleryPhotos {
	display:none;
}
/*	--------------------------div.contentRight------------------------------------ */
div#tweety {
	background:url(/mainpics/tweety.png) 0 0 no-repeat;
	width:137px;
	height:75px;
1	border:1px solid #f00;
	position:absolute;
	z-index:3000;
	top:-1px;
	left: 0px;
}
div#tweety em {
	display:none;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	font-size:1.5em;
	line-height:55px;
	color:#1495f5;
	background: url(/mainpics/twitterBg.png) 0 0 no-repeat;
	width:180px;
	height:80px;
1	border: 3px solid #69b3e2;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	position: absolute;
	left: 0px;
	top:-60px;
	z-index: -1;
}
div#facebook {
	position:absolute;
	background:url(/mainpics/logos/facebook.png) 0 0 no-repeat;
	left: 185px;
	top:20px;
	z-index:3000;
}
div#uTube {
	position:absolute;
	background:url(/mainpics/logos/youTube.png) 0 0 no-repeat;
	left: 135px;
	top:23px;
	z-index:3000;
}
div#signpost {
	background:url(/mainpics/panels/panel_sign.png) 0 0 no-repeat;
	width:232px;
	height:63px;
	font-size:2.1em;
	text-align:left;
	padding-left:30px;
	line-height:2.1em;
}
div#signpost a{
	color: #1f552a;
}
div#signpost a:hover span {
	color: #b97b2a;
}
1div#signpost a:hover span.lightGreen{
	color: #1f552a;
}
1div#signpost a:hover span.darkGreen{
	color: #7ebf41;
}
div#contentRight div.panel {
1	border:1px solid #00f;
	width:238px;
1	height: 245px;
	padding-bottom:0px;
	font-family:"Comic Sans MS", cursive;
}
div.panel div.top {
}
div.panel div.mid {
	background:url(/mainpics/panels/panel_grad.png) 0 0 repeat-y;
	padding-bottom:0;
}
div.panel div.bottom {
	background:url(/mainpics/panels/panel_bottom.png) 0 bottom no-repeat;
	height: 32px;
}
div.top h2 {
	height: 40px;
	width: 238px;
	}
div#plan div.top h2 {
	background:url(/mainpics/panels/adventure_top.png) 0 top no-repeat;
	}
1div#plan div.top h2 {
	background:url(/mainpics/panels/plan_top.png) 0 top no-repeat;
	}
div#browse div.top h2 {
	background:url(/mainpics/panels/browse_top.png) 0 top no-repeat;
	}
div.panel div.midContent {
	width:200px;
	padding:0 10px;
	font-size:1.4em;
	}
div.panel div.midContent p {
	color: #1f552a;
	margin-bottom:0.5em;
	font-weight:bold;
}
div.panel div.midContent a.more {
	margin-left:20px;
	font-size:1.3em;
	font-weight:normal;
}
div.panel div.midContent a.more:hover {
}
div.contentRight div.panel p {
	}
div.contentRight div.panel ul {
	}
div.contentRight div.panel ul li {
	}
div.contentRight div.panel a {
	}
div.contentRight div.panel a:hover {
	}
div.contentRight div.panel a.more {
	}
div.contentRight div.panel a.more:hover {
	}


div#topBrowser {
		display: none;
		position: absolute;
		top: -60px;
		width:100%;
		text-align:right;
		color: #7ebf41;
		font-family:"Comic Sans MS", cursive;
		font-size: 10px;
}