/* CSS Document for Perth and Kinross - by colin summers*/

/* html, body and general styles */
html,body{margin:0;padding:0; background-color:#FFF8E4;}
body{font: 76% arial,sans-serif;text-align:center; color:#333333; background-color:#FFF8E4; background: url(images/bg.gif) repeat-x;}
div#container{width:925px;margin:0 auto; text-align:left; position:relative;}
div#containerbg{ background:url(images/bg_footer.gif) repeat-x bottom;}
div#containerbook{background-image:url(images/bg_book.gif); background-repeat:no-repeat; background-position:0px 156px; }
div#containerbook2{background-image:url(images/bg_book.gif); background-repeat:no-repeat; background-position:right 251px ;}

p{margin:0px 0px 10px 0px; font-size:14px;}
a{ color:#443266; text-decoration:none;}
a:hover{ color:#443266; text-decoration:underline;}
h1 {font-family:arial, Times, serif; font-size:34px; color:#392A56; margin:0px; padding:0px; font-weight:bold;  }
h2 {font-family:arial, Times, serif; font-size:23px; color:#392A56; margin:0px 0px 18px 0px; padding:0px; font-weight:normal;}
h3 {font-family:arial, Times, serif; font-size:17px; color:#333; margin:5px 0px 18px 0px; padding:0px; font-weight:normal;}

.purplelink{ color:#63619C; }
.row { width:100%; clear:both;}
.row-border { width:100%; clear:both; border-bottom:1px solid #E0E0E0;padding:10px 0px 10px 0px; float:left;}
.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.text-right 	{ text-align:right;}
.info{ width:100%; clear:both; line-height:12px;}
.info-left { width:80px; float:left;}
.info-right { float:left; width:210px;}
.title {font-family:arial, Times, serif; color:#333; font-size:11px; margin:5px 0px 6px 0px; font-weight:bold;}
.noborder { border:none;}
img { border:none;}
.date	{ color:#999;}
.breadcrumb{ margin:0px; padding:0px 0px 10px 0px; font-size:13px;}

blockquote .top { position:absolute; top:0px; left:0px; }
blockquote.home { margin:10px 3px 20px 20px; position:relative; padding:0px; font-style:normal; font-weight:bold; color:#fff; font-size:14px; float:right;background-image:url(images/bg_qoute.gif); background-repeat:no-repeat; background-position:bottom;  width:270px; clear:right; padding:22px 15px 40px 15px;}
blockquote.home span{ position:absolute; bottom:-20px; color:#3A2A56; }

blockquote .top { position:absolute; top:0px; left:0px; }
blockquote.detail { margin:10px 3px 20px 0px; position:relative; padding:0px; font-style:normal; font-weight:bold; color:#fff; font-size:14px; background-image:url(images/bg_qoute2.gif); background-repeat:no-repeat; background-position:bottom;  width:193px; clear:both; padding:22px 15px 40px 13px; }
blockquote.detail span{ position:absolute; bottom:-35px; color:#3A2A56; background-color:transparent; }
blockquote .acQuote{ background-color:transparent; position:relative; margin-bottom:20px; clear:both; min-height:30px; height:auto; }

.box-head { height:44px; width:100%; margin: 0px;}
div#content p{line-height:1.4; }
div#content a{ color:#8C489F;}

/* logo, top navigation and banners styles */
div#header{ position:relative; height: 146px;font-family:Georgia, arial, Times, serif; font-size:18px; }
div#header ul li a:link.active{ color:#333; font-size:13px; padding:4px; text-decoration:underline;}
div#header ul li a {font-family:arial, Times, serif; font-size:13px; color:#333;padding:4px; font-weight:bold;}
div#header .logo { float:left; position:absolute; left:-10px;}
div#header .topmenu{ float:right; margin:0px; padding:0px; position:relative; right:10px; color:#333333;}
div#header .topmenu img{ position:relative; top:15px;}
div#header ul { list-style-type:none; display:inline;}
div#header ul li{ list-style-type:none; display:inline; color:#999;}
div#header .search {position:absolute; color:#999999; float:right; width:600px; bottom:35px; right:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:right;}
div#header .searchbox { background-color:#fff; background-image:url(images/bg_search.jpg); border-top:1px solid #ccc; border:none; position:relative; left:3px; background-repeat:no-repeat; padding-left:10px; padding-bottom:6px;}
div#header .button { position:relative; top:7px;}

/* main menu */
ul#mainnav			{ display:inline; clear:both;position:absolute;width:456px; margin:0px; padding:0px; right:0px; top:75px;}
ul#mainnav li		{ display:inline;margin:0px; padding:0px 0px 0px 0px;}

/* main video - homepage */
div#banner { height:414px; margin:10px 0px 20px 0px; clear:both;padding-left:50px; position:relative;background-image:url(images/image1.gif); background-repeat:no-repeat; background-position:center left; }
div#banner h1{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:32px; color:#333; background:url(images/bg_h1.jpg) repeat-x bottom; padding-bottom:20px;}
div#banner p{ font-size:17px; line-height:21px; margin-top:15px;}
div#banner .video{ float:left; padding:0px; width:560px; height:350px; position:absolute; background-color:#666666; z-index:998; left:142px; top:28px;}
div#banner ul{ position:absolute; right:0px; margin:0px; width:150px; list-style-type:none; top:-14px;}
div#banner ul li{ margin:15px 0px 15px 0px;}
div#banner ul .title{ font-size:24px; font-weight:normal;}
div#banner .tag{ position:absolute; right:0px; z-index:999; top:310px;}
div#banner ul a{ padding:5px; background-color:#EDE4CC; width:130px; display:block; }

/* main video - choose experience page */
div#banner-small { height:414px; width: 725px;  margin:10px 0px 0px 20px; clear:both; position:absolute;background-image:url(images/image2.gif); background-repeat:no-repeat; background-position:center left;  }
div#banner-small .video{ float:left; padding:0px; width:560px; height:350px; position:absolute; background-color:#666666; z-index:998; left:60px; top:28px; clear:both;}
div#videolist	{ background-color:#EDE4CC; margin:0px; padding:10px; position:absolute; top:412px;}
div#videolist img	{ margin:0px; padding:0px; float:left;}
div#videolist .arrow	{ position:relative; top:40px;}

/* home content area */
div#left-column-home{float:left;width:296px; margin:0px 15px 0px 0px;}
div#left-column-home p{ font-size:13px;width:296px}
div#left-column-home h2{ margin-top:10px;width:296px}
div#left-column-home h2 a{ color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; padding-top:10px;width:296px}
div#left-column-home .featured-left { float:left; width:226px;}
div#left-column-home .featured-right { float:right; margin-left:10px; width:226px;}
div#left-column-home a {color:#63619C; }
div#left-column-home .featured{ color:#8C489F; font-size: 16px;}
div#right-column-home{float:left;width:276px; margin:0px; padding:10px; background-color:#C69BD2; background-image:url(images/bg_corner.gif); background-repeat:no-repeat; background-position:right top; height:280px;}
div#right-column-home h2{ font-size:16px; font-weight:bold;}

div#right-column-home .latest-row {width:100%; clear:both; border-top:1px solid #fff; padding:15px 0px 15px 0px; float:left;}
div#right-column-home .latest-left{ float:left; width:68px;}
div#right-column-home .latest-right a{ font-size:14px; text-decoration:underline;}
div#right-column-home .latest-right a:hover{ text-decoration:none;}
.homeintro	{ float:left; width:600px; margin-top:20px;}
.homeintro a{ color:#8C489F;}
.datebox{ width:44px; height:44px; margin-left:10px; background-color:#8C489F; position:relative; margin-bottom:10px;}
.datemonth{ text-align:center; color:#fff; font-size:10px; position:relative; top:2px; background-color:#333333; position:relative; top:8px; border-top:1px solid #fff;}
.dateday{ color:#FFFFFF; text-align:center; font-size:23px; position:relative; top:5px; font-weight:bold;}

.socialmedia li{  list-style-type:none; float:right;margin:30px 0px 10px 0px; display:inline;}



/* left content area */
div#left-column { width: 223px; float:left; margin-top:15px; margin-bottom:40px;}


div#leftSide-column { width: 415px; float:left;margin-top:15px; margin-left:13px; margin-bottom:40px; background-color:transparent;}


div#left-columnCon{ width: 425px; float:left;margin-top:15px; padding-right:5px; padding-left:10px; margin-bottom:40px; background-color:transparent;}
div#left-columnCon h1 { width:435px; background-color:transparent;  margin-bottom:20px;}

div#left-columnCon p{ width:420px; }
div#left-column h2				{ margin:40px 0px 0px 0px;font-size:21px; font-weight:bold;}
div#left-column h2 a			{ color:#333333;}
div#left-column ul#subnav  				{ margin:10px 0px 10px 0px; padding:0px; background-color:#EDE4CC;}
div#left-column ul#subnav li			{ margin:0px; padding:0px; border-bottom:1px solid #fff; padding:0px; list-style-type: none;}
div#left-column ul#subnav li a			{ padding:5px 0px 5px 23px; display:block; color:#8C489F; background:url(images/bullet.gif) no-repeat 10px 5px; font-size:14px;}
div#left-column ul#subnav li a:hover	{ background-color:#C69BD2; text-decoration:none; color:#333;}
div#left-column ul#subnav li .on		{ padding:5px 0px 5px 23px; display:block; text-decoration:underline; color:#333333;background-color:#E8DCBD;}
div#left-column ul#subnav li ul 		{ margin:0px; padding:0px;}
div#left-column ul#subnav li ul li 		{ border-top:1px solid #fff; border-bottom:none; margin:0px; padding:0px;}
div#left-column ul#subnav li ul li .on2 	{ padding:5px 0px 5px 40px; border-top:1px solid #fff; border-bottom:none; margin:0px;  text-decoration:underline;background-color:#E8DCBD;}
div#left-column ul#subnav li ul li a	{ padding:5px 0px 5px 40px;background:url(images/bullet2.gif) no-repeat 25px 5px; color:#3C2C5B;}
div#left-column .submit				{ position:relative; left:134px;}
div#left-column .contact			{ margin-top:20px;}
div#left-column .formfield		{ border:1px solid #E0E0E0; width:210px; margin-bottom:10px; padding:2px; color:#CCCCCC;}
div#left-column ul li ul		{ margin-top:0px;}
div#left-column ul li ul li a		{ display:block; color:#333333; padding:10px 10px 10px 30px; background-image:url(images/bg_sub.gif); background-repeat:no-repeat; background-position:left center;}
.latestnews{float:left;width:203px; margin:10px 0px 0px 0px; padding:10px; background-color:#C69BD2; background-image:url(images/bg_corner.gif); background-repeat:no-repeat; background-position:right top;}
div#left-column .latestnews h2{ font-size:16px; font-weight:bold; margin:0px ; padding:0px 0px 10px 0px;}
.latestnews .latest-row {width:100%; clear:both; border-top:1px solid #fff; padding:15px 0px 15px 0px; float:left;}
.latestnews .latest-left{ float:left; width:68px;}
.latestnews .latest-right a{ font-size:14px; text-decoration:underline;}
.latestnews .latest-right a:hover{ text-decoration:none;}


/* main content area */
div#centre-column { width: 675px; float:left;  margin-left:13px;margin-top:15px; position:relative;margin-right:0px; padding-right:0px;}
div#centre-column a{ color:#8C489F;}
div#centre-column h1,div#centre-column-small h1{ font-size:32px; margin-bottom:15px;}
div#centre-column h2{ font-size:21px; color:#3A3A3A; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}
div#centre-column ul{ margin:20px 0px 0px 0px; padding:0px; list-style-type:disc;}
div#centre-column ul li{ margin:0px 0px 0px 70px; padding:0px 0px 20px 0px;}
div#centre-column .col-left{ float:left; width:350px; }
div#centre-column .col-right{ float:right; width:350px;}
div#centre-column .pub-left{ float:left; width:60px; height:86px; }
div#centre-column .pub-right{ float:left; margin-left:10px; width:280px;}
div#centre-column .news-left{ float:left; width:200px;}
div#centre-column .news-right{ float:left; margin-left:10px; width:450px;}
div#centre-column .news-left2{ float:left; width:296px;}
div#centre-column .news-right2{ float:left; margin-left:10px; width:340px;}
div#centre-column .contact-left{ float:left; width:200px; font-size:14px; font-weight:bold; line-height:23px; padding-bottom:10px; }
div#centre-column .contact-right{ float:left;  width:240px; padding-bottom:10px; text-align:left; }
div#centre-column .textbox{ width:410px;color:#333;}
div#centre-column .submit{ position:relative; left: 335px; top:20px; margin-bottom:20px;}
.row-small { width:400px; float:left;}
div#centre-column .three-column { width:186px; float:left; margin-right:30px; background-color:transparent;}

div#centre-column .row3{ width:650px; float:left; background-color:transparent; clear:both; margin-bottom:10px;}

/* main content area - detail page */
div#centre-column-small {  width: 675px; float:left; margin-left:13px; margin-top:15px; position:relative; background-color:transparent;}

/* right content area */
div#right-column { width: 223px; float:right; margin-top:20px; margin-right:10px;}
div#right-columnCon { width: 178px; float:right; margin-top:40px; margin-right:15px; background-color:transparent; padding:0px;}

div#right-column .image { margin-bottom:10px;}
div#right-column .border { position:relative; left: 100px; bottom:8px;}
div#right-column .image p{ padding-top:6px;}
div#right-column .imagethumb{width:51px;height:34px;margin:2px 1px 1px 1px;padding:0px;background-color:transparent;float:left;border:solid 1px #EBEBEB;overflow:hidden;}
div#right-column .latestnews h2{ font-size:16px; font-weight:bold; margin:0px ; padding:0px 0px 10px 0px;}



/* footer boxes */
.footerboxes   	{ display:inline; margin:0px 0px 20px 0px; padding:20px 0px 0px 0px; clear:both;}
.footerboxes li	{ display:inline; padding-right:2px;}
/* footer styles */
div#footer{clear:both;width:100%; height:260px; padding-top:20px;}
div#footer a{ color:#666666;}
div#footer p{margin:0px;padding:0px; font-size:12px; color:#666666; }
div#footer .left{ float:left; width:850px;}
div#footer .right{ float:right;}
div#footer .radiator{ color:#CCCCCC;}
div#footer .siteby{ position:absolute; top:10px; }
div#footer .members{ position:relative; top:-50px; left:10px;}
div#footer ul li{list-style-type:none; margin:0px; padding:0px; font-size:10px; line-height:14px; padding-bottom:8px;}
div#footer ul {list-style-type:none; margin:0px; padding:0px;}
#footer .title{font-family:Arial, Times, serif; font-size:12px; font-weight:bold;}
div#footer .footone {float:left;padding: 10px;border-right:1px solid #ccc; margin:0px 0px 20px 0px; width:141px; min-height:150px;}
div#footer .foottwo {float:left;padding: 10px; margin:0px; width:100px;min-height:150px;}
div#footer .footthree {float:right;padding: 10px; margin:0px; width:130px; border-left:1px solid #ccc; text-align:right;min-height:150px;}
div#footer .footfour {float:left;padding: 10px;border-right:1px solid #ccc; margin:0px 0px 20px 0px; width:146px;min-height:150px;}

.hideArray{
    display:none;
}

.row-bg        { clear:both; background-image:url(../images/bg_row.jpg); background-repeat:no-repeat; background-position:bottom center; padding-bottom:20px; margin-bottom:15px; float:left; width:595px; }
.document		{ float:left; width:235px; margin-right:10px;}
.date			{ float:left; width:128px; margin-right:10px;}
.type			{ float:left; width:70px; text-align:right; text-align:center;}


/*SITEMAP INFO*/

#sitemap{
    background-color:transparent;
    width:450px;
    margin:10px 0px 0px 0px;
    padding:0px 0px 20px 10px;
    float:left;
    font-size:12px; 
    }

#sitemap .rootnode{
    background-color:transparent;
    background-image:url('images/sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:430px;
    height:15px;
    margin:0px 0px 0px 0px;
    padding:5px 0px 2px 20px;
    float:left;
    font-weight:bold;
    }   
    
#sitemap .subnode{
    background-color:transparent;
    background-image:url('images/sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:420px;
    margin:0px 0px 0px 12px;
    padding:2px 0px 2px 20px;
    float:left;
    } 
    
#sitemap .subnode2{
    background-color:transparent;
    background-image:url('images/sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:400px;
    margin:0px 0px 0px 24px;
    padding:2px 0px 2px 20px;
    float:left;
    } 
        
#sitemap .subnode3{
    background-color:transparent;
    background-image:url('images/sitemaplink2.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:390px;
    margin:0px 0px 0px 36px;
    padding:2px 0px 2px 20px;
    float:left;
    }     
/*END SITEMAP INFO*/


.imagethumbcontent{ float:right; text-align:left; background-color:Yellow; width: 222px; clear:left;}