/* CSS Document */

body {
	margin:0; 
	padding:0 0 20px 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 85%;
	color:#004762;
	background:#fff url(images/AI_Banner_AIS_BG.gif) top left repeat-x;
	}
		
	
h1 {
	color:#FFFFFF;
	background:#004762;
	/*width:98%;*/
	display:block;
	margin:0;
	padding:5px;
	font-size:85%;
	font-weight:bold;
	}
	
h2 {
	color:#fff;
	background:#004762;
	/*width:98%;*/
	display:block;
	margin:0 0 10px 0;
	padding:5px;
	font-size:85%;
	font-weight:bold;
	}

h3 {
	/*width:98%;*/
	display:block;
	margin:0;
	font-size:85%;
	font-weight:bold;
	}

div.story {
	margin:5px 0 0 0;
	color:#004762;
	padding:5px 5px 5px 30px;
	background:#EBF3F6;
	}

p.leftIndent { margin:5px 0 10px 0;  padding:0 0 0 30px; background:#fff url(images/AI_newWin.gif) top left no-repeat}

div.story h3, div.story p {margin:0; padding:0}
div.story h3 {font-weight:normal}
div.story p {font-weight:bold;}

a.top {color:#ff9933; padding:0 0 0 30px; margin:0 0 5px 0; font-size:85%; }

h4 {
	color:#FFFFFF;
	background:#8DBDA8;
	/*width:98%;*/
	display:block;
	margin:0;
	padding:2px;
	font-size:80%;
	font-weight:bold;
	text-align:right;
	}		
		
	
h1.hidden {
	font-size: 100%;
	display:none;
	}
	
a 	{
	text-decoration: none;
	color:#B4600C;
	background: transparent;
	}
	
a:hover	{
	text-decoration: underline;
	color:#B4600C;
	background:transparent;
	}			

#main1 {
	margin:0;
	padding:0;
	background: url(images/AI_Nav_IndexBG.gif) top left repeat-y;
    }
	
#main2 {
	margin:0; padding:0;
	}
	
#header {
	margin:0; 
	padding:0;
	height:74px;
	font-size:81%
	}
	
#header img {float:left;}
	
/* Main Navigation */

#header ul {
float:left;
	padding:0;
	margin:50px 0 0 0;
	display:block;

	}
	
#header li {
	display:inline;
	list-style-type:none;
	padding:0;
	margin:0
	}
	
#header li a {
	display:block;
	float:left;
	
	}

#header li a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:4px 18px 2px 18px
	}
	
#header li a.hom {
	padding:4px 20px 8px 30px;
	background:url(images/AI_NavFirst.gif) top left no-repeat
	}

#hom #header li a.hom, #header li a.hom:hover {
	padding:4px 20px 8px 30px;
	background:url(images/AI_NavFirstCurrent.gif) top left no-repeat
	}
	
#header li a:hover, #org #header li a.org, #med #header li a.med, #inf #header li a.inf, #pol #header li a.pol, #abo #header li a.abo {
	background:url(images/AI_Nav.gif) top left no-repeat
	}
	
/* Main Navigation */

#right div.updates {
	background:#EFF5F2;
	color:#004762;
	font-size:95%;
	padding:5px;	
	font-weight:normal!important;
	}

	
#right div.updates a {display:block; margin:5px 0; padding:0 0 5px 0; font-weight:normal; color:#669966!important; border-bottom:1px solid #fff;}
#right div.updates p {border:none; margin:0; padding:0; color:#669966; font-weight:normal;}

	
div.monitor {
	background:#EFF3F7;
	padding:5px 5px 0 5px;
	color:#004762;
	}
	
div.monitor p {
	font-size:75%;
	margin:5px 0;
	padding:0 0 5px 0;
	color:#004762;
	}

div.monitor br {display:none;}
	
div.monitor a {
	display:block;
	margin:5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #fff;
	color:#004762;
	}	

#left {
	float:left;
	width:190px;
	padding:0;
	margin:0;
	background-color:#024863;
	color: #FFFFFF;
	clear:both;
	}
	
	#left ul li{font-weight:bold;}
	#left ul li a{font-weight:normal!important;}
	
#left img {
	margin:0 0 10px 0
	}

#right {
	float:right;
	width:150px;
	margin:0; 
	padding-top:22px;
	}
	
#middle {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:195px;
	margin-right:155px;
	padding:0;
	height:1%;
	font-size:95%;
	padding-top:22px;
	}
	
html>body #middle {
	height:inherit;
	}
	
#middle2col {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:190px;
	margin-right:0px;
	padding:2px;
	}	
		
#footer {
	margin:0px;
	}	

#middle p {
	font-size: 85%;
	}

#middle ul {
	font-size: 85%;
	}
	
#middle2col p {
	font-size: 85%;
	}

#middle2col ul {
	font-size: 85%;
	}

#publications caption {
	font-size:80%;
	text-align:left;
	font-weight:bold;
	color:#FFFFFF;
	background:#004762;
	padding:3px;
	}
	
#publications p {
	font-size:90%;
	padding-top:2px;
	}
	
#publications p a {
	font-size:100%;
	}

#publications th {
	padding:3px;
	}
	
#publications th, #publications th a {
	font-weight:bold;
	text-align:left;
	color:#004762;
	background:#CCDED5;
	}
		
#publications td {
	font-size:80%;
	text-align:left;
	padding:3px;
	}
		
#publications td a {
	color:#004762;
	background: transparent;
	font-weight:bold;
	text-decoration:none;
	}
	
#publications td a:hover {
	color:#B4600C;
	background: transparent;
	font-weight:bold;
	text-decoration:none;
	}		
	
#publications tr.lightTR td {
	color:#004762;
	background:#EFF5F2;
	}
	
#publications tr.darkTR td {
	color:#004762;
	background:#CCDED5;
	}								
	
	
#breadcrumbs {
	font-size:95%; margin-top:5px;
	}
	
#breadcrumbs a{
	text-decoration: none;
	}
	
#breadcrumbs a:hover{
	text-decoration: underline;
	}
	
#printerLink {
	font-size:95%;
	padding-left:2px;
	}
	
#printerLink a{
	text-decoration: none;
	}
	
#printerLink a:hover{
	text-decoration: underline;
	}
	
.cleaner {
	clear:both;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}		

.bottomSpacer {
	margin-top:20px;
	}

#left ul {
	margin:0;
	padding:0;
	font-size: 80%;
	}
	
#left ul li {
	list-style-type: none;
	padding-left:15px;
	padding-right:15px;
	margin-bottom: 7px;
	}
	
#left a {
	color: #FFFFFF;
	background: transparent;
	text-decoration: none;
	} 

#left a:hover {
	color: #ff9933;
	background: transparent;
	text-decoration: none;
	}
	
#right div.monitor p{font-weight:bold; color:#C7600D}
#right ul {
	margin:0;
	padding:0;
	font-size: 80%;
	color:#004762;
	background: #EFF5F2;
	}
	
#right ul li {
	text-align:left;
	list-style-type: none;
	padding-left:5px;
	padding-right:5px;
	margin-bottom: 6px;
	}
	
#right a {
	color: #004762!important;
	background: transparent;
	text-decoration: none;
	font-weight:normal!important;
	} 

#right a:hover {
	color: #B4600C;
	background: transparent;
	text-decoration: underline!important;
	}
	
#alphabetNav a{
	padding-right:2px;
	}
	
#footer td{
	font-size:68%;
	}
	
#footer td a{
	color:#004762;
	background: transparent;
	font-weight:bold;
	text-decoration:none;
	}
	
#footer td a:hover{
	color:#B4600C;
	background: transparent;
	font-weight:bold;
	text-decoration:none;
	}	
	
.updatesMiddleFlagged {
	color:#004762;
	background:#EBF3F6;
	/*width:98%;*/
	display:block;
	margin-top:0;
	margin-bottom:2px;
	padding:2px;
	font-size:85%;
	}
	
.updatesTopArchive {
	text-align:left;
	padding-right:15px;
	}	
	
.updatesMiddleFlagged a{
	color:#B4600C;
	background: transparent;
	font-weight:bold;
	text-decoration:none;
	}
	
.updatesMiddleFlagged a:hover{
	color:#B4600C;
	background: transparent;
	font-weight:bold;
	text-decoration:underline;
	}
	
label {
	font-size:95%;
	display:block;
	padding:5px 0 2px 0;
	}
	
/* FEEDBACK FORM ******************************************/	
	
#form1 {
	font-size:90%;
	vertical-align:middle;
	}
	
input.feedback {
	width:180px;
	border:1px solid #CBCACA;
	vertical-align:middle;
	}


textarea.feedback {
	width:250px;
	border:1px solid #CBCACA;
	margin-bottom:5px;
	margin-top:5px;
	}

label.feedback {
	font-weight:bold;
	vertical-align:middle;
	}
	
.displayButton{
	width:80px;
	padding:1px;
	font-weight:bold;
	font-size:81%;
	color:#ffffff;
	background:#8DBDA8;
	border-top:1px solid #93D1E5;
	border-left:1px solid #93D1E5;
	border-right:1px solid #056888;
	border-bottom:1px solid #056888;
	vertical-align:middle;
	}
	
/* FEEDBACK FORM ******************************************/

#searchForm {
	margin-left:10px;
	}
	
#searchForm label {
	font-size:80%;
	vertical-align:middle;
	}	
	
#searchForm input.searchBox {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;
	/*height:15px;*/
	padding:2px;
	width:120px;
	color: #FFFFFF;
	background: #0886AF;
	border:1px solid #002A38;
	vertical-align:middle;
 	}
				
#searchForm .displayButton{
	width:25px;
	font-weight:normal;
	font-size:70%;
	color:#ffffff;
	background:#002A38;
	border-top:1px solid #93D1E5;
	border-left:1px solid #93D1E5;
	border-right:1px solid #056888;
	border-bottom:1px solid #056888;
	padding:0px;
	vertical-align:middle;
	}
	
	
h2.register{margin-top:20px;}
input{vertical-align:middle;}
	
	
#right h2 {
	color:#FFFFFF;
	background:#8DBDA8;
	/*width:98%;*/
	display:block;
	margin:0;
	padding:5px 3px;
	font-size:85%;
	font-weight:bold;
	text-align:right;
	}

.tool-tip {text-align:left;	color:#143A4F; width:139px; z-index:13000;}
.tool-title {font-weight:bold; font-size:91%; margin:0; color:#222; padding:6px 6px 3px 6px; background: url(images/bubble.gif) top left}
	* html .tool-title {background: url(images/bubble.gif) top left}
.tool-text {font-size:91%; padding:3px 6px 6px 6px; background:url(images/bubble.gif) bottom right}
	* html .tool-text {background: url(images/bubble.gif) bottom right;}
	
	
ul#map {padding:0; margin:0 0 0 15px; position:relative; width:300px; height:375px; display:block; background:#fff url(images/css-map.gif); float:right;}
ul#map li {list-style-type:none; background:none; padding:0;}
ul#map li a {display:block; position:absolute; text-indent:-9999px; padding:0;}
ul#map li a#shetland {background:url(images/css-map-shetland.gif) top left; width:52px; height:77px; top:25px; left:238px; z-index:1;}
ul#map li a#shetland:hover {background:url(images/css-map-shetland.gif) bottom left;}
ul#map li a#wi {width:72px; height:130px; top:72px; left:1px; z-index:1; background:url(images/css-map-wi.gif) top left; z-index:1;}
ul#map li a#wi:hover {background:url(images/css-map-wi.gif) bottom left}
ul#map li a#orkney {width:43px; height:52px; top:10px; left:182px; background:url(images/css-map-orkney.gif) top left}
ul#map li a#orkney:hover {background:url(images/css-map-orkney.gif) bottom left}
ul#map li a#highland {width:169px; height:164px; top:65px; left:30px; z-index:0; background:url(images/css-map-highland.gif) top left; z-index:0;}
ul#map li a#highland:hover {background:url(images/css-map-highland.gif) bottom left}
ul#map li a#angus {width:40px; height:40px; top:196px; left:181px; z-index:4; background:url(images/css-map-angus.gif) top left}
ul#map li a#angus:hover {background:url(images/css-map-angus.gif) bottom left}
ul#map li a#dundeeCity {width:7px; height:6px; font-size:1%; top:228px; left:194px; z-index:7; background:url(images/css-map-dundee-city.gif) top left}
ul#map li a#dundeeCity:hover {background:url(images/css-map-dundee-city.gif) bottom left}
ul#map li a#perthKinross {width:69px; height:61px; top:198px; left:126px; z-index:1; background:url(images/css-map-perth-kinross.gif) top left}
ul#map li a#perthKinross:hover {background:url(images/css-map-perth-kinross.gif) bottom left}
ul#map li a#forth {width:58px; height:51px; top:226px; left:117px; z-index:2; background:url(images/css-map-forth.gif) top left}
ul#map li a#forth:hover {background:url(images/css-map-forth.gif) bottom left}
ul#map li a#glasgow {width:36px; height:32px; top:262px; left:114px; z-index:14; background:url(images/css-map-glasgow.gif) top left}
ul#map li a#glasgow:hover {background:url(images/css-map-glasgow.gif) bottom left}
ul#map li a#argyllClyde {width:105px; height:112px; top:211px; left:27px; z-index:12; background:url(images/css-map-argyll-clyde.gif) top left}
ul#map li a#argyllClyde:hover {background:url(images/css-map-argyll-clyde.gif) bottom left}
ul#map li a#lanark {width:38px; height:59px; top:266px; left:140px; z-index:10; background:url(images/css-map-lanark.gif) top left}
ul#map li a#lanark:hover {background:url(images/css-map-lanark.gif) bottom left}
ul#map li a#fife {width:49px; height:34px; top:235px; left:166px; z-index:3; background:url(images/css-map-fife.gif) top left}
ul#map li a#fife:hover {background:url(images/css-map-fife.gif) bottom left}
ul#map li a#eastLothian {width:31px; height:19px; top:265px; left:192px; z-index:4; background:url(images/css-map-east-lothian.gif) top left}
ul#map li a#eastLothian:hover {background:url(images/css-map-east-lothian.gif) bottom left}
ul#map li a#midLothian {width:22px; height:19px; top:275px; left:180px; z-index:14; background:url(images/css-map-mid-lothian.gif) top left}
ul#map li a#midLothian:hover {background:url(images/css-map-mid-lothian.gif) bottom left}
ul#map li a#edinburghCity {width:17px; height:16px; top:269px; left:177px; z-index:13; background:url(images/css-map-edinburgh-city.gif) top left}
ul#map li a#edinburghCity:hover {background:url(images/css-map-edinburgh-city.gif) bottom left}
ul#map li a#westLothian {width:18px; height:18px; top:270px; left:161px; z-index:13; background:url(images/css-map-west-lothian.gif) top left}
ul#map li a#westLothian:hover {background:url(images/css-map-west-lothian.gif) bottom left}
ul#map li a#borders {width:66px; height:62px; top:276px; left:171px; z-index:5; background:url(images/css-map-borders.gif) top left}
ul#map li a#borders:hover {background:url(images/css-map-borders.gif) bottom left}
ul#map li a#ayrshire {width:62px; height:67px; top:277px; left:91px; z-index:13; background:url(images/css-map-ayrshire.gif) top left}
ul#map li a#ayrshire:hover {background:url(images/css-map-ayrshire.gif) bottom left}
ul#map li a#dumfries {width:105px; height:65px; top:309px; left:98px; z-index:8; background:url(images/css-map-dumfries.gif) top left}
ul#map li a#dumfries:hover {background:url(images/css-map-dumfries.gif) bottom left}
ul#map li a#moray {width:46px; height:49px; top:138px; left:166px; z-index:14; background:url(images/css-map-moray.gif) top left}
ul#map li a#moray:hover {background:url(images/css-map-moray.gif) bottom left}
ul#map li a#aberdeenshire {width:85px; height:75px; top:140px; left:164px; z-index:13; background:url(images/css-map-aberdeenshire.gif) top left}
ul#map li a#aberdeenshire:hover {background:url(images/css-map-aberdeenshire.gif) bottom left}
ul#map li a#aberdeencity {width:12px; height:13px; top:176px; left:225px; z-index:15; background:url(images/css-map-aberdeencity.gif) top left}
ul#map li a#aberdeencity:hover {background:url(images/css-map-aberdeencity.gif) bottom left}



