
/* Layout Styles for  */
/* Colin Kelly - address any questions to colinky@gmail.com */
/* Edits by tidy.ie, July 2008, Novemner 2008*/

	/* hide from ie on mac \*/
	html { height: 100%; margin:0px; }
	/* end hide */

	body {
		height: 100%;
		margin:0 auto; padding:0;
		text-align:left;
		font:10pt Verdana; color:#333;
	}
	/* for Mozilla/Safari/Opera */					
		*>body { background:url() top left repeat-x;  }		
	/* for IE6, with IE5/Mac backslash filter \*/
		* html body { background:url() top left repeat-x;  }
	/* end filter */
	
	
  	p, label, .labelText, input, select, textarea, table, td, th, ul, ol, li, .bodytext { font:10pt Verdana; color:#333 }
	
	p { margin:0 0 16px 0; padding:0; }
	
	hr { width:auto; border:1px solid #ccc; margin:0 0 5px 0; padding:0; }
	
	a { color:#6699CC; text-decoration:underline; font-weight:normal; }
	a:active, a:hover { text-decoration:none; color:#6699CC; }
	
	.invisible { display:none }
	
	

	/*--- Start Content styles ---*/

	#mainHolder { 
		margin:11px auto; padding:0;
		text-align:left;
		width:763px; height:auto; min-height:450px; 
		
	}
	
		#logoHolder {
			width:763px; height:146px; background:url(../images/row_1b.gif) top left repeat-x; 
		}
		#logoHolder img { display: inline; border: 0; }
		#logo { float: left; width: 365px; }
		#horse { float: right; width: 235px; }
	
		
		#contentHolder { float:left; display: inline; width:717px; height:auto; padding:0 23px 0 23px; }
		
			/*--- Start Navigation styles ---*/		
			#navHolder { float:left; display: inline; width:236px; margin:0 25px 0 0; background-color: #fff; }
			
				#navTop, #navBtm { height:15px; }
				#navTop { background:url(../images/nav_top.gif) top right no-repeat;  }
				#navBtm { background:url(../images/nav_end.gif) top right no-repeat; }

				#nav { width:236px; border-top:2px solid #fff; }
				* html #nav { border-top-width: 1px; }
				
				#nav, #nav li ul { list-style-type:none; padding:0; margin:0; }
				
				/* PLN li */
				#nav li  { 
					display:block; height:auto; border-bottom:2px solid #fff;
					background-color:#99CCFF;
				}
				
				/* SLN ul - workaround for parent li bottom border not rendering */
				#nav li ul { border-top:2px solid #fff; }
				
				/* SLN li */
				#nav li ul li { 
					margin:0; 
					background-color:#CDDFA3;
				}
				
				#nav li a { display: block; line-height: 21px; margin: 0 0 0 7px; font-size: .8em; color: #fff; text-decoration: none; }					
				
				/***********************************************************/
				/* need to fix the widths and heights on these, especially for longer text - see subnav 1 for example of bad stretching*/
				/***********************************************************/
				#nav li ul li a { margin:0 0 0 14px; color:#336600;  }
				
				#nav li a:hover, #nav li a.navOn { font-weight:bold }
				
				#nav li li.last { border-bottom: 0; padding-bottom: 1px; }		
				
				
			/* ***** End customised suckerfish styles ***** */	
	   	
				
			
			/*--- End Navigation styles ---*/
				
			#content { float:left; display: inline; width:351px; /*background-color: #0f0;*/ }	
				
				h1 { font:12pt Verdana; color:#FF99CC; margin:0 0 20px 0; padding:0;  }
				h2 { font:10pt Verdana; color:#6699CC; margin:0 0 5px 0; padding:0; }
				h2.major { font-weight: bold; }
				h3 { margin: 0; font-size: 1em; font-weight: bold; color: #6e6e6e; }
				#sitemap li a { font-weight: bold; color: #69c; margin: 0 0 5px 0; padding: 0; }
				#pageSitemap #content, #pageSearch #content, #pageSend #content, .wide #content { width: 450px; }
				#content #sitemap li { list-style: none; }
				#content ul#sitemap { padding: 0; }
				ul#sitemap li { padding-top: 0.5em; }
				#content ul#sitemap ul { padding-left: 18px; margin-left: 0; padding-bottom: 0.5em; }
				ul#sitemap li li { padding-top: 0; }
				ul#sitemap li a { text-decoration: none; }
				ul#sitemap li li a { color: #333; font-weight: normal; }
				ul#sitemap li a:hover { color: #f9c; }
				ul#sitemap li li a:hover { color: #333; font-weight: bold; }
				#content li, #content #sitemap li li { list-style:disc; color:#6699CC; }
				.liTxt { color:#333; }
				
				#content img { float:right; border:0 }
					
				#content table {
					float:left; width:100%; border:1px solid #6699CC;
					background-color:#cfcfcf;
					margin:0 0 10px 0;
				}
				#content table th { font-weight:bold; color:#6699CC; background-color:#f6f6f6; padding:3px; }	
				#content table td { background-color:#fefefe; padding:3px; }
				
				.notes { font-size:8pt }
				
				.citation { color: #666666; font-size: 9pt; font-style: italic; }
					
		#footerHolder { 
					clear: left;
			width:763px; height:95px; margin:0 0 3px 0; padding:0; background: url(../images/footerBG.gif) bottom left repeat-x; 
		}
		
		#footerHolder img { display: inline; }
		#footer { float: left; width: 460px; margin-top: 50px; }
		#motif { float: right; width: 140px; }
			
			#footerText { 
				float:left; width:592px; height:35px; 
				margin:0 0 0 7px; padding:60px 0 0 0; 
				font:10px Verdana bold; color:#fff;
			}
			#footerText a { text-decoration:none; color:#fff; }
		
		#subFooterHolder, #subFooterHolderInt { 
			float:left; width:753px; padding:0 5px 10px 5px;
			font: 10px Verdana; color:#ccc;  
		} 	
			#subFooterHolder div { float:left; color:#ccc;  }
			#subFooterHolder a, #subFooterHolderInt a { float:right; font:10px Verdana; color:#ccc; text-decoration:none }
		
		/* Internal pages */	
		#subFooterHolderInt { color:#666; } 	
			#subFooterHolderInt div { margin:0 auto; text-align:center }
			#subFooterHolderInt a { float:none; color:#666; }	
			
			
			/*new styles by tidy.ie november 2008*/
			img { border: 0; }
			a.button { display: block; padding: 16px 34px 0 10px; width: 136px; height: 49px; background: #f9c url(../images/home/bg-button.gif) top left no-repeat; color: #fff; text-decoration: none; font-weight: bold; }
			#contentHolder { padding-bottom: 20px; }
			
			/*home page*/
			#pageHome #contentHolder { width: 753px; padding-right: 0; padding-left: 10px; padding-bottom: 10px; }
			#pageHome #navHolder { margin-right: 15px; }
			#pageHome h1 { margin: 14px 0 12px; font-size: 1em; font-weight: bold; }
			#pageHome #content p, #glossary p , #send p, #news p, #mystory p { font-size: .8em; line-height: 1.4em; }
			#pageHome #content { display: inline; width: 302px; margin-right: 20px; }
			#send h2, #glossary h2, #news h2, #mystory h2 { margin: 0; }
			
			/*google search box*/
			form#cse-search-box { margin: 15px 0 0 2px; padding: 0; }
			#q { width: 128px; border: 1px solid #9cf; }
			#sa { vertical-align: bottom; }
			
			/*send to friend box*/
			#send { margin: 25px 0 21px; }
			#send .inner { padding: 13px 20px 16px 10px; background: url(../images/home/bg-friend.gif) bottom left no-repeat; }
			#send p { margin-bottom: 5px; }
			#send p a, #send p a:visited { color: #333; text-decoration: none; }
			a.action, a.action:visited { display: block; padding: 4px 27px 4px 0; margin-right: 7px; background: url(../images/home/arrow-send.gif) center right no-repeat; text-align: right; color: #c69; text-decoration: none; font-weight: bold; font-size: .8em; }
			
			/*my story box*/
			#mystory { padding-top: 10px; width: 302px; }
			#mystory h3 { padding-bottom: 14px; margin-bottom: 0; }
			#mystory h3 a, #mystory h3 a:visited { color: #69c; text-decoration: none; font-weight: bold; }
			#mystory .inner { float: left; display: inline; width: 275px; padding: 10px 17px 0 10px; background: url(../images/home/bg-mystory.gif) bottom left no-repeat; }
			#mystory p { margin-bottom: 0; padding-bottom: 17px; }
			#mystory .inner img { float: right; margin: 0 0 15px 10px; }
			/*fix for safari*/
			.spaced h2 { padding-top: 15px; }
			
			/*right hand side*/
			#sidebar { float: left; display: inline; width: 180px; margin-top: 24px; }
			/*current date*/
			#today { margin: 0 0 25px 0px; color: #69c; font-size: .8em; }
			
			/*news box*/
			#news { float: left; margin-bottom: 30px; }
			#news *, #news a, #news a:visited { color: #69c; }
			#news h3 { margin-bottom: 8px; font-size: .8em; }
			#news h3 a { font-weight: bold; text-decoration: none; }
			#news .inner { padding: 7px 10px 0; background: url(../images/home/bg-news.gif) bottom left no-repeat; }
			#news .inner img { margin-bottom: 8px; }
			#news p { margin-bottom: 0; padding-bottom: 20px; }
			#news a.more:hover { color: #f9c; }
			
			/*glossary box*/
			#glossary { position: relative; margin: 0 0 16px 11px; float: left; display: inline; width: 753px; }
			#glossary h3 { padding: 11px 0 0 0; font-size: .8em; }
			#glossary .inner div { margin: 0 185px 0 8px; }
			#glossary .inner { height: 61px; background: url(../images/home/bg-glossary.gif) bottom left no-repeat; }
			#book { position: absolute; top: 22px; right: 2px; }
			
			/*actions bar above footer*/
			#actions { float: left; display: inline; width: 530px; margin: 0 0 0 20px; }
			#actions, #actions li { list-style: none; padding-left: 0; background: url(../images/bullet-arrow.gif) center left no-repeat; }
			#actions li { float: left; margin-right: 14px; font-size: .8em; }
			#actions li a { margin-left: 13px; text-decoration: none; }
			#actions li a:hover { text-decoration: underline; }
			li#actionPrint { cursor: pointer; }
			#pageSearch li#actionEmail { display: none; }
			
			/*news pages*/
			h2 a, a.more { font-weight: bold; text-decoration: none; }
			h2 a:hover, a.more:hover { color: #f9c; }
			#pageList #content p { margin-bottom: 24px; }
			
			/*send to friend form*/
			.folaigh { display: none; }
			input, textarea, select { font: 1em Verdana, Arial, Helvetica, sans-serif; }
			label { float: left; display: inline; width: 120px; }
			#formSend .required { width: 180px; }
			textarea { width: 180px; height: 100px; }
			form .actions { margin-left: 120px; }
			#formSend { padding-bottom: 1em; }
			form em { color: #69c; font-style: normal; }
			p.alert { color: #69c; font-weight: bold; }
