/*
/ --------------------------------------
/	Highlands & Islands Enterprise
/   Frame Digital
/ --------------------------------------

/*----------------------------*/
/* 1.  Standard			      */
/*----------------------------*/

* { padding: 0px; margin: 0px; }

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif ;
	color: #063A7A;
	font-size: 12px;
	line-height: 18px;	
}
html, body {
	/*font-size: 100%;*/
	height: 100%;
}
html {
	overflow-y: scroll;
}

a, img {
	border: none;
	border: 0;
	border-collapse: collapse;
}
img.thumbnail { border: solid 1px #d9e1eb; }

h1, h2, h3, h4
{	    
    color:#063A7A;    
    font-style:normal;
    font-weight:normal;
    margin: 0 0 10px 0;
    padding:0;    
}

h1 {
	font-size:24px;
    line-height:36px;
}
h2 {
	font-size: 18px;
	line-height: 24px;    
}
h3 {
	font-size: 16px;
	line-height: 18px;
}
h4 {
	font-size: 13px;
	line-height: 18px;
}
p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 12px;
}
#left { display: none; }
#header { display: none; }
#breadcrumbs { display: none; }
#body { width: 100% !important; }
.secondary { width: 25% !important; float: left;}
.primary { width: 70% !important; float: left; margin-right: 20px; }
#footer { display: none; }
#tabbed-nav { display: none; }

.green  { color: #60A81A; }
.clear { width: 100%; height: 1px; font-size:1px; line-height :1px; clear: both; }
.underline
{
    border-bottom:1px solid #60A81A;
    margin-bottom:15px;
    padding-bottom:6px;
}

.brick-content .underline
{
    border-color: #dbdee5; 
}

img.underline { margin-bottom: 6px; padding-bottom: 5px !important; }

a:hover {
	text-decoration: underline;
	color:#60A81A;
}

.top-links ul, .top-links li {
	list-style: none;
	display: inline;
}

ul a, li a{
	text-decoration: none;
}

.hr-green {
	border-bottom:1px solid #60A81A;
	height:0;
	margin-bottom: 10px;
}
.hr-tint {
	border-bottom:1px solid #dbdee5;
	height:0;
	margin: 5px 0 10px;
}
.hr-green hr, .hr-tint hr {
	display:none;
}

.float-left { float: left; display: inline; }
.float-right { float: right; display: inline; }

.spacer-green,
.spacer { 
    padding-bottom: 20px; 
    background-image: url(/themes/default/images/framework/dotted-underline-blue.gif); 
    background-repeat: repeat-x; 
    background-position: left bottom; }

.spacer-green { background-image: url(/themes/default/images/framework/dotted-underline-green.gif);  }

.event-spacer { 
    padding-top: 20px; 
    background-image: url(/themes/default/images/framework/dotted-underline-blue.gif); 
    background-repeat: repeat-x; 
    background-position: left top;
}

.empty-data
{
    margin: 10px 0 0 0; float: left;
}

.small { font-size: 11px; font-style: italic; font-weight: bold; }

.read-more
{
    font-weight: bold;
}

/*----------------------
/	- Lists Navigation
/-----------------------*/

ul {	
	font-size: 12px;        
    list-style: none;
}


ul li
{
    background-image: url(/themes/default/images/nav/green-arrow.gif);
    background-repeat: no-repeat;
    background-position: 1px 9px;
    padding: 0px;
    margin: 0px;
    margin-left: 20px;
    padding-left: 10px;
}

.top-links ul li { background-image: none; padding: 0px; }

ul.small-txt a {
	font-size: 11px;
	line-height: 16.5px;
	color: #063A7A;
}
ul#foot-address li a, ul#foot-address li a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
ul#foot-address ul li a:hover {
	text-decoration: none;
	color:#60A81A;
}

/*------------------
/	- BREADCRUMBS
/------------------*/

#breadcrumbs
{
    height: 30px;
    margin: 10px 0 0;     
}

#breadcrumbs a {
	color: #063A7A;
}

/*------------------
/  - BRICKS
/------------------*/

.title { width: 100%; height: 40px; margin-bottom: 3px; clear: both; }

.title h2
{
    background:url(/themes/default/images/framework/blue-box.jpg) repeat-x scroll 0 0 transparent;
    color:#fff;
    font-size:16px;
    line-height: 36px;        
    height:38px;    
    padding: 2px 0 0 20px;    
}

.tertiary-brick { margin-bottom: 20px; }
.tertiary-brick .tertiary-title { width: 100%; height: 30px; margin-bottom: 0px; clear: both; }
.tertiary-brick .tertiary-title h3 {
    background:url(/themes/default/images/nav/sub-nav-sample-hover.jpg) repeat-x scroll 0 0 transparent;
    padding: 0 0 0 10px;
    margin: 0px;    
    height: 26px;
    color: #fff;
    font-size: 15px;
    line-height: 24px;
}

.tertiary-brick ul li { margin-top: 10px; }

.news-events,
.brick-content
{
    background-color:#F2F2F2;
    border-top:1px solid #CDD7E4;
    padding:16px 18px;    
    margin-bottom: 20px;    
}

.no-border { border: 0px !important; }
.news-events { border-top: 0px; }

.brick
{
    width: 260px;        
}

.brick-wide { margin-bottom: 20px; width: 100%; } /* wide so that it fills whatever container it is */

.brick ul li,
.brick-wide ul li { margin: 0px; }

.brick-double { width: 540px; }
.brick-left 
{
    padding-right:15px;
    width:235px;
}

.brick-column
{
    padding-right:15px;
    width:230px;    
}

.brick-wide img,
.brick img
{
    float: left;
    margin-right: 10px;
} 

.brick .tools img  { margin: 0px; }

.icon-margin h3 { margin-bottom: 5px; }
.icon-margin span.link,
.icon-margin p
{
    margin: 0 0 0 30px;
}

.icon-margin-wide h3,
.icon-margin-wide p { margin-left: 50px; }
.calendar
{
    background-image: url(/themes/default/images/icons/date-icon.gif);
    width: 38px;
    height: 47px;
    float: left;
}

.day
{
    color: #063a7a;
    font-size: 24px;
    width: 36px;
    display: block;
    height: 24px;
    padding-top: 6px;
    top: 3px;
    left: 1px;
    position:relative;
    text-align: center;    
}

.calendar h4 { color: #fff; font-size: 11px; text-align: center; padding: 0px; margin: 2px 0 0 0; line-height: 11px; }

.link-box
{
    clear:both;
    margin-top:10px;
    text-align:right;
}

.article-holder {
	position: relative;
	height: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;	    
	clear: both;
    width: 414px;    
}

.img-holder
{
    float: left;
    margin-right: 15px;
}

.no-margin { margin: 0px; }

.content-holder {  float: left; width: 306px; }

ul.address
{
    color:#063A7A;
    font-size:11px;
    margin-bottom:10px;
}
ul.address li { margin: 0px; }
ul.address li a { font-size: inherit; }
ul.address li span { color:#60A81A; }

ul.subcontent
{
    color:#063A7A;
    margin-bottom:20px;    
}

ul.subcontent li,
ul.subcontent li a { margin-bottom: 10px; font-size:inherit; }

.documents { background-image: none; margin-bottom: 40px; }
.documents li { display: block; height: 24px; margin-bottom: 8px; }
.documents li a { width: 300px; display: block;}

ul.archives li { margin-bottom: 12px; padding-top: 2px; }
ul.archives li a { text-decoration: underline; }
ul.archives li span { position: relative; top: -3px; }

/*****************************
    ICONS
******************************/

.icon
{
    width: 22px; height: 26px; display: block; margin-right: 5px;
    background-image: url(/themes/default/images/icons/icon_DOC_small.png);
    background-repeat: no-repeat;
    float: left;
}

.icon-pdf
{
    background-image: url(/themes/default/images/icons/icon_PDF_small.png);    
}

.icon-jpg
{
    background-image: url(/themes/default/images/icons/icon_JPG_small.png);
}

.icon-web
{
    background-image: url(/themes/default/images/icons/icon_WEB_small.png);
}

.icon-xls
{
    background-image: url(/themes/default/images/icons/icon_XLS_small.png);
}

.icon-zip
{
    background-image: url(/themes/default/images/icons/icon_ZIP_small.png);
}

.icon-calendar
{
    background-image: url(../images/icons/icon_calendar.png);
    background-position:7px 3px;
}

.icon-other
{
    background-position: top;
}

/*********************/
/*  RSS FEED         */
/*********************/
.rss-feed
{
    margin: 0 0 20px 0;
    float: left;
    top: 11px;
    right: 0px;
    padding-left: 20px;
    background-image: url(/themes/default/images/icons/rss-feed.gif);
    background-repeat: no-repeat;
    background-position: left;
}

/*********************/
/* CONTACT MORE INFO */
/*********************/

ul#contact-info
{
    font-size: 11px;
    color: #043978;
}
    
ul#contact-info li { margin-top: 20px; }
ul#contact-info li a.name { background-image: url(/themes/default/images/icons/person.gif); background-repeat: no-repeat; background-position: left top; padding-left: 28px; }
ul#contact-info li .details { margin-left: 28px; width: 200px; float: left; }
ul#contact-info li .details a { font-size: inherit; }

.associated-documents { margin: 0 0 30px 0; }

.vcard { width: 100px; float: left; }
.vcard a 
{
    color: #063A7A;
    font-size:11px; 
    display: block; 
    width: 91px; 
    padding-left: 40px;
    height: 23px;         
    padding-top: 4px;
    background-image: url(/themes/default/images/buttons/vcard.png); 
    margin-top: 4px;         
}

/*----------------------------*/
/* FORMS AND CONTROLS         */
/*----------------------------*/
select.control,
input[type=text].control { background-color: transparent; padding-left: 5px; border: solid 1px #a8a8a8; height: 31px; width: 99%; background-image: url(/themes/default/images/framework/control-bk.gif); color: #010101; }
select.control { height: 20px; width: 220px; margin-right: 25px;  }
.button { 
    background-image: url(/themes/default/images/buttons/button-bk.gif); 
    width: 134px; 
    height: 25px; 
    padding-bottom: 5px;
    border: 0px; 
    color: #063a7a; 
    font-size: 12px; cursor: pointer;}



.calendar-add
{
    width: 154px;
    height: 27px;
    display: block;
    float: right;
    background-image: url(/themes/default/images/icons/add-to-calendar.gif);
    text-indent: -3000px;
    outline: none;
}

/******************************/
/* AT A GLANCE                */
/******************************/
.at-a-glance
{
    padding: 15px;
    margin-bottom: 20px;
}

/******************************/
/* KEY CONTACTS               */
/******************************/
ul#key-contact { margin-bottom: 20px; }
ul#key-contact li { padding-left: 26px; background-image: url(/themes/default/images/icons/person.gif); background-repeat: no-repeat; background-position: left; margin-bottom: 10px; }
ul#key-contact li a { text-decoration: underline; }


/******************************/
/* LINK COLOURING */
/******************************/


/*  IN BODY LINKS ARE GREEN */
/* so set all links to be green no matter where they are */
a { text-decoration:none; cursor: pointer; color: #60A81A; }
a:hover { text-decoration: underline; }

/*  IN BRICKS ALL LINKS ARE BLUE and UNDERLINED */
.link-box a,
.brick a,
.brick-wide a
{
    color: #063A7A;
    text-decoration: underline;
}


.link-box a:hover,
.brick a:hover,
.brick-wide a:hover
{    
    text-decoration: none;
}

li .mega .brick a,
a.rss-feed,
.brick li a,
.brick-wide ul li a
{    
    text-decoration: none;
}

li .mega .brick a:hover,
a:hover.rss-feed,
.brick ul li a:hover,
.brick-wide ul li a:hover
{    
    text-decoration: underline !important;    
}

.brick h1 a,
.brick h2 a,
.brick h3 a,
.brick h4 a,
.brick-wide h1 a,
.brick-wide h2 a,
.brick-wide h3 a,
.brick-wide h4 a
{
    text-decoration: none;
}

.brick h1 a:hover,
.brick h2 a:hover,
.brick h3 a:hover,
.brick h4 a:hover,
.brick-wide h1 a:hover,
.brick-wide h2 a:hover,
.brick-wide h3 a:hover,
.brick-wide h4 a:hover
{
    text-decoration: underline;
}

/******************************/
/*  IN ULs ALL LINKS ARE BLUE */
/******************************/
ul li a { text-decoration: none; color: #063A7A; }