/* CSS Document for Perth and Kinross - by colin summers*/

/* html, body and general styles */
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; color:#333333;}
p{margin:0px 0px 10px 0px;}
a{ color:#3B787F; text-decoration:none;}
a:hover{ color:#3B787F; text-decoration:underline;}
h1 {font-family:Georgia, arial, Times, serif; font-size:31px; color:#3A3A3A; margin:0px; padding:0px; font-weight:normal;  }
h2 {font-family:Georgia, arial, Times, serif; font-size:23px; color:#801B1B; margin:0px 0px 18px 0px; padding:0px; font-weight:normal;line-height:21px;}
h3 {font-family:Georgia, arial, Times, serif; font-size:23px; color:#3B787F; margin:0px 0px 18px 0px; padding:0px; font-weight:normal;}
h4 {font-family:Georgia, arial, Times, serif; font-size:19px; font-weight:normal; margin:0px; padding:14px 10px 10px 10px;}
h5 {font-family:Georgia, arial, Times, serif; font-size:17px; font-weight:normal; margin:0px; padding:14px 10px 10px 10px; border-bottom:1px solid #858585;}
h6 {font-family:Georgia, arial, Times, serif; font-size:17px; width:463px; font-weight:normal; margin:0px 0px 10px 0px; padding:14px 10px 10px 0px; border-bottom:1px solid #858585;}

div#container{width:950px;margin:0 auto; text-align:left;}
div#content p{line-height:1.4; }
.nomargin { margin:0px; padding:0px;}
.row { width:100%; clear:both;}
.green {color:#3B787F;}
.row-border { width:100%; clear:both; border-bottom:1px solid #B2B2B2;padding:10px 0px 10px 0px; float:left;}
.pub-row-border { width:350px; border-bottom:1px solid #B2B2B2;padding:10px 0px 10px 0px; float:left;}
.row-small { width:460px; float:left;}
.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.title {color:#801B1B; font-size:17px; margin:0px 0px 6px 0px; font-weight:bold;}
.info{ width:100%; clear:both; line-height:12px;}
.info-left { width:80px; float:left;}
.info-right { float:left; width:210px;}/* on home */
.info-right2 { float:left; width:450px;}
.info-right3 { float:left; width:350px;} /* for event info on detail */
.info-left p, .info-right p, .info-right2 p, .info-right3 p{ margin:0px; padding:0px;}
.box-head { height:41px; background-image:url(images/bg_head.jpg); background-repeat:repeat-x; width:100%; margin: 0px;}
.event-info { width:474px; float:left; border-bottom:1px solid #858585; margin-bottom:10px;}

/* logo, top navigation and banners styles */
div#header{position:relative; height: 149px; font-family:Georgia, arial, Times, serif; font-size:18px;}
div#header .active{ color:#000000; padding-left: 13px; font-size:18px; background-image:url(images/bullet01.jpg); background-repeat:no-repeat; background-position:0px 6px;}
div#header a:hover.active{ color:#000000; font-size:18px; text-decoration:underline;}
div#header a {font-family:Georgia, arial, Times, serif; font-size:18px;}
div#header .logo { float:left;}
div#header .nav-left{ float:left;  margin:30px 0px 0px 70px; padding-left:22px; height:80px; width:270px;border-left:1px solid #939393;}
div#header .nav-right{ float:right; padding:0px; margin:30px 0px 0px 0px; height:80px; width:200px;}
div#header ul { list-style-type:none;}
div#banner { height:221px; background-image:url(images/bg_banner.jpg); background-repeat:repeat-x; margin:0px 0px 20px 0px; clear:both;}
div#banner-small { height:119px; background-image:url(images/banner.jpg); background-repeat:repeat-x; margin:0px 0px 20px 0px; clear:both;}
div#banner p{ font-size:17px; line-height:21px; margin-top:15px;}
div#banner .left{ float:left; padding:20px; width:900px; position:absolute;}
div#banner .right{ float:right;position:relative; bottom:52px;}

/* home page styles */
div#left-column-home{float:left;width:468px; margin:0px;}
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 .title {font-family:Georgia, arial, Times, serif; font-weight:normal; color:#801B1B; font-size:17px; margin:5px 0px 6px 0px;}
div#left-column-home a {color:#801B1B; }
div#right-column-home{float:right;width:468px; margin:0px; background-image:url(images/bg_box.jpg); background-repeat:repeat-x; background-position:bottom;}
div#right-column-home .tabs{ position:relative; top:7px; left:10px;}
div#right-column-home .news-left { float:left; width:163px;}
div#right-column-home .news-right { float:right; margin-left:10px; width:292px;}
div#right-column-home .title {color:#801B1B; font-size:17px; margin:0px 0px 6px 0px; font-weight:bold;}
div#right-column-home .info-left { width:80px; float:left; margin-bottom:4px;}
div#right-column-home .info-right { float:left; width:210px; margin-bottom:4px;}
div#right-column-home p { margin-bottom:4px;}

/* left content area */
div#left-column { width: 226px; float:left;}
div#left-column #navigation{ background-image:url(images/bg_nav.jpg); background-repeat:repeat-x; font-size:15px;}
div#left-column #navigation ul{ margin:3px 0px 10px 0px; padding:0px; }
div#left-column #navigation ul li{ margin:0px; list-style-type:none; padding:10px; border-bottom:1px solid #D1D1D1;}
#datecontainer { width:204px; padding:10px; height:228px;}
#datecontainer .dateyear { text-align:center; float:left; width:160px;}
#datecontainer .months { margin-top:20px; float:left;}
#datecontainer .dateleft {float: left; padding:3px 3px 0px 0px; width:65px; height:39px; margin:0px; border: none;}
#datecontainer .dateright {float: right; padding:3px 3px 0px 0px; width:65px; height:39px; margin:0px; border: none;}
#navigation a:link.active{ color: #000; padding-left: 13px; background-image:url(images/bullet01.jpg); background-repeat:no-repeat; background-position: top left;}
#newsletter { background-image:url(images/bg_box.jpg); background-repeat:repeat-x; background-position:bottom; height: 190px;}
#newsletter .title { font-weight:bold; color:#FFFFFF; font-size:14px; margin:10px 0px 0px 10px; line-height:35px;}
#newsletter p{ font-size:11px; padding:10px; margin:0px;}
#newsletter .textbox{ margin:0px 0px 4px 10px; width:200px; color:#999999; font-size:13px;}
#newsletter .error{ margin:0px 0px 0px 10px; width:200px; font-size:11px; color:Red;}
#newsletter .search{ margin:2px 0px 2px 140px;}
#downloads ul { margin:0px; padding:0px; font-size:13px;}
#downloads ul li{ margin:0px; padding:10px 10px 0px 10px; list-style-type:none;}

/* main content area */
div#centre-column { width: 711px; float:left;  margin-left:13px;}
div#centre-column h1{ font-size:24px; margin-bottom:28px;}
div#centre-column h2{ font-size:16px; color:#3A3A3A;}
div#centre-column .col-left{ float:left; width:350px; }
div#centre-column .col-right{ float:right; width:350px;}
div#centre-column .pub-col-right{ float:right; width:350px; margin-left:11px;}
div#centre-column .pub-left{ float:left; width:60px; height:86px; }
div#centre-column .pub-right{ float:left; margin-left:10px; width:280px; height:86px}
div#centre-column .news-left{ float:left; width:165px;}
div#centre-column .news-right{ float:left; margin-left:10px; width:530px;}
div#centre-column .contact-left{ float:left; width:200px; font-size:16px; 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:230px;color:#999999;}
div#centre-column .submit{ position:relative; left: 268px;}

/* right content area */
div#right-column { width: 222px; float:right; margin-left:15px;}
div#right-column .image { border:1px solid #CBCBCB;  font-family:Georgia, arial , Times, serif; font-style:italic; text-align:center; color:#999999;}
div#right-column .border { position:relative; left: 97px; bottom:8px;}
div#right-column .image p{ padding-top:6px;}
div#right-column .imagethumbcontent {margin: 0px 0px 0px 0px;}
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 .ads{ margin-bottom:10px;}
div#right-column h2 {font-family:Georgia, arial, Times, serif; font-size:23px; color:#801B1B; margin:0px 0px 18px 0px; padding:0px; font-weight:normal;line-height:21px;}
div#right-column h3 {font-family:Georgia, arial, Times, serif; font-size:19px; color:#801B1B; margin:0px 0px 18px 0px; padding:0px; font-weight:normal;line-height:21px;}


/* record search area */
div#full-column { width: 950px; float:left; background-image:url(images/bg_box.jpg); background-repeat:repeat-x; background-position:bottom;}
div#full-column h1{ font-size:24px; margin-bottom:28px;}
div#full-column h2{ font-size:16px; color:#3A3A3A;}
div#full-column .record-one {font-size:16px; font-weight:bold; float:left; width:225px; margin-right:10px; line-height:23px; }
div#full-column .record-two {font-size:16px; font-weight:bold; float:left; width:225px; margin-right:10px;}
div#full-column .record-three {font-size:16px; font-weight:bold; float:left; width:225px; line-height:23px; margin-right:10px; }
div#full-column .record-four {font-size:16px; font-weight:bold; float:left; width:240px; }
div#full-column .record-five {font-size:16px; font-weight:bold; float:left; width:240px; margin-left:235px; }
div#full-column .record-six {font-size:16px; font-weight:bold; float:left; width:460px; line-height:23px; margin-right:10px; }
div#full-column .textbox{ width:220px; color:#999999;}
div#full-column .textbox2{ width:400px; color:#999999;}
div#full-column .value{ width:50px;color:#999999;}
div#full-column .warn { font-size:13px; color:#801B1B;}
div#full-column .row { margin-top:10px; clear:both; float:left;}

/* footer styles */
div#footer{clear:both;width:100%; padding-top:15px; border-top:2px solid #333333; margin-bottom:15px;}
div#footer p{margin:0px;padding:0px; font-size:10px; }
div#footer .left{ float:left; width:400px;}
div#footer .right{ float:right; width:500px;}

.hideArray{
    display:none;
}
.noBorder{ border:none;}

/*SITEMAP INFO*/

#sitemap{
    background-color:transparent;
    width:400px;
    margin:10px 0px 0px 20px;
    padding:0px 0px 20px 0px;
    float:left;
    font-size:12px; 
    color:#000;
    }

#sitemap .rootnode{
    background-color:transparent;
    background-image:url('images/sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:350px;
    height:15px;
    margin:0px 0px 0px 0px;
    padding:5px 0px 2px 20px;
    float:left;
    font-weight:bold;
    background-color:transparent; 
    }   
    
#sitemap .subnode{
    background-color:transparent;
    background-image:url('images/sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:500px;
    margin:0px 0px 0px 12px;
    padding:2px 0px 2px 20px;
    float:left;
    background-color:transparent; 
    } 
    
#sitemap .subnode2{
    background-color:transparent;
    background-image:url('images/sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:500px;
    margin:0px 0px 0px 24px;
    padding:2px 0px 2px 20px;
    float:left;
    background-color:transparent;
    } 
        
#sitemap .subnode3{
    background-color:transparent;
    background-image:url('images/sitemaplink2.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:300px;
    margin:0px 0px 0px 36px;
    padding:2px 0px 2px 20px;
    float:left;
    background-color:transparent;
    }     
/*END SITEMAP INFO*/

