body {text-align: center; background-color:#DEDEDE; margin: 0; padding: 0; font-family: Arial, 'HelveticaNeue-Roman', Helvetica, Tahoma, Verdana, sans-serif; font-size:90%}
/* self clearing rules */
dl:after, div:after, ul:after, ol:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html dl, * html div, * html ul, * html ol {height: 1%}
dl, div, ul, ol {display: inline-block}
/* !IE Mac \*/
dl, div, ul, ol {display: block}
#wrapper, #wrapper-landing {width: 1000px; margin: 0 auto; text-align: left; position: relative; background: white}
#head {width: 1000px; top: 0; left: 0; text-align: right; background: white; border-bottom:5px solid #514A42;height: 107px; float:left}
    #head #logo {position:absolute; top:0; left:865px}
    #secondary-logo {position:absolute; top:0; left:18px}
    #main {background: white; margin: 0 0 28px 0; float:left; width:1000px;}
    .column-1 {font-size: 90%; float:left; display:inline; margin-top:50px; margin-left:20px; width:240px}
    /* Sub navigation */
    #snav h2 {font-weight:normal; margin:0 0; letter-spacing:-0.02em; font-size:1.0em; color:#524C44;}
        #snav h2 a {text-decoration:none; color:#524C44}
        #snav h2 a:hover {color: #8ca900;}
        #subnav li {display:inline}
            /*1st level*/
            #subnav li a, #subnav li em {color:#524C44; text-decoration:none; background:url(/isc/heriotwatt/Images_Foundation/arrow_left.png) no-repeat left; padding:3px 0 4px 12px; display:block; letter-spacing:0.01em}
            #subnav li a:hover, #subnav li em:hover {color:#8CA900}
            #subnav li a.selected {color:#A5C200; font-style:normal; font-weight:bold}
            #subnav li strong a {background:url(/isc/heriotwatt/Images_Foundation/arrow_left_on.png) no-repeat left; padding-left:12px; letter-spacing:-0.02em}
                /*2nd level*/
                #subnav li ul {background-color:#F0F0F0; width:223px; padding:6px 0 6px 7px; margin:2px 0 4px 0}
                    #subnav li ul li a {
    background:none;
    padding:2px 0 2px 9px;
    letter-spacing:0;
    background-image: url(/isc/heriotwatt/Images_Foundation/arrow_left_sub.png);
    background-repeat: no-repeat;
    background-position: left;
}
                        /*3rd level*/
                        #subnav li ul li ul {background-color:#F0F0F0; width:216px; padding:2px 0 6px 7px; margin:2px 0 4px 0}
                            #subnav li ul li ul li a, #subnav li ul li ul li em {background:none; padding:2px 0 2px 9px; background:none; letter-spacing:0}
                                /*4th level*/
                                #subnav li ul li ul li ul {background-color:#F0F0F0; width:180px; padding:6px 3px 6px 13px; margin:2px 0 4px 0}
                                    #subnav li ul li ul li ul li a, #subnav li ul li ul li ul li em {
    background:none;
    padding:5px 0 5px 9px;
    letter-spacing:0.02em;
    font-size:0.8em;
    border-bottom:1px solid #cccccc;
    background-image: url(/isc/heriotwatt/Images_Foundation/arrow_left_sub.png);
    background-repeat: no-repeat;
    background-position: left;
}
                                    #subnav li ul li ul li ul li a.first, #subnav li ul li ul li ul li em.first {border-top:1px solid #cccccc}
        /*Crumb-trail, top*/
        div#crumb ol {margin: 0 30px 0 0}
        div#crumb ol li {margin: 0; padding: 0; display: inline; font-size:0.8em}
            #crumb a {color: #544D47; text-decoration: none; padding: 0 6px 0 6px}           
                #crumb a.first {padding-left:0}
            /* Current page */
            #crumb li.last {color: #B7CC01; font-style: normal; padding: 0 6px 0 6px}
    
    .column-2, .column-3, .column-4 {float: left; position:relative; z-index:10}
    .input_wrapper {background:url(/isc/heriotwatt/Images_Foundation/input.gif) no-repeat left center transparent; border:0 none; float:left; background-position:top; height:35px; margin-right:6px; padding-left:6px; width:159px; line-height: 35px;}
    
/* common elements */
.section {border-bottom:1px solid #cccccc; padding-bottom:11px; margin-bottom:10px; width:223px}
.section.last {border-bottom:0}
    .section h2 {color:#524C44; font-size:1.3em; font-weight:normal; letter-spacing:-0.06em; margin:0; padding:0 0 3px 0}
    .section img {margin:5px 0 3px 2px}
    .section a {text-decoration:none; color:#524C44}
        .section a:hover {color:#8CA900}
        .section ul {padding-left:2px}
            .section li {display:inline; color:#524C44}
                .section li a {color:#524C44; text-decoration:none; background:url(/isc/heriotwatt/Images_Foundation/arrow_left.png) no-repeat left; padding:5px 0 5px 15px; display:block; letter-spacing:-0.02em}
                    .section li a:hover {color:#8CA900}
#footer {border-top:1px solid #ccc; margin-top:20px; padding-top:5px; width:100%; clear:both} /* Added 13/1/10: 100% width and clear:both */
    #footer a {color:#524C44; font-size:0.8em; text-decoration:none}
        #footer a:hover {color:#8CA900}
    #footer ul {float: right; display:inline; padding-bottom:0px;}
        #footer ul li{display:inline; font-size:1.0em;}
            #footer ul li a.noicon {background:transparent none !important; padding:0 !important; margin:0 !important;}
    #back_to_top {float:left;}
.print_download {background-image: url(/isc/heriotwatt/Images_Foundation/printer.png); background-repeat: no-repeat; padding-left: 18px;}
.column-2 ul#promo li, .column-3 ul#promo li, .column-4 ul#promo li {margin-bottom:8px; width:220px; height:67px; background:url(/isc/heriotwatt/Images_Foundation/home_section_bg.png) top left no-repeat}
.column-2 ul#promo li div.left, .column-3 ul#promo li div.left, .column-4 ul#promo li div.left {float:left; width:56px; padding:8px 4px 6px 7px}
    .column-2 ul#promo li div.right, .column-3 ul#promo li div.right, .column-4 ul#promo li div.right {float:left; padding:18px 14px 0 0; width:138px}
        .column-2 ul#promo li div.right h2, .column-3 ul#promo li div.right h2, .column-4 ul#promo li div.right h2 {font-size:0.8em; margin:0; letter-spacing:-0.02em; color:#524C44; font-weight:normal; text-transform:uppercase}
            .column-2 ul#promo li div.right h2 a, .column-3 ul#promo li div.right h2 a, .column-4 ul#promo li div.right h2 a {color:#716c66; text-decoration:none}
        .column-2 ul#promo li div.right h3, .column-3 ul#promo li div.right h3, .column-4 ul#promo li div.right h3 {font-size:1.4em; margin:4px 0 0 0; letter-spacing:-0.04em; border-top:1px solid #cccccc; font-weight:normal; padding-top:1px; color:#524C44}
            .column-2 ul#promo li div.right h3 a, .column-3 ul#promo li div.right h3 a, .column-4 ul#promo li div.right h3 a {color:#716c66; text-decoration:none}
        .column-2 ul#promo li div.right p, .column-3 ul#promo li div.right p, .column-4 ul#promo li div.right p {font-size:0.7em; border-top:1px solid #cccccc; padding-top:4px; padding-bottom:0; margin:2px 0 0 0; color:#524C44}
ul#promo img {
border:1px solid #cccccc;

height:50px;
width:50px;


}

#disclaimer {margin:0; font-size: 85%; background-color:#F0F0F0; height:46px; float:left; width: 1000px;}    
    #disclaimer #bottom {margin:17px 0 0 0; font-size:0.9em; color:#524C44; float:left}
        #disclaimer #bottom .left {float:left; width: 480px; display:inline; margin:0 0 0 24px}
#disclaimer #bottom .left a {text-decoration:none;color:#524C44;}
            #disclaimer #bottom .left p {letter-spacing:0em; font-size:1em}           
        #disclaimer #bottom .right {display:inline; width:495px; float:right; margin:0}
            #disclaimer #bottom .right p {clear:both; float:right; color:#999; margin:5px 12px 5px 0; display:inline; letter-spacing:0em; font-size:1em}
                #disclaimer #bottom .right p a {color:#999; text-decoration:none}
                    #disclaimer #bottom .right p a:hover {color:#8CA900}
            #disclaimer #bottom .right ul {float:right; margin-right:12px; display:inline}
            #disclaimer #bottom .right ul li {float:left; text-align:right}
                #disclaimer #bottom .right ul li a {text-decoration:none; padding:0 0 0 15px; color:#524C44}
                    #disclaimer #bottom .right ul li a:hover {color:#8CA900}
                    #disclaimer #bottom .right ul li a.first {padding-left:0px}
/*Killing lists*/
ul, ol, li, dl, dt, dd, fieldset, legend {margin: 0; padding: 0; list-style-type: none; border: none}
/* Global styles */
.print, legend, #wai {display: none}
a img {border: none}
a {color: black}
.column-2 a:hover, .column-3 a:hover, .column-4 a:hover, .column-5 a:hover {text-decoration: none; color:#8CA900}
p { margin: 0 0 1em 0}
img.right, img.left {float:right; margin-left:1.0em; margin-bottom:0.5em; border:1px solid #ccc; padding:0.2em}
img.right {clear:right}
img.left {float:left; clear:left; margin-right:1.0em; margin-left:0}
/* To hide stuff which is required for WAI */
.wai {position:absolute; top:-1px; left:-1px; width:1px; height:1px; overflow:hidden}
#accessibility {width:986px; height: 16px; background-color: #F0F0F0; margin:auto; padding-left:14px; text-align:left}
.accessibility_text {font-size:11px; color:#524C44; font-family: Arial, Helvetica, sans-serif; margin-left: 8px}
.accessibility_text a {text-decoration:none}
.accessibility_text a:hover {color:#524C44; text-decoration:none; color:#8CA900}
/* GENERIC */
    /* Centre column */
    .column-2 {width: 470px; margin: 20px 0 0 0; padding: 0 18px 23px 4px; border-right:1px solid #ccc}
        .column-2 h1 {color:#333; font-size:1.8em; font-weight:normal; margin:10px 0 19px 0px; letter-spacing:-0.05em}
        .column-2 h2 {color:#333; font-size:1.4em; font-weight:normal; letter-spacing:-0.04em; margin-bottom:0.6em}
        .column-2 h3 {color:#666; font-size:1.1em; font-weight:bold; letter-spacing:-0.06em; margin-top:0; margin-bottom:0.6em}
        .column-2 h4 {color:#666; font-size:1em; font-weight:normal; letter-spacing:-0.05em; margin-bottom:0.6em}
        .column-2 p {color:#524C44; font-size:0.8em}
        .column-2 ul, .column-2 ol {padding-left:2em; padding-bottom:1.2em}
            .column-2 li {color:#524C44; font-size:0.8em; list-style:disc; padding-top:0.1em; padding-bottom:0.1em}
                .column-2 ol li {list-style:decimal}
        div#crumb ol {padding:0}
        div#crumb ol li {margin: 0; padding: 0; display: inline; font-size:0.8em}
        .column-2 table, .column-3 table {margin:1em 0 2em 0; width:100%; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-top:4px solid #B8CC00; border-spacing: 0; border-collapse: collapse}              
        .column-2 table tr {vertical-align:top}
            .column-2 table tr th, .column-3 table tr th {background: url(/isc/heriotwatt/Images_Foundation/table_th.png) repeat-x top left; padding:7px 6px 8px 9px; border-top:1px solid #ccc; border-right:1px solid #ccc; background-color:#f0efed;}
            .column-2 table tr td, .column-3 table tr td {font-size:0.8em; padding:3px 6px 3px 9px; background-color:#F4F4F4; border-top:1px solid #ccc; border-right:1px solid #ccc}
            tr.odd {background-color:#F4F4F4}
            tr.even {background-color:#F0F0F0} 
column-2 a.external, .column-2 a .external, .column-3 a.external, .column-3 a .external {background:transparent url(/isc/heriotwatt/Images_Foundation/external.png); padding-right:1.3em; background-repeat: no-repeat; background-position: right center; background-color: transparent;}
.column-2 sup, .column-2 sub {font-size:65%}
.column-2 ul li ul li {font-size:1.0em} /* To stop nested list reducing in font size */
ul#options li ul {list-style-type:disc}
ul#options li ul li {list-style-type:disc; border-top:0;}
    ul.contact img, ul#contact img, img.contact {margin-right:8px; width:16px; height:16px}
    ul#contact li, ul.contact li {display:block}
    .none {display:none}
    .img_big {margin:1em 0 0.5em 0; text-align:center}
        .img_big img {border: 1px solid #CCC; padding: 3px; max-width:462px}
    abbr, acronym {border-bottom: .1em dotted; cursor: help}
    caption {display:none}
        a acronym, a abbr {cursor:pointer; border:none}
        .column-2 h4 {margin-top:0; margin-bottom:0.3em}
    /* Right column */
    .column-3 {margin: 20px 0 0 0; padding-left:14px; width:223px}
/* END GENERIC */
/* CONTACT FORM */
#contact_form h2 {color:#333; font-size:1em; font-weight:normal; margin-bottom:9px; margin-top:23px; letter-spacing:0.02em}
    #contact_form h2.first {margin-top:0px; margin-bottom:11px}
#contact_form dl {padding:10px 0 7px 0; color:#524C44; font-size:0.8em}
    #contact_form dl dt {width:113px; float:left; padding-right:5px; padding-top:4px}
    #contact_form dl dd {width:175px; float:left}
#contact_form dl dd input.textbox {background: no-repeat scroll left center transparent; border:0 none; height:20px; padding:0 7px 0 5px; width:146px;}
.wrapper_input_textbox {background:url(/isc/heriotwatt/Images_Foundation/contact_input.gif) no-repeat scroll left center transparent; border:0 none; height:20px; padding:10px 7px 10px 5px; width:159px;}
#contact_form dl dd input.checkbox {}
        #contact_form dl dd.textarea {background:url(/isc/heriotwatt/Images_Foundation/contact_textarea.gif) no-repeat left; width:269px; height:143px}
        #contact_form dl dd textarea {margin:5px; width:259px; height:129px; border:0; color:#524C44}
        #contact_form dl dd select {width:200px; border:1px solid #809DB9}
    #contact_form dl.wide dt {width:0px}
    #contact_form dl.wide dd {width:290px}
        #contact_form dl.wide dd.multiselect {background:url(/isc/heriotwatt/Images_Foundation/contact_textarea_wide.gif) no-repeat left; width:464px; height:143px}
        #contact_form dl.wide dd select {margin:10px 0 5px 10px; width:449px; height:129px; background:white; border:0; color:#524C44}        
    #contact_form p.r {float:right}
/* END CONTACT FORM */
/* LANDING */
#level-a, #level-b {float:left; border-bottom:1px solid #ccc}
    #level-a {margin-top:27px}
    #level-b {margin-bottom:20px; margin-left:-4px}
    #wrapper-landing .column-2 {width: 733px; margin: 22px 0 0 0; padding: 0 0 0 4px; border-right:0}
        #wrapper-landing .column-2 h1 {color:#333; font-size:1.8em; font-weight:normal; padding-bottom:12px; margin:0px 0 11px 0px; letter-spacing:-0.05em; border-bottom:1px solid #ccc}
        #level-a h2 {color:#333; font-size:1.4em; font-weight:normal; letter-spacing:-0.04em; margin-bottom:6px}
        #level-a h3 {color:#666; font-size:1.1em; font-weight:bold; letter-spacing:-0.06em; margin-bottom:6px; margin-top:0px}
        #level-a h4 {color:#666; font-size:1em; font-weight:normal; letter-spacing:-0.05em; margin-bottom:6px}
        #level-a p {color:#524C44; font-size:0.8em; line-height:1.55em; letter-spacing:0.018em}
        #level-a p.welcome {line-height:1.15em; color:#333; font-size:1.4em; font-weight:normal; letter-spacing:-0.04em; margin-bottom:6px}
        p#welcome {color:#333333; font-size:1.4em; font-weight:bold; letter-spacing:-0.04em; margin-bottom:6px}
        #level-a div#left {float:left; width:464px; padding-right:40px}
            #level-a div#left h2 {margin-top:0px}
        #level-a div#right {float:left; width:223px}
            #level-a div#right ul#promo {margin:6px 0 4px 0; padding-bottom:10px; padding-left:0}
            #level-a div#right ul#promo li {list-style-type:none; font-size:1.0em}
    #level-b .column-3 {width: 236px; margin: 0 0 0 0; padding:0 4px 14px 0}
        #level-b .column-3 h2 {font-size:1em; font-weight:bold; color:#666; margin:12px 0 0 8px; letter-spacing:normal}
        #level-b .column-3 h3 {font-size:1em; color:#333; margin:0 0 18px 8px; letter-spacing:normal}
        /*#level-b .column-3 ul {padding-left:2px; padding-bottom:0}
            #level-b .column-3 li {display:inline; font-size:1.0em}*/
                    #level-b .column-3 li a:hover {color:#8CA900}
    #level-b .column-4 {width:227px; margin: 0 0 0 0; padding:0 8px 14px 16px; border-left:1px solid #ccc; border-right:1px solid #ccc}
        #level-b .column-4 h2 {font-size:1em; font-weight:bold; color:#666; margin:12px 0 0 2px; letter-spacing:normal}
        #level-b .column-4 h3 {font-size:1em; color:#333; margin:0 0 25px 2px; letter-spacing:normal}
        #level-b .column-4 img {padding:4px 3px 4px 3px; border:1px solid #ccc; margin:0 0 10px 0}
        #level-b .column-4 p {color:#524C44; font-size:0.8em; line-height:1.55em; letter-spacing:0.018em}
    #level-b .column-5 {width: 223px; margin: 0 0 0 0; padding-left: 15px; float:left}
        #level-b .column-5 h2 {font-size:1em; font-weight:bold; color:#666; margin:12px 0 34px 2px; letter-spacing:-0.05em}
        /*#level-b .column-5 ul {padding-left:0px; padding-bottom:0}
            #level-b .column-5 li {display:inline; font-size:1.0em}*/
                    #level-b .column-5 li a:hover {color:#8CA900}
    #wrapper-landing #level-b h2 {margin:1.0em 0 0.6em 0}
        #wrapper-landing #level-b h2 a {text-decoration:none; color:#666}
            #wrapper-landing #level-b h2 a:hover {color:#8CA900}
    #wrapper-landing #level-b .column-3 p, #wrapper-landing #level-b .column-4 p, #wrapper-landing #level-b .column-5 p {line-height: 1.55em; letter-spacing:0}
    #wrapper-landing #level-b .column-4 p, #wrapper-landing #level-b .column-5 p {margin-left: 0; padding-right: 0}
#wrapper-landing #level-b {margin-left:0} 
#wrapper-landing #level-b .column-3, #wrapper-landing #level-b .column-4, #wrapper-landing #level-b .column-5 {width:221px; float:left; padding:0 15px; border-right:1px solid #ccc}
#wrapper-landing #level-b .column-3 {padding:0 15px 0 0; border-right:0}
#wrapper-landing #level-b .column-5 {padding:0 0 0 15px; border-right:0}
#wrapper-landing #level-b img {padding:3px; border:1px solid #ccc; margin:0 0 10px 0}
/* END LANDING */
.section ul.contact li a, {background:none; padding:0}
.section ul.contact li.fn, .section ul.contact li.tel, .section ul.contact li.fax, .section ul.contact li a.email, .section ul.contact li a.url {padding-left:24px; padding-top: 0px; margin-top: 10px; margin-bottom:10px}
.section ul.contact li.fn {background: url(/isc/heriotwatt/Images_Foundation/contact-fn.png) no-repeat top left}
.section ul.contact li.tel {background: url(/isc/heriotwatt/Images_Foundation/contact-phone.png) no-repeat top left}
.section ul.contact li.fax {background: url(/isc/heriotwatt/Images_Foundation/contact-fax.png) no-repeat top left}
.section ul.contact li a.email {background: url(/isc/heriotwatt/Images_Foundation/contact-email.png) no-repeat top left; padding-bottom:0}
.section ul.contact li a.url {background: url(/isc/heriotwatt/Images_Foundation/contact-www.png) no-repeat top left; padding-bottom:0}
a.noicon {background:transparent none !important; padding:0 !important; margin:0 !important;}
.column-3 a[href$=".pdf"] .related, .column-3 a[href$=".doc"] .related {padding-right:1.3em; background-repeat: no-repeat; background-position: right center; background-color: transparent; }
.column-3 a[href$=".pdf"] .related{ background-image: url(/isc/heriotwatt/Images_Foundation/pdf-download.png);}
.column-3 a[href$=".doc"] .related{ background-image: url(/isc/heriotwatt/Images_Foundation/DOC.png);}
a[href$=".pdf"], a[href$=".doc"] {padding:0.2em 1.3em 0.2em 0; margin:-2px 0; background-repeat: no-repeat; background-position: right center; background-color: transparent;}
a[href$=".pdf"] { background-image: url(../img/PDF.png);}
a[href$=".doc"] { background-image: url(../img/DOC.png);}

/* Study Group added */
/* additional keyfacts - In University styles this is in default.css */
.section #keyfact {
    background:no-repeat left;
    margin-top:14px;
} 
#keyfact-top {
    background-image: url(/isc/heriotwatt/Images_Foundation/keyfact_topcurve.gif);
    width: 220px;
    height: 8px;
}
#keyfact-title {
    width: 203px;
    height:auto;
    background-color: #b8cc00;
    padding-left: 15px;
    padding-top: 4px;
    padding-right: 2px;
    }
    
#keyfact-title h2 {
    font-weight:normal; 
    color:#000; 
    padding-bottom:6px; 
    margin-right:7px; 
    font-size:1em; 
    border-bottom:1px solid white;
    }    
    
#keyfact-body {
    background-color: #b8cc00;
    width: 197px;
    height: auto;
    padding-left: 15px;
    padding-right: 8px;
    }
    
#keyfact-bottom {
    background-image: url(/isc/heriotwatt/Images_Foundation/keyfact_bottomcurve.gif);
    width: 220px;
    height: 25px;
    }
     
.section #keyfact h2 {
       font-weight:normal; 
       color:#000; 
       padding-bottom:6px; 
       margin-right:7px; 
       font-size:1em; 
       border-bottom:1px solid white
       }
       
.section #keyfact em {
    font-size:0.7em;
    display:block;
    line-height:15px;
    font-style:normal;
    padding-top: 12px;
    }            
    
.section #keyfact em ul {}
.section #keyfact em ul li {}
/* End additional keyfacts - In University styles this is in default.css */

/* === greyBox addition sent from University 09/11/10 ===*/

#greyBox, .greyBox {
background:none repeat scroll 0 0 #F0F0F0;
border:1px solid #CCCCCC;
font-size:16px;
margin-bottom:15px;
padding:8px;
}

ul.inline-list {
list-style-type:none;
margin-left:0;
padding-left:0;
}

/* === End greyBox addition sent from University 09/11/10 ===*/

/* === Addition from University default.css style sheet 05/01/11  === */
.pdf_download {
    background-image: url("/isc/heriotwatt/Images_Foundation/pdf-download.png");
    background-repeat: no-repeat;
    margin-right: 6px;
    padding-left: 18px;
}
.print_download {
    background-image: url("/isc/heriotwatt/Images_Foundation/printer.png");
    background-repeat: no-repeat;
    padding-left: 18px;
}
/* === End Addition from University default.css style sheet 05/01/11  === */