/*	styles for St Andrews School of Management   */

/*********** layout styles ***********/

html {
	height: 100%; /* For Modern Browsers */
}

body {
	color: #4c4c4c;
	font: 70%/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center; /* Hack */
	margin: 0px;
	background: url('http://www.st-andrews.ac.uk/management/media/bg_main.gif') left top;
}

#outerWrapper {
	padding: 0px 0px 0px 0px;
	text-align:left;
	width: 920px !important;
	width /**/: 920px; /* Hack */
	margin-left: auto;
	margin-right: auto;
}

#outerEdges {
	float:left;
	clear:both;
	background: url('http://www.st-andrews.ac.uk/management/media/bg_main_edges.gif') left top;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#container {
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 16px 30px;
	text-align: left; /* Hack */
	width: 860px !important;
	width /**/: 920px; /* Hack */
}

#containerOption {
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 16px 30px;
	text-align: left; /* Hack */
	width: 860px !important;
	width /**/: 920px; /* Hack */
	background: url('http://www.st-andrews.ac.uk/management/media/hero-main-photo_full.gif') left top no-repeat;
}

/*********** inner home layout styles ***********/

#leftHomeColOption {
	clear: both;
	float: left;
	margin: 285px 0px 20px 0px;
	padding: 35px 0px 18px 0px;
	width: 576px !important;
	width /**/: 576px; /* IE hack */
	color: #4c4c4c;
	border: none;
	background: url('http://www.st-andrews.ac.uk/management/media/bg_home_links.gif') left top no-repeat;
}

/* one main area */
#leftHomeColOption2 {
	clear: both;
	float: left;
	margin: 285px 0px 20px 0px;
	padding: 35px 0px 18px 0px;
	width: 576px !important;
	width /**/: 576px; /* IE hack */
	color: #4c4c4c;
	border: none;
	background: url('http://www.st-andrews.ac.uk/management/media/bg_home_links2.gif') left top no-repeat;
}

/* one small, plus one medium area */
#leftHomeColOption3 {
	clear: both;
	float: left;
	margin: 285px 0px 20px 0px;
	padding: 35px 0px 18px 0px;
	width: 576px !important;
	width /**/: 576px; /* IE hack */
	color: #4c4c4c;
	border: none;
	background: url('http://www.st-andrews.ac.uk/management/media/bg_home_links3.gif') left top no-repeat;
}

/* one medium, plus one small area */
#leftHomeColOption4 {
	clear: both;
	float: left;
	margin: 285px 0px 20px 0px;
	padding: 35px 0px 18px 0px;
	width: 576px !important;
	width /**/: 576px; /* IE hack */
	color: #4c4c4c;
	border: none;
	background: url('http://www.st-andrews.ac.uk/management/media/bg_home_links4.gif') left top no-repeat;
}

/* home feature boxes */
ul#home-features{
list-style-type:none;
margin:0;
padding:0;
}

.feature-small,.feature-medium,.feature-large{
position: relative; height: 260px;
}

.feature-small img,.feature-medium img,.feature-large img{
position: absolute; bottom: 0;
}

.feature-small{
float:left;
width:156px;
padding-left:18px;
padding-right:18px;
}

.feature-medium{
float:left;
width:348px;
padding-left:18px;
padding-right:18px;
}

.feature-large{
float:left;
width:540px;
padding-left:18px;
padding-right:18px;
}

#home-features h3{
font-size:1.2em;
letter-spacing:0.5px;
}

/* main content on home page */

#rightHomeColOption{
	float: left;
	text-align: left;
	margin: 190px 0px 18px 0px;
	padding: 28px 20px 25px 56px;
	width: 208px !important;
	width /**/: 284px; /* IE hack */
	color: #4c4c4c;
	border: none;
	background: url('http://www.st-andrews.ac.uk/management/media/bg_intro.gif') right bottom no-repeat;
}

#leftHomeCol {
	clear: both;
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 55px 0px 18px 0px;
	width: 576px !important;
	width /**/: 576px; /* IE hack */
	color: #4c4c4c;
	border: none;
	background: url('http://www.st-andrews.ac.uk/management/media/bg_home_links.gif') left top no-repeat;
}

#rightHomeCol {
	float: left;
	text-align: left;
	margin: 0px 0px 18px 0px;
	padding: 25px 20px 15px 56px;
	width: 208px !important;
	width /**/: 284px; /* IE hack */
	color: #4c4c4c;
	border: none;
	background: url('http://www.st-andrews.ac.uk/management/media/bg_intro.gif') right bottom no-repeat;
}

#feature1 a:hover,#feature2 a:hover,#feature3 a:hover{
	color: #6489a4;
}

#feature1 a:link, #feature1 a{
	font: 1em/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #007ea2;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#feature2 a:link, #feature2 a{
	font: 1em/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #8c8b20;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#feature3 a:link, #feature3 a{
	font: 1em/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #cc3434;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}


/*********** inner course layout styles ***********/

#leftInnerCol {
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 630px !important;
	width /**/: 630px; /* IE hack */
	color: #4c4c4c;
	border: none;
	background-color: #fff;
}

#rightInnerCol {
	float: left;
	text-align: left;
	margin: 0px;
	padding: 35px 20px 0px 56px;
	width: 154px !important;
	width /**/: 230px; /* IE hack */
	color: #4c4c4c;
	border: none;
	background:url('http://www.st-andrews.ac.uk/management/media/bg_right_col.gif') right top no-repeat;
}

#rightInnerCol img{
width:154px!important;
height:154px!important;
}


/*********** inner generic layout styles ***********/

#leftInnerGenCol {
	clear: both;
	float: left;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	width: 190px !important;
	width /**/: 190px; /* IE hack */
	color: #4c4c4c;
	border: none;
}

#rightInnerGenCol {
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	width: 640px !important;
	width /**/: 670px; /* IE hack */
	color: #4c4c4c;
	border: none;
	position:relative;
}

/*********** header styles ***********/

#header {
	float: left;
	padding: 0px 30px 0px 30px;
	width: 860px !important;
	width /**/: 920px; /* IE hack */
	height: 92px !important; /* For Modern Browsers */
	height: 92px; /* For IE */
	position:relative;
}

#logo {
	float: left;
	padding: 16px 0px 0px 0px;
	width: 400px !important;
	width /**/: 400px; /* IE hack */
	height: 40px !important; /* For Modern Browsers */
	height: 40px; /* For IE */
	margin: 0px;
}


#logo h1{
padding-left:40px;
padding-top:10px;
font-family:"Book Antiqua","Goergia",Times,serif;
}

#logo img{
position:absolute;
top:15px;
left:20px;
}

#logo a{
color:#00529a;
}

#extraNav {
	float: right;
	color: #c7c6c6;
	font: 90%/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 15px 0px 0px 0px;
	width: 415px !important;
	width /**/: 415px; /* Hack */
	height: 20px !important; /* For Modern Browsers */
	height: 20px; /* For IE */
	margin: 0px;
	text-align: right;
}

#extraNav a:link, #extraNav a:visited {
	color: #007ea2;
	text-decoration: none;
}

#extraNav a:hover, #extraNav a:active {
	border-bottom: 1px dotted #ca2d2e;
	color: #ca2d2e;
}

#extraNav a.selected {
	color: #ca2d2e;
}

.search {
	padding: 23px 0px 0px 0px;
	margin: 0px;
}

/*********** photo layout styles ***********/

#heroHome {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	text-align: left; /* Hack */
	width: 915px !important;
	width /**/: 920px; /* Hack */
}

#heroInner {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	text-align: left; /* Hack */
	width: 915px !important;
	width /**/: 920px; /* Hack */
}

/*********** generic styles ***********/

.linkskipnav {
	display: none;
}

img {
	border:0;
}

.blockIMG {
	border:0;
	display:block;
	margin:0;
}

blockquote {
	margin:0;
}

p {
	font: 1em/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

/*in staff profile*/
p#role{
	font-size:1.2em;
	padding:0;
}

p#other_role{
	font-size:1.2em;
	padding-bottom:25px;
}

td {
	vertical-align:top;
}

td.center{
	vertical-align:middle;
}

a {
	color: #006AC9;
	text-decoration:none;
}

a:hover{
	color: #6489a4;
}

h1 {
	color: #4d4d4d;
	font: bold 2.2em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

h2 {
	color: #4d4d4d;
	font: bold 1.6em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0px 18px 0px;
	margin: 0px;
}

#rightInngerGenCol h2{
	color: #4d4d4d;
	font: bold 2.2em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}

#rightHomeColOption h2{
	color: #4d4d4d;
	font: bold 2.2em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

h3 {
	color: #4d4d4d;
	font: bold 1.4em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 15px 0px;
	margin: 0px;
	clear:both;
}

#rightInnerCol h3{
	font-weight:normal;
}

h4 {
	color: #4d4d4d;
	font: lighter 1.3em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

h5 {
	color: #3985d3;
	font: bold 1.3em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

/*********** navigation styles ***********/

/******* main nav level *******/

#homeLink {
	float: left;
	line-height:36px;
	padding-left:35px;
	font-size:21px;
	font-family:"Book Antiqua","Goergia",Times,serif;
	letter-spacing:0.05em;	
}
#flags {
	float: right;
	padding: 0px 0px 0px 0px;
	height: 36px !important; /* For Modern Browsers */
	height: 36px; /* For IE */
	margin: 0px;
	line-height:36px;
}

#menu {
	clear: both;
	color: #979796;
	font: 90%/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px 26px 0px 0px;
	margin: 0px 0px 0px 5px;
	text-align: right;
	background: #0094d9 url('http://www.st-andrews.ac.uk/management/media/bg_nav.gif') repeat-x top left;
	height: 36px !important; /* For Modern Browsers */
	height: 36px; /* For IE */
	width: 884px !important;
	width /**/: 910px; /* Hack */
}

#menu a:link, #menu a:visited {
	color: #fff;
}

#menu a:hover, #menu a:active{
	color: #d3d260;
}

#flags a:link, #flags a:visited {
	color: #fff;
	text-decoration: none;
	height:36px;
	line-height:36px;
	display:inline-block;
}

#flags a:hover, #flags a:active {
	color: #d3d260;
       background: transparent url('http://www.st-andrews.ac.uk/management/media/border.gif') repeat-x;
	height:36px;
	line-height:36px;
	display:inline-block;
}

#flags a.selected {
	color: #d3d260;
       background: transparent url('http://www.st-andrews.ac.uk/management/media/border.gif') repeat-x;
	height:36px;
	line-height:36px;
	display:inline-block;
}

/*********** sidenavBar link styles ***********/

.sidenavBar {
	float: left;
	padding: 0px 0px 10px 0px;
	width: 190px !important;
	width /**/: 190px; /* IE hack */
	margin-top: 20px;
	margin-bottom: 4px;
}

/*
.sidenavBar ul a:link, .sidenavBar ul a:visited {
	display: block;
}

.sidenavBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

*/

/* fix for browsers that don't need the hack */
/*
html>body .sidenavBar li {
	border-bottom: 1px  solid #d1d1d1;
}
*/

/* --- GENERIC --- */

/* Unordered lists */
.sidenavBar ul {
    list-style-type: none;
    margin: 0;
    overflow: hidden;   /* Required by IE6/IE7 otherwise width-issues on branchX aplenty */
    padding: 0;
    }

/* List items */
/* Border-top to avoid duplication issues with nested lists if using border-bottom */
.sidenavBar li {
    color: #000;
    display: block;
    line-height: 18px;
    margin: 0;
    overflow: hidden;
    text-decoration: none;
    width: 180px;
    }

/* Lists */
/* For the most part 2px L/R padding on linked items */
.sidenavBar a {
    color: #000;
    display: block;
    padding: 6px 2px;
    text-decoration: none;
    width: 176px;
    }
    /* IE interprets width wrongly: requires 180px; */
    * html #sidebar-inner a {width: 180px;}

/* Hover effect on links */
.sidenavBar a:hover,
.sidenavBar a:active {
	color: #CA2D2E;
    }

/* Hover effect on heading links */
.sidenavBar h3 a:hover,
.sidenavBar h3 a:active  {
    background-color: #fff !important;
    color: #000;
    text-decoration: underline;
    line-height: 1em;
    }

/* --- BRANCH 0 --- */

/* 1. Branch 0 - no selection, no submenu
Code covered in generic rules above. */

/* 2. Branch 0 selected, no submenu */
/* 3. Branch 0 selected, submenu ... and permeates branch
Show Branch 0.1 with background colour, and no link */
span.currentbranch0 {
    border-top: 1px solid #cdcdcd;
	color: #4f4f4f;
	font-weight:bold;
	background:url('http://www.st-andrews.ac.uk/management/media/sub_nav_on.gif') top right no-repeat;
    display: block;
    padding: 6px 2px;
    width: 176px;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    * html span.currentbranch0 {width: 180px;}

/* --- 4. BRANCH 1 selected, no submenu ---
a. Branch 0.1 has link, and background colour.
b. Branch 1.x has background colour/carpet.
c. Branch 1.1 has no link, and is selected/bold.
*/

/* a. Branch 0.1 selected with link */
span.currentbranch0 a {
    color: #4f4f4f !important ;
    padding: 0 !important;
    width: 176px !important; /* Fix for IE width issue */
    }

/* b. Branch 1.x Carpetted area */
ul.multilevel-linkul-0 {
    background-color: white;
    width: 180px; /* required?! */
	padding-left:10px;
    border-bottom: 1px solid #cdcdcd;
    }

/* c. Branch 1.1 selected item with no link */
li span.currentbranch1 {
    display: block; /* Required for Fx/Op/Sf */
	color: #CA2D2E;
    padding: 6px 2px; /* Required for Fx/Op/Sf, but breaks in IE6/7 */
    width: 180px;
	line-height:18px;
    }

/* --- 5. BRANCH 1 selected, submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has no link, and is selected/bold (inherits 4c)
a. Branch 2.x is indented.
*/

/* a. Sets indent on Branch 2.x submenu items */
ul.multilevel-linkul-1 a {
    padding-left: 15px !important;
    width: 158px !important; /* width error in IE6/7 */
    }
    /* IE hack for width error above */
    /** html ul.multilevel-linkul-1 a {width: 180px !important;}*/

/* --- 6. BRANCH 2 selected, no submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
a. Branch 1.1 has link, and is selected/bold
@  Branch 2.x is indented. (inherits 5a)
b. Branch 2.1 is selected (has arrow) but no link */

/* a. Branch 1.1 with link
FIX for issue with Branch 1.1 with link, As I've applied 2px padding L/R to
currentbranch1 (above, #4c) I need to counter the 2px from the generic links styling
(2 + 2 = 4, which is 2 px too much!) by relatively positioned the anchor left by 2 pixels.
Doesn't work in IE though, so that needs to be countered! */
li span.currentbranch1 a {
    left: -2px !important;
    position: relative;
    width: 176px !important; /* Fix for IE width issue */
    }

/* b. Branch 2.1 selected with arrow but no link */
li span.currentbranch2 {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    display: block; /* Fix for Fx/Op/Sf otherwise weirdness happens */
    padding: 6px 2px 6px 15px;
	color:#CA2D2E;
    }

/* --- 7. BRANCH 2 selected, submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) but no link (inherits 6b)
a. Branch 3.x is indented 40px
*/

/* a. Branch 3.x submenu items
Sets indent on Branch 4.x submenu items */
ul.multilevel-linkul-2 a {
    padding-left: 40px !important;
    width: 138px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    /** html .multilevel-linkul-2 a {width: 180px !important;}*/

/* --- 8. BRANCH 3 selected, no submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
a. Branch 2.1 is selected (has arrow) with link
@  Branch 3.x is indented 40px (inherits 7a)
b. Branch 3.1 is selected (has arrow) but no link
*/

/* a. Branch 2.1 with link
Realigns Branch 2.1 with rest of Team Branch 2.x, otherwise you
get duplication of arrows and Branch 2.1 is aligned with Branch 3.x.
Retains nav-arrow on hover
ul.multilevel-linkul-1 li span.currentbranch2 a
*/
li span.currentbranch2 a {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    display: block;
    left: -20px;
    padding-left: 20px !important;
    position: relative;
    width: 158px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px
    * html li span.currentbranch2 a {width: 180px !important;} */

/* b. Branch 3.1 selected with arrow but no link */
span.currentbranch3 {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    display: block; /* Fixes issue in Fx/Op/Sf */
    padding: 6px 2px 6px 40px;
    /*width: 180px;*/
    }

/* --- 9. BRANCH 3 selected, submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) with link (inherits 8a)
@  Branch 3.x is indented 40px (inherits 7a)
@  Branch 3.1 is selected (has arrow) but no link (inherits 8b)
a. Branch 4.x is indented 60px
*/

/* a. Branch 4.x submenu items
Sets indent on Branch 4.x submenu items */
ul.multilevel-linkul-3 a {
    padding-left: 60px !important;
    width: 118px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    /** html ul.multilevel-linkul-3 a {width: 180px !important;}*/

/* --- 10. BRANCH 4 selected, no submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) with link (inherits 8a)
@  Branch 3.x is indented 40px (inherits 7a)
a. Branch 3.1 is selected (has arrow) with link
@  Branch 4.x is indented 60px (inherits 9a)
b. Branch 4.1 is selected (has arrow) but no link
*/

/* a. Branch 3.1 selected with link */
li span.currentbranch3 a {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    left: -40px !important;
    padding-left: 40px !important;
    position: relative;
    width: 138px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px
    * html li span.currentbranch3 a {width: 180px !important;} */

/* b. Branch 4.1 selected with arrow but no link */
span.currentbranch4 {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    display: block; /* Fixes issue in Fx/Op/Sf */
    font-weight: bold;
    padding: 8px 2px 8px 60px;
    }

/* --- 11. BRANCH 4 selected, submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) with link (inherits 8a)
@  Branch 3.x is indented 40px (inherits 7a)
@  Branch 3.1 is selected (has arrow) with link (inherits 10a)
@  Branch 4.x is indented 60px (inherits 9a)
@  Branch 4.1 is selected (has arrow) but no link (inherits 10b)
a. Branch 5.x is indented 80px
*/

/* a. Branch 5.x submenu items
Sets indent on Branch 5.x submenu items */
ul.multilevel-linkul-4 a {
    padding-left: 80px !important;
    width: 98px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    /** html ul.multilevel-linkul-3 a {width: 180px !important;}*/

/* --- 12. BRANCH 5 selected, no submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) with link (inherits 8a)
@  Branch 3.x is indented 40px (inherits 7a)
@  Branch 3.1 is selected (has arrow) with link (inherits 10a)
@  Branch 4.x is indented 60px (inherits 9a)
a. Branch 4.1 is selected (has arrow) with link
@  Branch 5.x is indented 80px (inherits 11a)
b. Branch 5.1 is selected (has arrow) but no link
*/

/* a. Branch 4.1 selected with link */
li span.currentbranch4 a {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    left: -60px !important;
    padding-left: 60px !important;
    position: relative;
    width: 118px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    * html li span.currentbranch4 a {width: 118px !important;}

/* b. Branch 5.1 selected with arrow but no link */
span.currentbranch5 {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    display: block; /* Fixes issue in Fx/Op/Sf */
    font-weight: bold;
    padding: 0 2px 0 80px;
    }

/* --- 13. BRANCH 5 selected, submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) with link (inherits 8a)
@  Branch 3.x is indented 40px (inherits 7a)
@  Branch 3.1 is selected (has arrow) with link (inherits 10a)
@  Branch 4.x is indented 60px (inherits 9a)
@  Branch 4.1 is selected (has arrow) with link (inherits 12a)
@  Branch 5.x is indented 80px (inherits 11a)
@  Branch 5.1 is selected (has arrow) but no link (inherits 12b)
a. Branch 6.x is indented 100px
*/
ul.multilevel-linkul-5 a {
    padding-left: 100px !important;
    width: 78px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    /** html ul.multilevel-linkul-3 a {width: 180px !important;}*/

/* --- 14. BRANCH 6 selected, no submenu ---
@  Branch 0.1 has link, and background colour (inherits 4a)
@  Branch 1.x has background colour/carpet (inherits 4b)
@  Branch 1.1 has link, and is selected/bold (inherits 6a)
@  Branch 2.x is indented 20px (inherits 5a)
@  Branch 2.1 is selected (has arrow) with link (inherits 8a)
@  Branch 3.x is indented 40px (inherits 7a)
@  Branch 3.1 is selected (has arrow) with link (inherits 10a)
@  Branch 4.x is indented 60px (inherits 9a)
@  Branch 4.1 is selected (has arrow) with link (inherits 12a)
@  Branch 5.x is indented 80px (inherits 11a)
a. Branch 5.1 is selected (has arrow) with link
@  Branch 6.x is indented 100px (inherits 13a)
b. Branch 6.1 is selected (has arrow) but no link
*/
/* a. Branch 5.1 selected with link */
li span.currentbranch5 a {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    left: -80px !important;
    padding-left: 80px !important;
    position: relative;
    width: 98px !important;
    }
    /* IE6/7 interprets width wrongly: requires 180px */
    /** html li span.currentbranch5 a {width: 180px !important;}*/

/* b. Branch 6.1 selected with arrow but no link */
span.currentbranch6 {
    background-image: url(../images/nav_arrow.gif);
    background-position: left;
    background-repeat: no-repeat;
    display: block; /* Fixes issue in Fx/Op/Sf */
    font-weight: bold;
    padding: 0 2px 0 100px;
    }


/*********** breadcrumbs styles ***********/

.breadcrumbs {
	text-align: right;
	color: #777979;
	font: normal .9em/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 12px 0px;
	text-transform: lowercase;
}

/*********** inner layout styles **********/

/*** box display elements ***/

.courseIntro {
	font: 1.2em/1.3em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.boxGen {
	background-color: #eee;
	border: 1px solid #ccc;
	color: #4d4d4d;
	padding: 12px 26px 10px 18px;
	margin-bottom: 10px;
}
.boxCourse {
	background:url('http://www.st-andrews.ac.uk/management/media/bg_course.gif') bottom right no-repeat;
	border: 1px solid #dedb8b;
	color: #4d4d4d;
	padding: 12px 26px 10px 18px;
	margin-bottom: 10px;
	background-color:#5f4dd;
}
.boxYellow {
	background-color:#f5f4dd;
	border: 1px solid #dedb8b;
	color: #4d4d4d;
	padding: 12px 26px 10px 18px;
	margin-bottom: 10px;
}
.boxAim {
	background-color: #edf6f8;
	border: 1px solid #bedee7;
	color: #4d4d4d;
	padding: 12px 26px 10px 18px;
	margin-bottom: 10px;
}
.baseLinks {
	color: #007ea2;
	font: normal .8em/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 12px 0px;
}
.boxInfo {
	background-color: #fff;
	font: normal .9em/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 1px solid #bedee7;
	color: #4d4d4d;
	padding: 10px 10px 4px 10px;
	margin-bottom: 10px;
}

/*** home layout styles ***/

.introTxt {
	font: 1em/1.5em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
}

.boxIntro {
	background-color: #000;
	color: #fff;
	background: url('http://www.st-andrews.ac.uk/management/media/bg_intro.gif') left bottom no-repeat;
	padding: 20px 20px 0px 25px;
	margin: 0px;
	width: 289px !important;
	width /**/: 334px; /* Hack */
	height: 283px !important; /* For Modern Browsers */
	height: 305px; /* For IE */
}
.boxHero {
	background-color: #001f3f;
	padding: 0px;
	margin-bottom: 0px;
	width: 576px !important;
	width /**/: 576px; /* Hack */
	height: 303px !important; /* For Modern Browsers */
	height: 303px; /* For IE */
}

.headEvent {
	font: bold 1.3em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4a82c3;
}
.headSport {
	font: bold 1.3em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #008457;
}

/*********** table styles ***********/

/*** generic table styles ***/

.dataTable tr td {
	background-color: #fff;
	border-bottom: 1px solid #c9e9fd;
	font-size: 90%;
	line-height: 1.6em;
	padding: 5px 5px 5px 5px;
}	

.dataTable tr td p, .dataTable tr td ul li, .dataTable tr td ol li, .dataTable tr td a, .dataTable tr td a:hover {
	margin:0px;
	padding:0px;
}	

ol li {
	color:#666;
}

.dataTable tr td p a,  .dataTable tr td p a:hover {
	font-size: inherit;
}

.dataTable tr th {
	background-color: #f7f7f7;
	border-top: 1px solid #c9e9fd;
	border-bottom: 1px solid #c9e9fd;
	padding:5px;
	color:#666;
	text-align:left;
}	

.dataTable tr th p, .dataTable tr th a {
	margin:0px;
	font-weight:bold;
}

.dataTable tr th select {
	color:#666;
}	

.dataTable tr td select {
	color:#007bc6;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.dataTable tr td input {
	color:#007bc6;
}

/*********** footer styles ***********/

#footerWrapper {
	clear: both;
	background: url('http://www.st-andrews.ac.uk/management/media/bg_footer.gif') left top;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#footerEdges {
	background: url('http://www.st-andrews.ac.uk/management/media/bg_footer_edges.gif') left top;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: center; /* Hack */
	width: 920px !important;
	width /**/: 920px; /* Hack */
	margin-left: auto;
	margin-right: auto;
	height: 100px !important;
	height /**/: 100px; /* IE hack */
}

#footer {
	clear: both;
	float: left;
	background: url('http://www.st-andrews.ac.uk/management/media/footer_bar.gif') left top no-repeat;
	font: 95%/1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #868585;
	text-align: left;
	padding: 16px 31px 0px 31px;
	margin-bottom: 35px;
	width: 858px !important;
	width /**/: 920px; /* IE hack */
}

#footer a:link, #footer a:visited{
	color: #868585;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	border-bottom: 1px dotted #868585;
	color: #007ea2;
}

/********* form object styles **********/

.input {
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: #aeaeae;
	background-color: #fff;
	color: #000;
	font: 1em/.6em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 2px 5px 2px 5px;
	margin: 0px;
}


/**** staff profiles ***/

.hide{
display:none;
}

#large-staff-photo{
float:right;
padding:0 0 10px 10px;
overflow:hidden;
}

#large-staff-photo img{
	width:200px!important;
}

.alignleft{
float:left;
padding:0 10px 10px 0;
}

/* list of staff */

/* styles for staff page */
.staffalignright{
	position:absolute;
	margin:0;
	padding:0;
	left:485px;
}

.staffalignright img{
width:69px!important;
height:69px!important;
margin:0;
padding:0;
}

.boxGenStaff{
	width:490px;
	background-color: #eee;
	border: 1px solid #ccc;
	color: #4d4d4d;
	padding: 12px 26px 0px 18px;
	margin-bottom: 10px;
	height:95px;
}

.boxGenStaff h4{
	clear:none;
	padding:0 0 5px;
	margin:0;
}

.boxGenStaff p{
	margin:0;
	width:425px;
    padding:0;
}

.boxGenStaff h3{
	clear:none!important;
}

.boxGenStaff h4{
clear:none!important;
}

/* news page */

.newsbox{
border:1px solid #bcbcbc;
margin:5px;
padding:5px;
clear:none;
float:left;
width:610px;
}