/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	color: #6666CC;
	/*color: #A8A8E1;*/
	line-height: 1.3;
	padding: 0;
	margin-top: 0;
	/*font-size: 0.85em;*/
	font-size: 13px;
}

a{
	color: #0082FF;
	text-decoration: underline;
}

a:link{
	color: #003399;
	text-decoration: none;
}

a:visited{
	color: #9898CB;
	text-decoration: none;
}

a:hover{
	color: #FFCC00;
	text-decoration: underline;
}

h1	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #6666CC;
	margin: 10px auto;
	padding: 0px;
	font-weight: normal;
	line-height: 175%;

}
#mainways h1	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #666699;
	margin: 10px auto;
	padding: 0px;
	font-weight: normal;
	line-height: 170%;
}
h2	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #6666CC;
	margin: 5px 0px;
	padding: 0px;
	line-height: 155%;
}

h3	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #6666CC;
	margin:  0px;
	padding: 0px;
	line-height: 130%;
	font-weight: normal;
}
#newsdiv h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6666CC;
	margin:  0px;
	padding: 0px;
	line-height: 130%;
	font-weight: bold;
}

h4{
 font-variant: small-caps;
 font-weight: normal;
 color: #44A4C8;
 margin: 3px 0px;
 padding: 0px;
 line-height: 110%;
}

h5{
 font-family: Trebuchet, Arial, Helvetica, sans-serif;
 font-size: 105%;
 color: #7D7DBD;
 margin: 0px;
 padding: 0px;
 line-height: 105%;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

p	{
	margin:5px 0 10px 0;
	padding:0;
	}
td	{
	vertical-align: top;
	}
a img	{
	border: 0 solid black;
	}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#frame {
	background-color: #FFF;
	border: thin none #666666;
	text-align: center;
	/*width: 770px;*/
	margin: 0 auto;
	padding: 0;
	max-width: 900px;
	background: url(/graphics/palefern.jpg) no-repeat -130px 375px;
	border-left-color: silver;
	border-right-style: dashed;
	border-right-color: silver;
	border-right-width: 1px;
	border-left-style: dashed;
	border-left-width: 1px;
	border-top: 1px solid silver;
		}
#frame #toplinks {
	/*display: none;*/
	font-size: xx-small;
	line-height: 150%;
	padding: 0;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	margin:0;
	text-align:left;
	float:left;
}	

#banner {
	float:left;
	padding: 0;
	margin: 0;
	border: 0 solid white;
	width: 100%;
	height: 76px;
	/*background-color: #5FCBBD;*/
	background-color: #5CB7C9;
	background-image: url(graphics/bannerlogo.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	}

#globalNav{
	float:left;
	margin:0 0 20px 0;
	padding:0;
	width: 100%;
	height: 21px;
	color: #FFFFFF;
	background-color: #9898CB;
}
#navBar{
	float: left;
	width: 110px;
	/*margin: 17px 30px 0 0;*/
	margin-top: 5px;
	padding: 0;
	font-size: 12px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	text-align:left;
	color: #9898CB;
	background-color: #FFFFFF;
	text-transform:uppercase;
}
#waysnavBar{
	float: left;
	width: 110px;
	/*margin: 2px 30px 0 0;*/
	margin-top: 2px;
	padding: 0;
	font-size: 12px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	text-align:left;
	color: #9898CB;
	background-color: #FFFFFF;
	text-transform:uppercase;
}
#rightcol{
	float:right;
	width: 300px;
	margin: 0 0 0 0;
	padding:0 5px 0 0;
	font-size: 90%;
	text-align:justify;
	color: #0063FF;
	line-height: 125%;
}

#rightcol	#newsdiv	{
	margin-top: 0px;
	line-height: 120%;
	}

#main{
	margin-top: 0;
	margin-right: 340px;
	margin-bottom: 25px;
	margin-left: 150px;
	text-align:left;
}
#mainways	{
	margin-right: 340px;
	padding-top: 35px;
	}
#allmain	{
	margin-top: 0;
	margin-right: 40px;
	margin-bottom: 25px;
	margin-left: 150px;
	text-align:left;
	
}
#allmainways{
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 150px;
	text-align:left;
	background: url(graphics/leafheader.jpg) left top repeat-x;
}	
/************* #toplinks styles **************/

#toplinks a	{
	padding: 0 10px 0 10px;
	}
#toplinks a:active	{
	color: #006BFF;
	}	
#toplinks a:hover	{
	color: #000063;
	}	
#toplinks a:visited	{
	color: #666;
	}	

/************* #banner styles **************/

#banner h1 {
	/*font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 42px;*/
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: 400;
	margin: 0 0 0 175px;
	line-height: 140%;
	color: #FFFFFF;
	padding: 5px 0 0 0;
	text-align: left;
	letter-spacing: 6px;
	  height: 1.0em;
	filter: DropShadow(Color=#666666, OffX=2, OffY=2, Positive=1);
	text-shadow: #6000099 2px 2px 2px;
	}
#banner h2	{
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 4px;
	text-align: right;
	margin: 0px 120px 1px 0;
	/*text-align: left;
	margin: 5px 0 10px 520px;*/
	line-height: 100%;
	color: #99FFFF;
	padding: 0;
	}

#banner #pic img	{
	margin:0;
	padding:0;
	float: right;
	}

/************  #globalNav styles   ************/

 #globalNav p	{
	margin: 0;
	padding: 3px 0;
	line-height: 1.1;
	width: 100%;
	background-color: transparent;
	}
/**/
#globalNav a {
	font-size: 14px;
	color: #FFFFFF;
	padding: 0 5px 0 5px;
	font-weight: normal;
}
#globalNav a:active {
	color: #FFF;
}
#globalNav a:hover {
	color: #663399;
	background-color: white;
}
#globalNav a:visited {
	color: #C9C9E4;
}
#globalNav a:visited:hover {
	color: #6666CC;
	background-color: white;
	text-decoration: none;
}
#globalNav a.current	{
	color: #CEE7FF;
}
#globalNav a.current:hover	{
	text-decoration: none;
	background-color: transparent;
}
#globalNav a:visited.current	{
	color: #006699;
	}

	
/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: x-small;
	font-weight: bold;
	color:#000066;
	background-color: #CEE7FF;
	padding: 2px 0px 0 10px;
	border-bottom: thin #00CCCC solid;
	padding-left: 110px;
}
#breadCrumb a	{
	padding-left: 10px;
	padding-right: 10px;
	}
#breadCrumb a:hover {
	color: #006699;
	background-color: #63CEFF;
	text-decoration: none;
	}

/************** main styles **************/
#main img{
	padding: 10px 10px 0px 0px;
}
#main a	{
	text-decoration: underline;
	}

/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 0px;
	font-size: 80%;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border-top: 1px dashed silver;
	border-bottom: 1px dashed silver;
	font-size: 75%;
	color: #999999;
	padding: 10px 5px 10px 5px;
	text-align: center;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

/************** #rightcol styles **************/

	
#rightcol h2	{
	margin: 10px 5px 5px 0;	
	line-height: 125%;
}
#rightcol p	{
	margin: 10px 5px 10px 0;
	}
#rightcol td	{
	font-size: 10px;
	margin: 5px 0;	
	vertical-align: top;
	}
#rightcol table	{
	border: 1px solid silver;
	margin: 10px 5px 10px 0;
	}
#rightcol li	{
	margin-left: 0;
	padding-left: 0;
	}
/*#rightcol input	{
	font-size: xx-small;
	color: navy;
	width: 110px;
	}
#rightcol h1, #rightcol caption	{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	line-height: normal;
	font-weight: normal;
	color: #FFF;
	padding: 1px;
	margin: 5px 0 2px 0;
}

#rightcol p.more	{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: right;
	margin-top: 5px;

	font-size: x-small;
	}
#rightcol a.more	{
	color: #FFF;
	}
*/
p.ack	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align: right;
	margin: -10px 0 2px 0;
	}
p.backlink a	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	float: right;
	margin: -10px 0 15px 0;
	}	
#navBar ul a:link, #navBar ul a:visited {
	display: block;
}
#navBar a:hover	{
	text-decoration: underline;
	}
#navBar ul {list-style: none; margin: 0 0 0 0px;; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #FFF;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}
	
/* main list without Javascript */
		ul#nav{			
			width:120px;
			margin:0 0 0 0px;
			padding:0;
			list-style: none;
		}
		ul#nav ul{
			margin:0 0 0 0px;
			padding:2px 0;
			
		}
		ul#nav ul ul{
			margin:0 0 0 6px;
			padding:2px 0;
		}
		ul#nav li	{			
			font-size: 13px;
			line-height: 22px;
			margin-left: 0px;
			/*color: #9999CC;*/
			color: #CCCCCC;
			}
		ul#nav li a	{			
			/*color: #9999CC;*/
			color: #CCCCCC;
			}
		ul#nav ul li	{
			font-size: 12px;
			line-height: 20px;
			color: #9999CC;
			margin-left: 10px;
			}
		ul#nav ul li a	{
			color: #9999CC;
			}
		ul#nav ul li ul li	{
			font-size: 85%;
			line-height: 120%;
			color: #999999;
			}
		ul#nav ul li ul li a	{
			color: #CC99FF;
			}
		ul#nav a{
			text-decoration:none;

		}
		ul#nav ul li.current a {
			text-decoration:none;
			color: #FFCC00;
			display:block;
			padding:0;		
			background:transparent url(/graphics/nav.gif) no-repeat ;	
		}

/* main list with Javascript
		ul#nav.pde_nav{
			padding:0;
			list-style-type:none;
		}
		ul#nav.pde_nav ul{
			padding:2px 0;
		}
		ul#nav.pde_nav li{
			margin:0;
			padding:0;
			height:1em;		
			list-style-type:none;
		}
		html>body ul#nav.pde_nav li{
			height:auto;
		}
		ul.pde_nav a,ul.pde_nav strong{
			text-decoration:none;
			color: #FFCC00;
			display:block;
			padding:0 0 0 2px;		
		} */

/* Classes added to show and hide and to indicate active state */
		.pde_hide{display:none;}
		.pde_show{display:block;}
		.pde_parent{background:url(../plus.gif) 0 50% no-repeat transparent;}
		.pde_active{background:url(../minus.gif) 0 50% no-repeat transparent;}


#navBar li strong a	{
	font-weight: bold;
	color: #FFCC00;
	background:transparent url(/graphics/nav.gif) no-repeat ;
}
.alert	{
	color: red;
	}
.regalert	{
	background-color: #09F;
	}

td.searchresults	{
	font-weight: bold;
	}
.instruction	{
	font-size: 85%;
	line-height: 100%;
	color: red;
	}
em	{
	color: #09F;
	font-weight: bold;
	font-style: italic;
	}
dl	{
	margin: 10px 0 20px 20px;
	color: #0063FF;
	line-height: 120%;
	}
dl dt	{
	font-weight: bold;
	padding: 10px 0px 2px 0;
	}
dl dd	{
	color: #0063FF;
	margin-left: 15px;
	font-size: 95%;
	}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}
	#main1 {
		margin:0; padding:0;

		}
	#main2 {
		margin:0; padding:0;

		}
h1.gaelic	{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 3px;
	text-align: center;
	margin: -10px 20px 10px auto;
	/*text-align: left;
	margin: 5px 0 10px 520px;*/
	line-height: 100%;
	color: #9898CB;
	padding: 0;
	}
h1.redstar	{
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F00;
	border-width: 1px;
	border-color: #333;
	border-style: solid;
	width: 100%;
	margin-top: 2px;
}
div.imgright {
  float: right;
  width: 235px;
    margin:3px 0px 3px 10px;
  padding: 0;
  }

div.imgleft {
  float: left;
  width: 235px; 
  margin:3px 10px 3px 0;
  padding: 0;
  }
  
.imgleft .caption, .imgright .caption {
	width: 230px;
   text-align: center;
   font-size: 10px;
   color: grey;

   }
h1.home{
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 180%;
	color: #6600FF;
	margin: 0 0 5px 0;
	padding: 0px;
	font-weight: normal;
	line-height: 175%;
	letter-spacing: 1px;
}
/****** shop styles  ***********/

#rightcolshop {
	float:right;
	width: 220px;
	margin: 17px 5px 0 0;
	padding:0;
	font-size: 90%;
	text-align:left;
	color: #0063FF;
	line-height: 125%;
}

#mainshop{
	margin-top: 10px;
	margin-right: 240px;
	margin-bottom: 25px;
	margin-left: 150px;
	text-align:left;
	
}
#mainshop	table	{
	float:left;
	width: 100%;
	}
#mainshop h1.shop{
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #6600FF;
	margin: 5px auto;
	padding: 0px;
	font-weight: bold;
	line-height: 120%;
}


#cm{
	margin-top: 0;
	margin-right: 240px;
	margin-bottom: 25px;
	margin-left: 150px;
	text-align:left;
	
}
/************** #productblock styles **********/


#mainshop #productblock	{
	float: left;
	padding: 0;
	text-align:left;
	margin-top: 1px;
	width: 95%;
	}
#productblock img	{
	float: left;
	margin: 0 20px 0 2px;
	}
#productblock h1	{
	font-size: 105%;
	margin: 10px ;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
	}
#productblock form	{
	float: right;
	}
#moreproducts	{
	float:left:
	width: 100%;
	}
div.singleproduct	{
	float: left;
	padding: 0px;
	width: 100px;
	height: 100px;
	margin: 3px 1px;
	text-align: center;
	}
div.singleclass	{
	float: left;
	padding: 0;
	width: 80px;
	height: 100px;
	margin: 3px 1px;
	text-align: center;
	border: 1px solid #999999;
	background-repeat:repeat-y;
	background-position: center -30%;
	}
div.proddetails	{
	width: 100%;

	}
h2.classtitle	{
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 105%;
	color: #6600FF;
	margin: 3px auto;
	padding: 0px;
	font-weight: bold;
	line-height: 110%;
}
	
p.classtitle	{
	color: #FFFFFF;
	width: 82px;
	font-size: 12px;
	margin:0px 0px;
	padding: 2px 0px 2px 0px;
	line-height: 120%;
	background-color: #9898CB;
	border-bottom: 1px solid #999999;

	}
p.classtitle a.classlink	{
	color:#FFFFFF;
	}
	
p.prodtitle	{
	color:#77626B;
	border: 1px #FFFFFF solid;
	width: 100%;
	font-size: 9px;
	margin:0;
	line-height: 120%;
	padding: 0 1px 2px 1px;
	}
p.proddesc	{
	text-align: left;
	margin-left: 10px;
	}
p.prodversion	{
	text-align: left;
	margin-left: 10px;
	margin-top: 5px;
	}

p.prodprice	{
	margin: 3px 0 2px 10px;
	text-align: left;
	font-weight:bold;
	}
p.prodbuy	{
	margin: -15zpx 0 3px 10px;
	text-align: right;
	font-weight:bold;
	}
table.pp	{
	font-size: 95%;
	text-align: left;
	margin:3px 0;
	padding:0;
	background-color: linen;
	border: 1px solid #999999;
	}
table.cart {
	font-size: 100%;
	padding: 3px;
	margin:0;	
	}
table.cart td	{
border: 2px solid #FFFFFF;
padding: 2px;
}
table.noformcart	{
	font-size: 90%;
	border: 1px solid silver;
	}
table.noformcart td	{
vertical-align: top;
	padding: 1px;
}
.basketbuttonstyle	{
	font-size: x-small;
	color: blue;
	float: left;
	}
.smallinput	{
	font-size: 11px;
	}
table.contactform	{
	font-size: 85%;
	float: left;
	}
table.contactform th	{
	font-size: 110%;
	text-align: left;
	padding: 10px 0;
	}
	
/************** form styles **********/

form submit, form input	{
	color: blue;
	}
form label	{
	color: #333399;
	}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}
	
form.questionnaire, form.questionnaire label, form.questionnaire input, form.questionnaire submit	{
	color: #333399;
	font-size: 0.9ems;
	}
form.questionnaire	{
	margin-top:0;
	}
form.questionnaire fieldset { 
	border:1px solid #6666CC;
	padding: 1.0em; }

form.questionnaire legend {
  padding: 0.2em 0.5em;
  border:1px dotted #333399;
  color:#333399;
  background-color: #FFC;
  font-size:85%;
  text-align:right;
  margin-bottom: 5px;
  }
form.questionnaire label	{
	color: #333399;
	font-size: 12px;
	float:left;
	  width:27%;
	  margin-right:0.5em;
	  padding-top:0.2em;
	  text-align:right;
	  font-weight:bold;
	}
form.questionnaire select	{
	margin-bottom: 8px;
	color: #333399;
	font-size: 12px;
	line-height: 150%;
	}
form.questionnaire p	{
	margin: 3px 0 4px 0;
	}
.required	{
	padding-left: 11px;
	background: url(graphics/asterisk.gif) no-repeat top left transparent;
	}
		
.greyback	{
	background-color: #EEEEEE;
	}
h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited	{
	color:#3399CC;
	}

.accommtype	{
	align: right;
	padding-right: 25px;
	}
/*
table.accommtitle, p.entrytitle	{
	width: 97%;
	padding: 0 0 0 5px;
	font-weight: bold;
	background-color:#DADADA;
	border-bottom:#999999 thin solid;
	line-height: 1.75;
	}
td.entrytitle	{
	width: 100%;
	padding: 3px 0;
	font-weight: bold;
	background-color:#DADADA;
	border-bottom:#999999 thin solid;
	text-align:center;
	}
	*/
div.otherdetails	{
	width: 100px;
	float: right;
	border: 1px solid silver;
	font-size: 12px;
	text-align: center;
	padding:3px;
	margin-right: 20px;
	}
table.moredetails	{
	width: 100%;
	font-size: 11px;
	border: 1px solid silver;
	margin-bottom: 10px;
	}
table.moredetails td	{
	vertical-align: top;
	margin-top: -20px;
	margin-left: 5px;
	}
p.toggle a	{
	text-decoration: none;
	font-size: 10px;
	padding: 0 3px 2px 3px;
	width:12px;
   height:12px;
   border-top-style:window-inset;
   border-bottom-style:solid;
   border-left-style:window-inset;
   border-right-style:solid;
   border-width:thin;

	}

p.toggle a:hover	{
	background-color: #DADADA;
	color: #6666CC;
	}
table.smallertext, table.smallertext label	{
	font-size: 90%;
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.boldtext	{
	font-weight: bold;
	}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.donate	{
	float: left;
	padding: 0;
	width: 31%;
	height: 148px;
	margin: 3px 1% 10px 0;
	text-align: center;
	border: 2px solid #999999;

	}

p.donate	{
	color: #FFFFFF;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	margin:0px 0px;
	padding: 2px 0px 2px 0px;
	line-height: 120%;
	background-color: #9898CB;
	border-bottom: 1px solid #999999;

	}
p.donate a.donatelink	{
	color:#FFFFFF;
	}
p.quote	{
	font-style:italic;
	font-weight: 700;
	text-align:center;
	color:#663399;
	}
a.redlink	{
	color:#F00;
	background-color:#FFF;
	font-weight: bold;
}
#main p.entrytitle img	{
	padding:2px 10px 2px 0px;
}

#main p.entrytitle	{
	margin-top: 20px;
}
#main table.accommtitle img	{
	padding:0;
}

div.hilite, div.hilite table.accommtitle	{
	color: #039;
	background-color: #DDEAF7;
}
div.hilite table.accommtitle td	{
	font-size: 110%;
}	

table.accommtitle	{
	width: 100%;
	font-weight: bold;
	font-family: 'Times New Roman', Times, serif;
	text-align: left;
	color: #039;
	background-color:#FFF;
	font-size: 1.1em;
	border-top: solid black 1px;
	border-bottom:none;
	padding: 0;
	line-height: 140%;
}


