* {margin:0; padding:0}
html {background:#bfbfbf;}
body {background:#fff url(../images/css_main_header.gif) top center no-repeat; font-family:arial, verdana, tahoma, helvetica, sans-serif; font-size:81%; padding:0; margin:0 auto; text-align:center;}

/* standard headings, fonts and links */
h1,h2,h3,h4,h5,h6{font-family:arial, verdana, tahoma, helvetica, sans-serif;}
h1{color:#0066cc; font-size:175%; margin-bottom:15px;}
h1 span{display:block; font-size:80%;}
body#home h1{border-bottom:1px solid #7fb8dd; padding-bottom:5px; margin-right:30px;}
h2{color:#666; font-size:140%; margin:20px 0 5px 0;}

body#search h2{background:#c8c8c8; padding:5px 12px; margin:20px 0 10px 0; color:#0066cc; font-weight:bold; font-size:100%;}
h3{color:#666; font-size:115%; margin:20px 0 5px 0;}
h4{color:#666; font-size:100%; margin:20px 0 5px 0;}
/* MISC STYLES */
.skiplinks{display:none;} fieldset{border:0;}
input, select, textarea{font-size:100%; font-family:arial, verdana, tahoma, helvetica, sans-serif;}
input, select{vertical-align:middle;} textarea{vertical-align:top;}
form{margin:0; padding:0; border:0;} table{font-size:100%;} img{border:0;}
hr{height:1px; border:0; line-height:1px; clear:both; color:#000; background:#000;}
ul{list-style-type:none;}
a:active{outline:none;} 
.clear{clear:both; height:1px; line-height:1px; font-size:1px; margin-top:-1px;}


.clearDiv:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
.clearDiv {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearDiv {height: 1%;}
.clearDiv {display: block;}
/* End hide from IE-mac */

/* containers */
#wrapper{background:url(../images/css_footer.gif) bottom left repeat-x;}
#container {margin:0 auto; text-align:left; width:960px;}


/* HEADER */
#header {height:172px; background:url(../images/css_header.gif) 0 0 no-repeat; position:relative; padding-left:45px;}
#logo{position:relative; height:110px; width:290px; display:block; overflow:hidden; float:left;}
#logo a{text-decoration:none;}
	body#home #logo a{cursor:default;}
#logo a span{background: url(../images/css_logo.gif) 0 0 no-repeat; height:110px; width:290px; display:block; position:absolute; top:0; left:0;}
#toplinks{float:right; padding:25px 50px 0 0; font-size:82%;}
#toplinks label{color:#fff;}
input#searchtext{width:11.0em; color:#003366;}
input.btnsearch{background:#fff; border:1px solid #003366; color:#003366; font-weight:bold; padding:1px 2px;}
#toplinks ul{width:14.3em; margin-top:5px; background:#104f8b;}
#toplinks ul li{width:7em; float:left; margin:0 0.1em 0.1em 0;}
#toplinks ul li a{background:#4477a5; color:#fff; display:block; float:left; width:7em;text-align:center; padding:3px 0; text-decoration:none;}
#toplinks ul li a:hover, #toplinks ul li a:focus{text-decoration:underline; color:#fff;}

#topnav{position:absolute; top:126px; left:45px;}
#topnav ul{}
#topnav ul li{display:inline; float:left; background:url(../images/css_bg_nav.gif) 0 0 no-repeat; position:relative; margin-left:1px;}
#topnav ul li span{background:url(../images/css_bg_nav_span.gif) 0 0 no-repeat; position:absolute; top:0; right:0; width:0.75em;  display:block; height:100%;}
	* html #topnav ul li span{margin-right:-0.1em;}
	* html #topnav ul li.liline span{margin-right:0;}
#topnav ul li a{padding:0.75em 1em 0.5em 1em; display:block; font-size:110%; text-decoration:none; font-weight:bold; color:#666;}
#topnav ul li a:hover, #topnav ul li a:focus{color:#0066cc; text-decoration:none;}
body#home #topnav ul li a.nav1, body#about #topnav ul li a.nav2, body#search #topnav ul li a.nav3, body#casestudy #topnav ul li a.nav3, body#submit #topnav ul li a.nav4, body#links #topnav ul li a.nav5, body#resources #topnav ul li a.nav6{background:url(../images/css_arrow.gif) bottom center no-repeat; color:#0066cc;}

/**/
#content{padding:28px 0 0 45px; min-height:220px;}
	* html #content{height:220px;}
#hmleft{ float:left; width:426px; margin-right:8px;}
#hmleft p{color:#666;  margin:0 30px 10px 0; line-height:1.2;}
#hmleft p em{font-style:normal; font-weight:bold; font-size:120%; line-height:1.4;}
#hmleft a{color:#0066cc; text-decoration:none;}
#hmleft a:hover, #hmleft a:focus{color:#0066cc; text-decoration:underline;}
#hmright{float:left; width:436px;}
#hmright p{color:#666; margin:10px 30px 10px 0; line-height:1.2;}
#hmright a{color:#0066cc; text-decoration:none;}
#hmright a:hover{color:#0066cc; text-decoration:underline;}
#buttons{padding:28px 0 0 45px;}
#buttons ul{}
#buttons ul li{float:left; margin-right:10px; display:block; width:178px; height:113px; padding:15px;}
#buttons ul li.libank{background:url(../images/button_1.png) 0 0 no-repeat;}
#buttons ul li.liregion{background:url(../images/button_2.png) 0 0 no-repeat;}
#buttons ul li.lisubmit{background:url(../images/button_3.png) 0 0 no-repeat;}
#buttons ul li.livideos{background:url(../images/button_4.png) 0 0 no-repeat;}
#buttons ul li a{display:block; width:178px; height:113px; color:#0066cc; text-decoration:none; font-weight:bold; font-size:140%;  cursor:pointer;}
#buttons ul li a:hover, #buttons ul li a:focus{text-decoration:underline;}

/**/
#image{height:108px; margin:0 50px 0 45px;}
body#about #image{background:url(../images/img_case_search.jpg) 0 0 no-repeat;}
body#search #image{background:url(../images/img_case_search.jpg) 0 0 no-repeat;}
body#casestudy #image{background:url(../images/img_case_search.jpg) 0 0 no-repeat;}
body#submit #image{background:url(../images/img_case_search.jpg) 0 0 no-repeat;}
body#links #image{background:url(../images/img_case_search.jpg) 0 0 no-repeat;}
body#resources #image{background:url(../images/img_case_search.jpg) 0 0 no-repeat;}
body#default #image{background:url(../images/img_case_search.jpg) 0 0 no-repeat;}

form.casesearch{background:#e0e0e0; margin-top:20px;}
#hmleft form.casesearch p{color:#666;  margin:0 0 10px 0; }
form.casesearch label{background:#c8c8c8; display:block; padding:5px 12px; color:#0066cc; font-weight:bold;}
form.casesearch label.check{background:none; display:inline; padding:0; color:#0066cc; font-weight:bold; font-size:82%;}
form.casesearch select{margin:5px 12px; color:#666; width:240px;}
form.casesearch p.checkbx{float:left; width:100px; padding:0 5px 0 12px; margin:0;}
form.casesearch p.checkbx input{margin-right:5px;}
form.casesearch input.button{float:right; margin:0 12px 5px 0; background:#fff; border:1px solid #003366; color:#003366; font-weight:bold; padding:1px 4px;}

/**/
form#resourcesSearch{background:#e0e0e0; padding-bottom:30px;}
#hmleft form#resourcesSearch p{color:#666;  margin:0 0 10px 0; }
form#resourcesSearch label{background:#c8c8c8; display:block; padding:5px 12px; color:#0066cc; font-weight:bold;}
form#resourcesSearch label.check{background:none; display:inline; padding:0; color:#0066cc; font-weight:bold; font-size:82%;}
form#resourcesSearch select{margin:5px 12px; color:#666; width:240px;}
form#resourcesSearch p.checkbx{float:left; width:100px; padding:0 5px 0 12px; margin:0;}
form#resourcesSearch p.checkbx input{margin-right:5px;}
form#resourcesSearch input{display:none;}
form#resourcesSearch input#SearchButton{float:right; margin:0 12px 5px 0; background:#fff; border:1px solid #003366; color:#003366; font-weight:bold; padding:1px 4px; display:block;}

#map{background:url(../images/img_map.gif) 0 0 no-repeat; height:445px; width:359px; display:block; position:relative;}
#left #map ul li {background:none;}
#map a{outline:none; position:absolute; top:0; left:0; background:url(../images/dot.png) 0 0 no-repeat; height:14px; width:14px; display:block; text-indent:-9999px;}
#map a#inv{position:absolute; top:180px; left:170px;}
#map a#arc1{position:absolute; top:188px; left:178px;}
#map a#arc2{position:absolute; top:170px; left:195px;}
#map a#arc3{position:absolute; top:160px; left:170px;}
#map a#aber{position:absolute; top:208px; left:266px;}
#map a#dun{position:absolute; top:263px; left:227px;}
#map a#ang{position:absolute; top:232px; left:236px;}
#map a#nor{position:absolute; top:241px; left:244px;}
#map a#gre{position:absolute; top:313px; left:139px;}
#map a#incl{position:absolute; top:323px; left:146px;}
#map a#sti{position:absolute; top:297px; left:183px;}
#map a#glw{position:absolute; top:323px; left:160px;}
#map a#gla{position:absolute; top:329px; left:170px;}
#map a#edi{position:absolute; top:317px; left:221px;}
#map a#wel{position:absolute; top:319px; left:207px;}
#map a#bor{position:absolute; top:348px; left:251px;}
#map a#sco1{position:absolute; top:228px; left:171px; background:url(../images/dot-sco.png) 0 0 no-repeat; height:20px; width:20px;}
.tool-tip {text-align:left;	color:#fff; width:200px; z-index:13000;}
.tool-title {display:none;}
.tool-text {font-size:91%; padding:5px; color:#0071bc; background:#fff; border:1px solid #0b2876;}
/**/
#left{float:left; width:580px; margin-right:20px;}
	body#search #left{float:left; width:430px; margin-right:170px;}
#left p{color:#666; margin:0 0 10px 0; line-height:1.2;}
#left a{color:#0066cc; text-decoration:none;}
#left a:hover{color:#0066cc; text-decoration:underline;}
#left ul{margin:0 0 10px 0;}
#left ul li{background:url(../images/css_bullet.gif) 0 9px no-repeat; line-height:1.2; color:#666; padding:3px 0 3px 15px;}
#left ul li a{color:#0066cc; text-decoration:none;}
#left ul li a:hover{color:#0066cc; text-decoration:underline;}
#left ul li a.pdf{background:url(../images/icon_pdf.gif) 0 0 no-repeat; margin-left:-19px; padding-left:20px;}
#left ul li a.word{background:url(../images/icon_word.gif) 0 0 no-repeat; margin-left:-19px; padding-left:20px;}
#left ul li ul{margin:5px 0 0 0;}
#left ol{margin:0 0 10px 0; padding-left:25px;}
#left ol li{line-height:1.2; color:#666; padding:3px 0;}
#left ol li a{color:#0066cc; text-decoration:none;}
#left ol li a:hover{color:#0066cc; text-decoration:underline;}
#right{float:left; width:264px;}
#right #leftnav p{background:#0a75a0 url(../images/css_bg_subnav.gif) 0 0 repeat-x; color:#fff; padding:10px 0 10px 10px; font-weight:bold; font-size:110%;}

/**/
#left ul.list{margin:0 0 0 0;}
#left ul.list li{background:none; float:left; margin:0 5px 5px 0; padding:0;}
#left ul.list li a {display:block; width:158px; height:92px; text-indent:-9999px; text-decoration:none; padding:20px 15px 10px 15px; color:#fff;}
#left ul.list li a:hover{background:url(../images/img_video_roll.gif) 0 0 no-repeat; text-decoration:none; text-indent:0; color:#fff;}
a.vidone{background:url(../images/img_vid_angus_mid.jpg) 0 0 no-repeat;}
a.vidtwo{background:url(../images/img_vid_cornton_mid.jpg) 0 0 no-repeat;}
a.vidthree{background:url(../images/img_vid_inverclyde_mid.jpg) 0 0 no-repeat;}
a.vidfour{background:url(../images/img_vid_wea_english_mid.jpg) 0 0 no-repeat;}
a.vidfive{background:url(../images/img_vid_wea_aberdeen_mid.jpg) 0 0 no-repeat;}
a.vidsix{background:url(../images/img_vid_west_lothian_mid.jpg) 0 0 no-repeat;}
#left .study img{float:left; margin:0 10px 10px 0;}
#left .study h2{clear:both;}

/* SUBNAV */
#right ul{border:1px solid #b2b2b2; border-top:0; padding:10px 0 10px 10px;}
#right ul li{padding:3px 0; color:#666; font-weight:bold;}
#right ul li a{color:#666; text-decoration:none; font-size:115%;}
#right ul li a:hover{color:#0066cc; text-decoration:none;}
#right ul li.hot a{color:#0066cc;}
#right ul li.hot a:hover{color:#0066cc;}
#right ul li.open a{color:#0066cc;}
#right ul li.open a:hover{color:#0066cc;}
#right ul li ul{border:none; padding:2px 0 2px 15px;}
#right ul li ul li{padding:2px 0; font-weight:normal;}
#right ul li.hot ul li a{color:#666;}
#right ul li.hot ul li a:hover{color:#0066cc;}
#right ul li.open ul li a{color:#666;}
#right ul li.open ul li a:hover{color:#0066cc;}
#right ul li.open ul li.hot a{color:#0066cc;}
#right ul li.open ul li.hot a:hover{color:#0066cc;}

/* CASE STUDY SEARCH RESULTS */
.results{background:#e0e0e0; padding:15px 12px 2px 12px; margin-bottom:10px;}
.results h2{color:#666; font-size:120%; margin:0 0 2px 0;}

/**/
#footer{border-top:1px solid #999; margin:40px 50px 20px 45px; padding:0; font-size:82%;}
#footer img{float:left; margin-top:5px;}
#footer ul{float:right; padding-top:5px;}
#footer ul li{display:inline; border-right:1px solid #999; padding:0 5px;}
	* html #footer ul li{padding-left:5px;}
#footer ul li.end{border-right:0; padding:0 0 0 5px;}
#footer ul li a{color:#666; text-decoration:none;}
#footer ul li a:hover, #footer ul li a:focus{color:#666; text-decoration:underline;}

/* CASE STUDY SUMBISSION */
#left form#submission_form{} 
#left form#submission_form label{font-weight:bold;} 
#left form#submission_form p.frmcheck{clear:both;}
#left form#submission_form p.frmcheck label{font-weight:normal;} 
#left form#submission_form input, #left form#submission_form textarea, #left form#submission_form select {color:#666; margin:2px 0 5px 0;}
#left form#submission_form input, #left form#submission_form textarea{width:325px;}
#left form#submission_form .wrap input{width:auto;}
#left form#submission_form p.frmcheck input{width:auto;}
#left form#submission_form p.frmcheck span{width:280px; float:left;}

#left form#submission_form input#submit_button{margin:0 12px 5px 0; background:#fff; border:1px solid #003366; color:#003366; font-weight:bold; padding:1px 4px; display:block; width:70px;}
.error{color:red;}