﻿/* CSS Document */
body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x #ffffcc; color:#5E5E5E; font:13px/18px Arial, Helvetica, sans-serif;}
img{padding:0px; margin:0px;}
h3{padding:0px; margin:0px;}
h2{padding:0px; margin:0px;}
ul{padding:0px; margin:0px;}
p{padding:0px; margin:0px;}
div{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{width:778px; height:166px; position:relative; margin:0 auto; background:url(images/topPan-bg.gif) 0 0 repeat-x #ffffcc; color:#ffffcc; padding:0px;}
#topPan img.logo{width:159px; height:123px; position:absolute; top:3px; left:3px; border:0;}
#topPan img.CITC{width:443px; height:42px; position:absolute; top:70px; left:150px; border:0;}

#topPan p{font-size:28px; padding:70px 0 0 43px;}

#topMenuPan{width:683px; height:40px; position:absolute; bottom:10px; }

/*----/TOP PANEL----*/
#dropline {padding:0 0 0 10px; margin:0 0 0 0px; list-style:none; height:40px; position:relative;}
#dropline table {border-collapse:collapse: width:0; height:0; margin:-3px -10px;}

#dropline li {float:left;}
#dropline li a {display:block; height:40px; line-height:40px; padding:0 20px 0 0; float:left; color:#fff; text-decoration:none; font-family:tahoma, sans-serif; font-size:12px;}
#dropline li a b {display:block; height:40px; float:left; padding:0 0 0 20px; cursor:pointer;}
#dropline li a:hover {line-height:36px; height:44px;color:#c60;}
#dropline li a:hover b {line-height:36px;color:#c60;}

#dropline li:hover > a {line-height:36px; height:44px}
#dropline li:hover > a b {line-height:36px;}

#dropline ul {padding:0; margin:0; list-style:none; position:absolute; height:25px; width:700px; background:#FFFFCC; left:-9999px; top:44px; z-index:10;}
#dropline ul li {height:25px; line-height:25px;}
#dropline ul.right li {float:right;}
#dropline ul li a {color:#000; padding:0 10px 0 10px; height:25px; line-height:25px; border-right:1px solid #e60; font-weight:bold; font-size:11px;}
#dropline ul li a:hover {height:25px; line-height:25px; background:transparent; color:#c60;}
#dropline ul.right li a {border-left:1px solid #e60; border-right:0;}
#dropline ul li a.last {border:0;}


#dropline :hover ul {left:0;}

#dropline li.current ul {left:0; z-index:1;}
#dropline li.current a { line-height:36px; height:44px;background:#ffffcc; color:#c60;}
#dropline li.current a b { line-height:36px;color:#c60;}
#dropline li.current ul li a {color:#000; padding:0 10px 0 10px; height:25px; line-height:25px; background:transparent;}
#dropline li.current ul li.current_sub a {color:#c60;}
#dropline li.current ul li a:hover {color:#c60;}

/*----BODY PANEL----*/
#bodyPan{width:683px; position:relative; margin:0 auto; padding:25px 0 0;}
/*----BODY LEFT PANEL----*/
#bodyLeftPan{width:680px; float:left; padding:12px 36px 0 0;}

#bodyLeftPan h1{width:680px; background:#FFFFCC; color:#FF9933;font:28px/28px Georgia, "Times New Roman", Times, serif;}
#bodyLeftPan h1 span{color:#CC0000;}

#bodyLeftPan h2{
	width: 680px;
	height: 15px;
	background: #ffffcc;
	color: #FF9933;
	padding: 10px 0 5px 0;
	font: 18px/18px Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	margin-top: 5px;
}
#bodyLeftPan h2 span{background:#ffffcc; color:#CC0000;}

#bodyLeftPan h3{width:680px; height:15px; background:#ffffcc; color:#4F4F4F;; font:14px/22px Georgia, "Times New Roman", Times, serif;}
#bodyLeftPan h3 span{background:#ffffcc; color:#CC0000;}

#bodyLeftPan h4{
	width: 680px;
	height: 15px;
	background: #ffffcc;
	color: #FF9933;
	padding: 10px 0 5px 0;
	font: 14px/22px Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	margin: 5px 0 5px 0;
}
#bodyLeftPan h4 span{background:#ffffcc; color:#CC0000;}



#bodyLeftPan img.HogganfieldLochPano{height:153px; width:396px; position:relative; padding:5px 0 5px 0;}
#bodyLeftPan img.ArranHouse{position:relative;}
#bodyLeftPan img.TrainingAward{width:152px; height:190px; position:relative;}
#bodyLeftPan img.TrainingRecognitionAward{width:235px; height:144px; position:relative;}
#bodyLeftPan img.IIP{width:188px; height:126px; position:relative;}

#bodyLeftPan p{
	padding: 7px 0 0;
	text-align: justify;
}
#bodyLeftPan p span{background:#ffffcc; color:#660000; font-weight:bold;}
#bodyLeftPan p.bold{font-weight:bold;}

#bodyLeftPan a{color:#2F54FF;}
#bodyLeftPan a:hover{color:#B40000;}
#bodyLeftPan a:visited{color:#333333;}

#bodyLeftPan ul{width:680px; margin:10px 0 0;}
#bodyLeftPan ul li{width:680px; height:20px;}
#bodyLeftPan ul li a{width:390px; height:20px; background:url(images/button.gif) 0 6px no-repeat #ffffcc; color:#333333; text-decoration:underline; padding:0 0 0 20px;}
#bodyLeftPan ul li a:hover{width:390px; height:20px; background:url(images/button-hover.gif) 0 6px no-repeat #ffffcc; color:#B40000; text-decoration:underline;}

#bodyLeftPan p.more{background:#660000; color:#333333; width:680px; text-decoration:underline; height:2px; margin:25px 0; padding:0px; line-height:11px; font-size:11px; }
#bodyLeftPan p.more a{display:block; width:44px; height:11px; background:#ffffcc; color:#333333; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
#bodyLeftPan p.more a:hover{display:block; width:44px; height:11px; background:#FFFFCC; color:#B40000; text-decoration:underline;}

#bodyLeftPan p.line{background:#660000; color:#333333; width:680px; text-decoration:underline; height:2px; margin:25px 0; padding:0px; line-height:11px; font-size:11px; }

#bodyLeftNextPan{width:680px; clear:both; padding:10px 0 0;}
#bodyLeftPan p.next{background:#F3F3F3; color:#333333; width:680px; height:11px; padding:0px; line-height:11px; font-size:11px; clear:both; }
#bodyLeftPan p.next a{display:block; width:44px; height:11px; background:#ffffcc; color:#333333; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
#bodyLeftPan p.next a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}

#table{
	width:680px; position:relative; margin:0 auto; padding:20px 0 0 0;
}

#tableItem tr{background:url(images/arrow.gif) 0 6px no-repeat #ffffcc;
	
}

#tablecatagories{width:680px; position:relative; margin:0 auto; padding:20px 0 0 0;}
#namePan{width:340px; float:left;  color:#4F4F4F; font-size:14px;text-decoration:underline;}
#nameonePan{width:340px; float:left;}
#nameonePan ul{width:340px;padding: 0 0 0 0;}
#nameonePan ul li{width:340px; height:20px; background:url(images/arrow.gif) 0 6px no-repeat #ffffcc; color:#03537D; padding:0 0 0 10px; }

#pricePan{width:340px; float:left;  color:#4F4F4F; font-size:14px;text-decoration:underline;}
#priceonePan{width:340px; float:left;}
#priceonePan ul{width:340px;padding: 0 0 20px 0;}
#priceonePan ul li{width:340px; height:20px; color:#00111A; line-height:20px; font-size:12px; font-weight:bold; padding:0 0 0 0;}


/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyRightPan{width:230px; float:left; border:3px solid #660000; background:#FFFFCC; color:#1A1A1A; padding:0 0 28px;}

#bodyRightPan h1{width:195px; height:35px; display:block; border:1px solid #DADADA; background:#660000; color:#FF9933; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 0; padding:0 0 0 20px;}
#bodyRightPan h1 span{background:#660000; color:#FF9933;}

#bodyRightPan h2{width:180px; display:block; border:1px solid #DADADA; background:#FFFF99; color:#336699; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 0 15px; padding:0 0 0 20px;}
#bodyRightPan h2 span{background:#660000; color:#FFFF99;}

#bodyRightPan h3{width:195px; height:35px; display:block; border:1px solid #DADADA; background:#660000; color:#FF9933; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 0; padding:0 0 0 20px;}
#bodyRightPan h3 span{background:#660000; color:#FF9933;}

#bodyRightPan h4{width:180px; display:block; border:1px solid #DADADA; background:#FFFF99; color:#336699; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 0 15px; padding:0 0 0 20px;}
#bodyRightPan h4 span{background:#660000; color:#FFFF99;}

#bodyRightPan ul{width:180px; margin:0 0 0px 15px;}
#bodyRightPan ul li{width:180px; height:18px;}
#bodyRightPan ul li a{display:block;width:180px; height:18px; background:url(images/button.gif) 0 6px no-repeat #ffff99; color:#333333; text-decoration:underline; padding:0px 0px 0px 20px;}
#bodyRightPan ul li a:hover{display:block;background:url(images/button-hover.gif) 0 6px no-repeat #ffff99; color:#B40000; text-decoration:underline;}

#bodyRightPan p{width:195px; background:#FFFF99; display:block;border-left:1px solid #DADADA; border-right:1px solid #DADADA;  color:#5E5E5E; margin:0px 0px 0 15px; padding:5px 0px 0px 5px;}
#bodyRightPan p.boldtext{padding:10px 29px 0px; font-size:14px; background:#FFFF99; color:#1A1A1A; font-weight:bold;}

#bodyRightPan p.more{display:block; background:#FFFF99; text-decoration:underline; border-bottom:1px solid #DADADA; color:#333333;  width:195px; height:11px; margin:0px 0px 0px 15px; padding:0px 0px 0px 5px; line-height:11px; }
#bodyRightPan p.more a{display:block; width:44px; height:11px; margin:0 0 0 97px; font-size:11px; line-height:11px; text-align:center; text-transform:uppercase;}
#bodyRightPan p.more a:hover{display:block; text-decoration:underline; width:44px; height:11px; color:#B40000;}
/*----/BODY RIGHT PANEL----*/
/*----/BODY PANEL----*/
/*----FOOTER PANEL----*/
#footermainPan{height:85px; background:url(images/footerbg.gif) 0 0 repeat-x #ffffcc; color:#010101; clear:both; padding:72px 0 0;}

#footerPan{width:683px; position:relative; margin:0 auto; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif}

#footerPan ul{width:624px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#FFFFFF; background:#660000; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:204px; background:#660000; color:#FFFFFF; position:absolute; top:23px; left:40px; font-size:12px;}

#footerPan ul.templateworld{width:250px; background:#660000; color:#FFFFFF; display:block; position:absolute; top:40px; left:40px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#660000; display:block; color:#FFFFFF; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:60px; height:13px; display:block; position:absolute; top:26px; left:260px;}
#footerPanhtml a{width:48px; height:11px; display:block; background:url(images/blue-arrow.gif) 85% 60% no-repeat #ffffcc; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px;}
#footerPanhtml a:hover{background:url(images/gray-arrow.gif) 85% 60% no-repeat #ffffcc; color:#4F4F4F;}

#footerPancss{width:50px; height:13px; display:block; position:absolute; top:26px; left:320px;}
#footerPancss a{width:40px; height:11px; display:block; background:url(images/blue-arrow.gif) 35px 3px no-repeat #ffffcc; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px; text-transform:uppercase;}
#footerPancss a:hover{background:url(images/gray-arrow.gif) 35px 3px no-repeat #ffffcc; color:#4F4F4F;}
