/*
Theme Name      Scottish Maths and Stats Network
Theme URI       http://www.st-andrews.ac.uk
Description     Based on School of English, University of St Andrews
Version         1.1
Authors         gjms1 & sde1 & dbss
Last updated    March 2010

#8F8D82
#C1C0B7
#51504A

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

body {
    background-color: #808080;
    color: #000;
    font-family: Verdana, Arial, Helvetica, "sans-serif";
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: center; /* Centers the page content container in IE 5 browsers. */
    }

p{
margin-top:5px;
margin-bottom:15px;
}

.hide{
	display:none
	}

/* =headings ===================================================================

h1
    see #container #header h1 below */

h2 {
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:bolder;
	margin-bottom: 1.28em;    /* font-size divided by line-height in ems */
	margin-top:1.5em;
}

h3 {
  font-family:Arial,Helvetica,sans-serif;
  color:#333333;
  font-size: 14px;
  font-weight: bold;
  letter-spacing:1.2pt;
  line-height: 14px;
  margin: 20px 0 10px 0; 
}

h4 {
  font-family: Verdana, Arial, Helvetica, "sans-serif";
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}

/* =links ====================================================================*/
/* Sets the style for unvisited links. */
a,  a:link {
  color:  #3F82BD;
  font-weight: bold;
  text-decoration: underline;
}
/* Sets the style for visited links. */
a:visited {
  color:  #3F82BD;
  font-weight: bold;
  text-decoration: underline;
}
/* Sets the style for links on mouseover. */
a:hover {
  color:  #3F82BD;
  text-decoration: none;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #3F82BD;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color:  #3F82BD;
}


/* =tables ===================================================================*/

table {
    border-collapse: collapse;
    border-top: 1px solid #a7b0c9;          /* Blue Nowhere (rgb 167, 176, 201) */
    border-bottom: 1px solid #a7b0c9;
    margin: 10px 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    width: 100%;
    }

    caption {
        caption-side: top;
        color: #000;
        font-weight: bold;
        margin-top: 15px;
        text-align: left;
        }

    thead, th {
        background-color: #eee;              /* Blue Nowhere (rgb 167, 176, 201) */
        color: #000;
        }

    th[scope="row"] {
        background-color: transparent;
        width: 300px;
		color:black;
        }

    tr {
        text-align: left;
        vertical-align: top;
        }

    tr.even {
        background-color: #f1f1ee;          /* Warm Grey (rgb 241, 241, 281) */
        }

    td, th {
        padding: 2px;
        vertical-align: top;
		font-size:12px;
        border-bottom: 1px solid #a7b0c9;
        }

    tfoot {
        font-style: italic;
        }

table.noborder{
    border-top: 1px solid white;          
    border-bottom: 1px solid white;
}


/* =container ================================================================*/
#container {
    background: transparent url('http://www.st-andrews.ac.uk/media/IR/images/background.gif') repeat-y top left;
    clear: both;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left; /* Redefines the text alignment defined by the body element. */
    width: 1000px;
    }

/* #container is relatively positioned which means that other elements can be
absolutely positioned relative to it.  I've applied a background image to the
container, and then absolutely positioned images top and bottom, effectively on
a layer above the container.

So you have to take these into account when positioning stuff in the header and
footer as these images are taking up some of the space there.
*/

    #container img#top {
        top: 0;
        position: absolute;
        z-index: 1;
        }

    #container img#bottom {
        bottom: -1px;   /* hack for IE6 - gap shows if bottom: 0;*/
        left: 0;
        position: absolute;
        z-index: 1;
        }


/* =header ===================================================================*/
#container #header {
    background-color: #fff;
    height: 10px;   /* remember to take into account height of the container top image */
    margin: 0px 20px 0 20px; /* accounts for container's gradient image L and R */
    padding: 0px;
    position: relative;
    top: 20px;
    width: 960px;
    }

    /* text: University of St Andrews */
    #container #header h1 {
      font-family: "Book Antiqua", "Georgia", Times, serif;
      color: #000;
      font-size: 26px;
      font-weight: bold;
      line-height: 38px;
      padding-left: 65px;	/* indent from left for text "University of St Andrews" */
      position: absolute;
      top: 1px;
      }

    /* image: University crest */
    #container #header img {
		border:none;
        left: 10px;
        position: absolute;
        top: -5px;
        z-index: 99;    /* positions image above #container's top gradient - doesn't work in IE!? */
        }

    #container #header a {
        color: #00529a;
        text-decoration: none;
        }
	
	#container #header #kt{
		left:710px;
		top:0px;
		position:absolute;
	}

	#container #header p{
		font-size:12px;
		position:absolute;
		right:20px;
		top:20px;
	}


/* =contentwrapper ===========================================================
This wraps sidebar and all main content */
#container #contentWrapper {
    margin: 0 30px;
    position: relative;
    width: 940px;
    }

/* =content ==================================================================*/
#container #contentWrapper #content {
    float: right;   /* floats content div right, allows other content to flow around it */
    text-align: left;
    position: relative;
    width: 730px;   /* essential to specify width with floats */
    }

    #container #contentWrapper #content #main {
        float: left;    /* floats image left WITHIN #content */
        margin: 20px 0 20px 0;
        width: 400px;   /* essential to specify width with floats */
        }

    #container #contentWrapper #content #main h1 {
		font-size:1.3em;
		line-height:26px;
	}

    #container #contentWrapper #content #main h1 + p{
		font-size:16px;
		letter-spacing:1px;
		line-height:18px;
		padding:0 0 20px 0;
	}



    #container #contentWrapper #content #related {
        left: 420px;    /* floats text right WITHIN #content */
        float: right;
        margin: 20px 20px 10px 0;
        top: 10px;
        width: 310px;   /* essential to specify width with floats */
        }

	#container #contentWrapper #content #related p{
		margin-bottom:25px;
	}

	#container #contentWrapper #content #related #news ul{
		padding:0;
		margin:0;
		list-style:none;
	}

	#container #contentWrapper #content #related #news li{
		padding-bottom:10px;
	}

	#container li{
		padding-bottom:5px;
	}

/* =sidebar===================================================================*/
#container #contentWrapper #sidebar {
    float: left;    /* sidebar floated left within #contentWrapper */
    margin-top: 20px;
    position: relative;
    width: 170px;   /* IE6 has problems with width 200px */
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
    }

/* =submenu ==================================================================*/
/* Create gap above and below entire list */
#submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
	background-color:white;
    }

/* Spacer below list items */
#submenu li, #submenu ul ul li {
     padding: 0;         /* GAP BETWEEN LIST ITEMS */
	 }

/* Indent sub list */
#submenu ul ul {
    margin: 0;
	padding:0 0 0 35px;
	background-color:white;
	list-style-type:disc;
    }


/* Border and padding control left-hand 'tick' marker */
#submenu li a {
    /* Coloured padding found in sidebar colour css file */
    padding: 0 0 0 0;
	color: black;
    display: block;
	font-weight: normal;
	}

    #submenu li a:link, #submenu li a:visited {
    	text-decoration: none;
		line-height:32px;
		color:black;
    	}

    #submenu li a:hover, #submenu li a:active {
    	text-decoration: none;
		color: #00529b;
		background-color:#fff;
		font-weight:normal;
    	}

    /* Selected item on list -- class applied to <a> tag: <a href="#" class="selected"> */
    #submenu a.selected, #submenu li a.selected {
        color: black;
        font-weight: bold;
		background-color:#fff;
        }

/* font sizes for submenu */

#submenu ul{
   font-size:16px;
}

#submenu ul li ul li{
	font-size:15px;
}

/* Start added by T4 for SiteManager link menu code */



/* currentbranch 0 is the first level of links e.g. home/staff/undergraduates */

	#submenu li .currentbranch0 {
		display: block;
		line-height:32px;
        color: #111;
		background-color:#fff;
        font-weight: bold;
	}

	#submenu li .currentbranch0 a{
        color: black;
        font-weight: bold;
		width:153px;
 	}	
	
	#submenu li .currentbranch0 a:hover{
        color: #00529b;
        font-weight: bold;
 	}


/* currentbranck 1 is the second level of links within currentbranch 0 */

	/* selected section */
	#submenu li .currentbranch1 {
		color: black;
		font-weight: bold;
		display: block;
		line-height:32px;
	}

	#submenu li .currentbranch1 a{
		color: black;
        font-weight: bold;
 	}

	#submenu li .currentbranch1 a:hover{
		color: #00529b;
	}

	#submenu li .currentbranch2 {
		color: black;
		font-weight: bold;
		display: block;
		line-height:32px;
	}

	#submenu li .currentbranch2 a{
		color: black;
        font-weight: bold;
 	}

	#submenu li .currentbranch2 a:hover{
		color: #00529b;
	}




/* End added by T4 */

        #submenu p a:link, #submenu p a:visited {
            border: 0;
            color: #5f5f5f;                 /* Dark Grey (rgb 95, 95, 95) */
            display: inline;
            margin: 0;
            padding: 0;
            text-decoration: none;
            }

        #submenu p a:hover, #submenu p a:active {
            text-decoration: underline;
            }


/* Formatting of lists in related content */

	#container #contentWrapper #content #related ul{
		list-style:none;
		margin:0;
		padding:0;
	}

	#container #contentWrapper #content #related li{
		margin-bottom:10px;
	}

	#container #contentWrapper #content #related h3{
		color:#5F5F5F;
	
	}

/* =footer ====================================================================*/
#container #footer {
    	height: 135px;
    	margin: 0px 20px;
    	padding-bottom: 10px;
    	position: relative;
    	width: 960px;
	color:#8F8D82;
	font-size:12px;
	text-align:center;
	background-color:#fff;
    }

#container #footer p{
padding-top:80px;
}

#container #footer a{
	font-weight:normal;
	color:#8F8D82;
}

.clear {
    clear: both;
}

/* The .hide class is used with the hidden accessibility link to "Skip navigation to content".
   This method exposes the link when it receives focus, as documented in
   "Web Accessibility: Web Standards and Regulatory Compliance" by Thatcher, et al (friends of ED, 2006),
   page 191 ff. */

.hide a {
    display: inline;
    font-size: 1.2em;
    left: -200em;
    padding: 0 0.5em;
	position: absolute;
    text-decoration: none;
    width: 14em;
    z-index: 2;
	}

    .hide a:focus, .hide a:active {
        position: absolute;
        left: 0.5em;
        border: solid #00529b 2px;
        color: #000;
        background: #fff;

        }

		.hidden{
		display:none;
		}


#logo{
position:absolute;
top:-20px;
left:180px;
}

#logo img{
height:80px!important;
}