








/* Standard */
    @import url(seasons/cms.css);    

   
    
    /* Season Specific */
    @import url(seasons/structure/structure5.css);
    

    
 /*not sure if need next line*/   .html {
	
background: white;}
/*code for gradient*/

body {margin-top: 0px;font-family: Verdana;font-size: 75%;
  
background: -moz-linear-gradient(top,  #2F7C3A0%, #ffffff 20%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F7C3A), color-stop(20%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2F7C3A0%,#ffffff 20%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2F7C3A 0%,#ffffff 20%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2F7C3A 0%,#ffffff 20%); /* IE10+ */
background: linear-gradient(to bottom,  #2F7C3A 0%,#ffffff 20%); /* W3C */
    
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F7C3A', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */: transparent linear-gradient(to bottom, #2F7C3A0%, #FFF 20%)     
    
 background-repeat: no-repeat;
background-attachment: fixed; 
}

a:link {background-color: transparent;color: #333399;font-size: 0.9em;}

a:visited {background-color: transparent;color: #339;font-size: 0.9em;}

a:hover {background-color: transparent;color: #339;font-size: 0.9em;}

a:active {background-color: transparent;color: #669;font-size: 0.9em;}

.navheading a:link,.navheading a:visited,.navheading a:hover,.navheading a:active {color: #fff;}

.widget_link a:link,.widget_link a:visited,.widget_link a:hover,.widget_link a:active {color: #222;}

#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active {color: #fff;}

#section_navigation {background-position: left bottom;background-color: #000000;background-repeat: repeat-x;margin-top: 0px;margin-bottom: 0px;float: left;display: block;width: 100%;line-height: normal;}

#section_navigation ul {padding: 0px 10px 0 5px;margin: 0;margin-left: 0px;list-style: none;}

#section_navigation li {padding: 0;margin: 0;display: inline;}

#section_navigation a {background-position: left top;background-color: transparent;background-repeat: no-repeat;padding: 0;margin: 0;float: left;text-decoration: none;}

#section_navigation a span.slink {
    background-position: right top;
    background-color: transparent;
    background-repeat: no-repeat;
    color: #FFFFFF;
    padding: 10px 58px;
    float: left;
    display: block;
    font-size: 1.2em;
}
#section_navigation a span.slink:hover {
    background-color:#293A8A;
}

/*hides category at bottom of pages*/



.info_on, .cate_wrap {
    clear: both;
    margin: 5px 0px 10px;
    padding: 0px 0px 10px;
    display: none;
}


#access_links {margin: 0px;padding: 0px; display: none}

#section_navigation a:hover {background-position: 0% -42px;}

#section_navigation a:hover span.slink {background-position: 100% -42px;}

.logo {float: left;}

#linksearch {margin: 30px 30px 0 30px;float: right;text-align: right;}

#content h2 {color: black;font-size: 1.6em;}

#content h3 {color: #2F7C3A;font-size: 1.4em;}

#content {background-color: #FFFFFF;color: #222;margin-top: 0px;font-size: 1.6em;}
#content {
    padding: 0px;
    width: 1000px !important;
}

.navheading {background-position: left center;background-color: #3B4041;color: #fff;padding: 5px 0 0 0;font-size: 1.4em;}

#header h1 {color: #fff;display: none;font-size: 1.8em;}

#footer {background-position: center bottom;background-repeat: no-repeat;color: #222;padding: 0 0 40px 0;padding-top: 18px;padding-bottom: 68px; margin-top: 0px;font-size: 1em;border-top: 1px solid #3B4041;}

#linksearch a {background-color: transparent;color: #fff;padding: 20px;font-size: 0.85em;display:none}

#container {/* background-position: center top; *//* background-image: url(../images/site_bg.gif); *//* background-repeat: repeat-y; */; padding:0; width: 1000px !important;background-position: center top;background-color:white;}

#header {background-position: center top;background-image: url("https://www1.highland.gov.uk/images/HR_Microsite_Graphic_HEADER.jpg");background-repeat: no-repeat;}

#mast_wrapper {height: 0px;}

#leftcolumn {/* border-top: 1px solid #5E5E5E; */margin-top: 10px;}

.widget {margin: 10px 0 0 0;}

.widget_link a {background-position: left center;background-color: transparent;color: #222;padding: 5px 0 0 0;margin: 0px;display: block;font-size: 1.4em;}

p.widget_p {background-position: left center;background-color: transparent;color: #222;padding: 5px 0 0 0;margin: 0 0 0 0;font-size: 1.4em;}

#identityWrapper {padding: 16px;}

#extra {/* border-top: 1px solid #5E5E5E; */margin-top: 10px;}

#related {border: 2px solid #ccc; display:none}

.infobox {border: 2px solid #ccc;}

.newsimage {border: 2px solid #ccc;}

.cat_news img {border: 2px solid #ccc;}

.newsbox img {border: 2px solid #ccc;}

.rightcolumn img {border: 2px solid #ccc;}

.leftcolumn img {border: 2px solid #ccc;}

.contentimage {border: 2px solid #ccc;}

.documentimage {border: 2px solid #ccc;}

.locationmap {border: 2px solid #ccc;}

.linkbox {background-position: bottom left;background-image: url(../images/rule.gif);background-repeat: repeat-x;}

.download_wrap {background-position: bottom left;background-image: url(../images/rule.gif);background-repeat: repeat-x;}

.infobox_h {background-position: bottom left;background-image: url(../images/rule.gif);background-repeat: repeat-x;}

#categories_in {background-position: bottom left;background-image: url(../images/rule.gif);background-repeat: repeat-x;}

.cate_wrap {background-position: bottom left;background-image: url(../images/rule.gif);background-repeat: repeat-x;}

.cat_news {background-position: bottom left;background-image: url(../images/rule.gif);background-repeat: repeat-x;}

.newsbox {background-position: bottom left;background-image: url(../images/rule.gif);background-repeat: repeat-x;}

.news_wrap {background-position: bottom left;background-image: url(../images/rule.gif);background-repeat: repeat-x;}

.col_wrap {background-position: bottom left;background-image: url(../images/rule.gif);background-repeat: repeat-x;}

.contact_h {background-position: bottom left;background-image: url(../images/rule.gif);background-repeat: repeat-x;}

address {background-position: bottom left;background-image: url(../images/rule.gif);background-repeat: repeat-x;}

#bc {background-position: bottom left;background-image: url(../images/rule.gif);background-repeat: repeat-x;}

.cate_wrap li {padding: 0;margin: 0 0 0 15px;list-style: url(../images/disc.gif);}

#categories_in li {padding: 0;margin: 0 0 0 15px;list-style: url(../images/disc.gif);}

.info_on li {padding: 0;margin: 0 0 0 15px;list-style: url(../images/disc.gif);}

.by_editor ul li {padding: 0;/* margin: 0 0 0 15px; */list-style: url(../images/disc.gif);}

.answer ul li {padding: 0;margin: 0 0 0 15px;list-style: url(../images/disc.gif);}

.newsbox ul li {padding: 0;margin: 0 0 0 15px;list-style: url(../images/disc.gif);}

#contentlist li {padding: 0;margin: 0 0 0 15px;list-style: url(../images/disc.gif);}

#sitemap ul {padding: 0;margin: 0 0 0 15px;list-style: url(../images/bullet.gif);}

.download_indent p {background-position: 0px 9px;background-image: url(../images/bullet.gif);background-repeat: no-repeat;display:none;}

.infobox p {background-position: 0px 4px;background-image: url(../images/bullet.gif);background-repeat: no-repeat;padding-top: 0;}

.cate_wrap p {background-position: 0px 8px;background-image: url(../images/bullet.gif);background-repeat: no-repeat;}

#footerLinks {display: none;}

.widget_link {background-color: transparent;color: #222;padding: 5px 0 0 0;font-size: 1.4em;}

#site_search {display: block;}

#site_search .button {
    background-color: #000;
    border: 1px solid #000;
    margin-left: -4px;
    color: #FFF;
    line-height: 20px;
}

.widget li {margin: 0 0 0 0;}

#site_logo {display: block;}

.row_divider {
    width: 1000px !important;
    clear: both;
    margin: 0px 0px 10px;
    overflow: hidden;
}


/* elspeth */

ul#main, ul#main ul.sub {
    padding:0;
    margin-top:45px;
    margin-left:20px;
    content-align:center;
}
ul#main li  {
    list-style-type:none;
    display: inline-block;
}



ul#main li a, ul#main li ul.sub li a:hover {
    text-decoration: none;
    font-family:Verdana;
    font-size:12px;
    color: #ffffff;
    background: black;
    padding: 9px;
    display:inline-block;
    width: 11em;
}
ul#main li {
    position: relative;
}
ul#main li ul.sub {
    display:none;
    position: absolute;
    top: -11px;
    left:-25px;
}
ul#main{
    display:inline-block;
}
.policy{
    position:relative;
}
.policy{
    display:inline-block;
    border-radius:5px;
    border:5px solid rgb(68, 42, 128);
    /* width: 6em; */
}
.policy:after{
content:"\25BC";
font-size:.20em
display:block;
position:relative;
top:100%
}

.policy li ul.sub{
    position:absolute;
    display:none;
    border-radius:5px;
    border:5px solid rgb(68, 42, 128);
}
ul#main .policy:hover ul.sub{
    display:block;
    opacity:0.8;
}
.guide{
    position:relative;
}
.guide {
    display:inline-block;
    border-radius:5px;
    border:5px solid rgb(47, 124, 58);
}
.guide:after{
content:"\25BC";
font-size:.20em
display:block;
position:relative;
top:100%
}
.guide li ul.sub {
    display:inline-block;
    border-radius:5px;
    border:5px solid rgb(47, 124, 58);
}
ul#main .guide:hover ul.sub{
    display:block;
    opacity:0.8;
}
.how{
    position:relative;
}
.how {
    display:inline-block;
    border-radius:5px;
    border:5px solid rgb(225, 128, 0);
}
.how:after{
content:"\25BC";
font-size:.20em
display:block;
position:relative;
top:100%
}
.how li ul.sub {
    display:inline-block;
    border-radius:5px;
    border:5px solid rgb(225, 128, 0);
}
ul#main .how:hover ul.sub{
    display:block;
    opacity:0.8;
}
.flow{
    position:relative;
}
.flow {
    display:inline-block;
    border-radius:5px;
    border:5px solid rgb(225, 0, 0);
}
.flow:after{
content:"\25BC";
font-size:.20em
display:block;
position:relative;
top:100%
}
.flow li ul.sub {
    display:inline-block;
    border-radius:5px;
    border:5px solid rgb(225, 0, 0);
}
ul#main .flow:hover ul.sub{
    display:block;
    opacity:0.8;
}
.temp{
    position:relative;
}
.temp {
    display:inline-block;
    border-radius:5px;
    border:5px solid rgb(0, 0, 204);
}
.temp:after{
content:"\25BC";
font-size:.20em
display:block;
position:relative;
top:100%
}
.temp li ul.sub {
    display:inline-block;
    border-radius:5px;
    border:5px solid rgb(0, 0, 204);
}
ul#main .temp:hover ul.sub{
    display:block;
    opacity:0.8;
} /* elspeth - styling for How to Pages*/

.howTo{
    color:rgb(225, 128, 0);
    display:block;
        position:relative;
    border-radius:10px;
    border:10px solid rgb(225, 128, 0);
}
.howTitles{
    color:rgb(225,128,0);
}




#mast_wrapper {
    height: 170px;
}

/*code for button*/

.button__main {
   background-color: black !important;
      padding: 5px;    
    margin: auto;
    display: inline-block;
    font-weight: bolder;
    text-align: center;
    width: 40%;
    line-height: 3em;
    text-transform: uppercase;
text-decoration: none !important;
     border:5px solid rgb(47, 124, 58);
    border-radius:10px;
    color:white !important;
}.button__main:hover {
   
   background: #BFDDCD !important;
  border:5px solid rgb(47, 124, 58);
    border-radius:10px; 
    color:black !important;;
   }
.button__main:active {
   
   background: #BFDDCD !important;
    border:none
   }
   
   .rightbutton {
    background-color: rgba(225, 128, 0, 0.45) !important;
      padding: 5px;       
    margin: auto;
    border: none;
    display: inline-block;
    font-weight: bolder;
    text-align: center;
    width: 40%;
    line-height: 3em;
    text-transform: uppercase;
text-decoration: none !important;
       
}
/* to take away padding from homepage banners*/
#content-full {
    padding: 0px;
    width: 1000px;
}
/* a to z buttons */

#az_index a.button {
    display: inline-block;
    width: 5%;
    text-align: center;
    background-color: #2F7C3A;
    color: #FFF;
    border: 1px solid #2F7C3A;
    line-height: 35px;
    margin-bottom: 10px;
    border-radius:10px; 
}

#az_index a.button:hover 

{
    cursor: pointer; 
    background-color: #293A8A; border-color: #293A8A; 
    text-decoration: none;
}
    
#az_index {
    float: left;
    font-size: 1.4em;
    text-align: center;
    margin: 10px 0px;
    word-spacing: 0.2em;
    width: 100%;
}

/*button for search*/

.button__primary {
    background-color: #000 !important;
    padding: 5px;
    margin: auto;
    display: inline-block;
    font-weight: bolder;
    text-align: center;
    width: 20%;
    line-height: 1em;
    text-transform: uppercase;
    text-decoration: none !important;
    border: 5px solid #2F7C3A;
    border-radius: 10px;
    color: #FFF !important;
}
.button__primary:hover {
   
   background: #BFDDCD !important;
  border:5px solid rgb(47, 124, 58);
    border-radius:10px; 
    color:black !important;;
   }
.button__primary:active {
   
   background: #BFDDCD !important;
    border:none
   }


