`/* copyright Darren Taylor */

/* October 2004           */
html {width:auto}
html, body {padding:0;margin:0}

body{

	font-family: verdana, helvetica, sans-serif;

	color: #000;

	background-color: #fff;

	min-width:770px;

	font-size: 80%;

}
img { border: none; }
address { font-style: normal; }
#outer1 {

	background:#ffffcc url(/images/leftbg.gif) repeat-y left top;

	margin:5px;

}
/* commented backslash mac hiding hack\*/ 
#outer1 { background:#ffffcc url(/images/leftbg.gif) repeat-y left top;}
/* end hack */ 
#outer2 {

	background:transparent url(/images/rightbg.gif) repeat-y right top;

}



#header {

	margin-left:142px;

	height:140px;

	background:#66cc66;

	position:relative;

}

* html #header {margin-left:139px;}

#rightheader {margin-left:424px;}

#rightheaderinner{text-align:center;}

#question {margin:15px 0}



#left {

	width:140px;

	float:left;

	position:relative;

	background: url(/images/Irish-Secrets-Panel2.jpg) no-repeat 17px 20px;

	min-height:388px;

	padding-bottom:70px;/* space for panel image*/

}

body#home #left {background: url(/images/Irish-Secrets-Panel.jpg) no-repeat 17px 20px;}

/* body#home is the home page panel without the menu on the side */



* html #left {margin-right:-3px;height:500px;he\ight:430px}



#patrickspanel {

	position:absolute;

	bottom:20px;

	left:-127px;

	z-index:100;

}

#backtotop{
	position:absolute;
	bottom:20px;
	right:0;
	margin-right:47px;
	z-index:100;
	padding-left:15px;
}
a#backtotop {	background:url(/images/backtotop-arrow.jpg) no-repeat 0px 3px;}

a#backtotop:hover{	background:url(/images/backtotop-arrow-rollover.jpg) no-repeat 0px 3px;}

#right {

	width:192px;

	float:right;

	position:relative;

}

* html #right {margin-left:-3px}

#rightinner{padding:18px 11px}

#right h2 {

	margin:0;

	padding:0;

}
h2 {font-size:1.1em;color:#C93952; }
h3 {font-size:1.0em;color:#C93952;margin:5px;padding:0 }


#right ul, #right li {

	margin:0;

	padding:0;

	list-style:none;

}

#right ul {margin-top:11px}

#right li {

	height:25px;

	background: url(/images/Quick-Links-Arrow-Rollover.jpg) no-repeat 0px 0px;
	font-size: 0.8em;

}



#right ul#quicklinks a{

	text-decoration:none;

	color:#006633;


	font-weight:bold;

	background: url(/images/Quick-Links-Arrow.jpg) no-repeat 0px 1px;

	padding-left:10px;

	display:block;

}

#right ul#quicklinks a:hover{color:#009966;background:transparent}



#contentwrapper {

	margin-left:140px;

	min-height:334px;

	position:relative;

}



* html #contentwrapper{height:334px;margin-left:137px;}/* for ie (and 3 pixel jog)*/

#content {

	margin-right:192px;

	padding:18px;

}

* html #content {margin-right:189px;}/* for ie (and 3 pixel jog)*/

/* commented backslash hack v2 \*/ 

* html #content {height:1%;} 

/* end hack */ 

#content img {vertical-align:bottom}/* mainly for full stop */



#content h1{

	margin:0;

	padding:0;

}

#content p{ font-size: 1.0em; line-height: 1.4;}
/* commented backslash mac hiding hack\*/ 
#content p {width:auto}
/* end hack */ 


#footer{
	margin-left:142px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1.0em;
	font-weight: bold;
	clear:right;
	position:relative;
	height:1px;
}

#footer p {margin:0;padding-left:16px}

#footer a{

	font-size:1.0em;

	font-weight: bold;

	text-decoration:none;

	color:#000;

}

#footer a:hover{color:#009966;}

#footer span {float:right;margin-right:25px;display:inline}

#hsecret, #vsecret, #csecret, #stpatricks, #magnus, #historicalareas,
#history1, #history2, #history3, #company1, #company2, #company3, #visitor1, #visitor2, #visitor3 {

	width:140px;

	border-right:2px solid #ffffcc;

	height:140px;

	float:left;

	text-align:center;

}

* html #hsecret, 

* html #vsecret, 

* html #csecret,

* html #stpatricks, 
* html #company1,
* html #company2,
* html #company3,
* html #magnus, 
* html #history1,
* html #history2,
* html #history3,
* html #visitor1,
* html #visitor2,
* html #visitor3,
* html #historicalareas {width:142px;w\idth:140px}/* box model*/

* html #csecret,* html #historicalareas, * html #history3 {margin-right:-3px;}/*cure 3 pixel jog on last box */



#hsecret {background: url(/images/St.Pats-Window.jpg) no-repeat left top;}

#vsecret {background: url(/images/Visitor-Secrets-Rollover.jpg) no-repeat left top;}

#csecret {background: url(/images/New-Company-Rollover.jpg) no-repeat left top;}





#hsecret span.rollover {

	background: url(/images/St.Pats-Window-Rollover.jpg) no-repeat left top;

	display:block;

	height:110px;

	width:140px;

}

#vsecret span.rollover {

	background: url(/images/Visitors-Secrets-Picture.jpg) no-repeat left top;

	display:block;

	height:110px;

	width:140px;

}

#csecret span.rollover {

	background: url(/images/New-Company-Image.jpg) no-repeat left top;

	display:block;

	height:110px;

	width:140px;

}





#hsecret a,#vsecret a,#csecret a{

	display:block;

	color:#fc6;

	width:140px;

	text-decoration:none;

	height:140px;

	font-weight:bold;

}

a:hover {visibility:visible}

#hsecret a:hover,#vsecret a:hover, #csecret a:hover{color:#ffffcc;}

#hsecret a:hover span.rollover,

#vsecret a:hover span.rollover,

#csecret a:hover span.rollover

{background:transparent;}





#hsecretcaption{background:#C93952;}

#vsecretcaption{background:#996699;}

#csecretcaption{background:#0099cc;}

#hsecretcaption, #vsecretcaption, #csecretcaption {

height:30px;line-height:30px;display:block; font-size: 12px;}



#search {

	background:#006633;

	height:30px;

	color:#fc6;

	text-align:right;

}

#search p {margin:0;padding:5px 0 0 0}

#search form, #search form input, #search form label {

	margin:0;padding:0;

}

#search form {padding-left:2px}

#search form input#inputsearch {

	background:#ffffcc;

	border:none;

	width:107px;

}

#search .go {

	width:12px;

	height:15px;

	float:right;

	margin:2px 5px 3px 4px;

	text-decoration:none;

}

#search a:hover {

	background:url(/images/Search-Arrow-Rollover.jpg) no-repeat left top;

}





p#copyright{

	font-size: 0.8em;

	text-align:right;

	margin:0 5px;

	padding:0;

}

.clearer{

	height:1px;

	overflow:hidden;

	margin-bottom:-1px;

	clear:both;

}
.clear {clear:both}

.leftfloatedimage{float:left;margin:5px 7px 5px 0;display:inline;clear:left}
html>body .operafix {float:left;width:100%}/*opera clears everything unless you wrap it in a float*/
ul#contentsublinks, ul#contentsublinks li{
	margin:0;
	padding:0;
	list-style:none;
}
ul#contentsublinks {clear:both}
ul#contentsublinks li{margin-bottom:10px}
ul#contentsublinks a {
	color:#C93952;
	font-size:1.0em;
	font-weight:bold;
}
ul#contentsublinks a:hover{color:#000}



/* ------------    new styles below used on page 2 ------------------------ */



#mainmenu {

	text-align:center;

	width:100px;

	margin:188px 0 10px 20px;

	

}

#mainmenu ul, #mainmenu li {

	padding:0;

	margin:0;

	list-style:none;

}

#mainmenu li {

	height:20px;

	color:#fc6;

	line-height:20px;

	margin-bottom:8px;

}

#mainmenu li a {

	text-decoration:none;

	color:#fc6;

	display:block;

	font-size: 10px;

}

#mainmenu li a#home {background:#99cc99;}
#mainmenu li a#home:hover { background: #ffc; color: #063 }

#mainmenu li a#history {background:#f00; }
#mainmenu li a#history:hover { background: #ffc; color: #063 }

#mainmenu li a#company {background:#0099cc;}
#mainmenu li a#company:hover { background: #ffc; color: #063 }

#mainmenu li a#visitor {background:#996699;}
#mainmenu li a#visitor:hover { background: #ffc; color: #063 }


#stpatricks {background: url(/images/St.Pats-Window.jpg) no-repeat left top;}

#magnus {background: url(/images/Magnus-Picture-Rollover.jpg) no-repeat left top;}

#historicalareas {background: url(/images/Historical-Areas-Rollover.jpg) no-repeat left top;}
#company1 {background: url(/images/Business-1.jpg) no-repeat left top;}
#company2 {background: url(/images/Business-2.jpg) no-repeat left top;}
#company3 {background: url(/images/Business-3.jpg) no-repeat left top;}

#visitor1 {background: url(/images/Visitor-1.jpg) no-repeat left top;}
#visitor2 {background: url(/images/Visitor-2.jpg) no-repeat left top;}
#visitor3 {background: url(/images/Visitor-3.jpg) no-repeat left top;}

#stpatricks span.rollover {

	background: url(/images/St.Pats-Window-Rollover.jpg) no-repeat left top;

	display:block;

	height:110px;

	width:140px;

}

#magnus span.rollover {

	background: url(/images/Magnus-Picture.jpg) no-repeat left top;

	display:block;

	height:110px;

	width:140px;

}

#historicalareas span.rollover {

	background: url(/images/Historical-Areas-Picture.jpg) no-repeat left top;

	display:block;

	height:110px;

	width:140px;

}



#stpatricks a, #magnus a, #historicalareas a{

	display:block;

	color:#fff;

	width:140px;

	text-decoration:none;

	height:140px;

	font-weight:bold;

}



#stpatricks a:hover,#magnus a:hover, #historicalareas a:hover{color:#ffffcc;}

#stpatricks a:hover span.rollover,

#magnus a:hover span.rollover,

#historicalareas a:hover span.rollover

{background:transparent;}

.caption{

	background:#C93952;

	height:30px;

	line-height:30px;

	display:block;

}
/* history or legend styles - some may be used on other pages */
#longcaption{
	position:absolute;
	top:110px;
	left:0;
	background:#C93952;
	height:30px;
	line-height:30px;
	width:406px;
	font-size:100%;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:0;
}
p#longcaption {padding-left:18px}
* html #longcaption{width:424px;w\idth:406px}
h1#maintitle{color:#C93952;font-size:1.4em;font-weight:bold;} 

/* -------------- history secrets--------------------- */

#history1 {background: url(/images/history-1.jpg) no-repeat left top}
#history2 {background: url(/images/history-2.jpg) no-repeat left top}
#history3 {background: url(/images/history-3.jpg) no-repeat left top}
#history1 a, #history2 a, #history3 a{
	display:block;
	color:#fff;
	width:140px;
	text-decoration:none;
	height:140px;
	font-weight:bold;
}

#history1 a:hover, #history2 a:hover, #history3 a:hover {color:#ffffcc;}
#history1 a:hover, #history2 a:hover, #history3 a:hover{
	display:block;
	height:110px;
	width:140px;
}
#chronology {
	float:left;
	margin:10px 7px 5px 0;
	width:50%;
}
#chronology table{
	background:#006633;
	color:#ffffcc;
	border:1px solid #C93952;
	float:left;
	width:100%;
	border-collapse:collapse;
}
#chronology table td {border:1px solid #fff;border-bottom:1px solid #C93952;	padding:2px 5px 2px 2px;
}
#timeline {background:#006633;color:#ffffcc;margin:10px;border:1px solid #C93952;}
#timeline p{padding:10px 5px;text-align:center}
#timeline ul {margin:10px 0 ;padding:0 0 0 10px}
#timeline li {margin:0 5px 5px 15px;padding:0;}
/* -------------- company secrets--------------------- */
h1#companytitle{color:#09c;font-size:1.4em;font-weight:bold;} 
#companycaption{
	position:absolute;
	top:110px;
	left:0;
	background:#09c;
	height:30px;
	line-height:30px;
	width:406px;
	font-size:100%;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:0;
}
* html #companycaption{width:424px;w\idth:406px}
p#companycaption {padding-left:18px}
address.inline { display: inline; font-size: 0.8em; font-style: normal; }

/*--------------------visitor secrets -----------------*/
h1#visitortitle{color:#969;font-size:1.4em;font-weight:bold;} 
#visitorcaption{
	position:absolute;
	top:110px;
	left:0;
	background:#969;
	height:30px;
	line-height:30px;
	width:406px;
	font-size:100%;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:0;
}
* html #visitorcaption{width:424px;w\idth:406px}
p#visitorcaption {padding-left:18px}

.blind {
	width: 95%;
	border: none;
	color: #063;
}
.blind caption { color: #000; }
.blind td {
	background-color: #9c9;
}
.blind th {
	background-color: #9c9;
	text-align: left;
}
