/*
Stylesheet      School of Modern Languages V2
Theme Name      University of St Andrews 2008
URI             http://www.st-andrews.ac.uk
Version         4.9.1
Authors         gjms1 sde1
Description     Global stylesheet for English section.
                Sets up navigation bar look and feel.
Last Updated    25/09/2009
*/



/* --------------- WELCOME IMAGES ------------------------------------------- */

#mainwrapper{
padding-top:0;
}

/* DESIGN Big image with text overlay */
#welcomeimage {
    display: inline;
    float: left;
    height: 220px;
    margin-right: 0;
    margin-left: 0;
    max-width: 980px;
    overflow: hidden;
    position: relative;
    width: 980px;
    }

/* IMAGE This is necessary for IE5/6, otherwise it moves positioned text down 8px */
#welcomeimage img {
    height: 220px;
    position: absolute;
    top: 0;
    width: 980px;
    }

.featurecontainer {
    position: relative; /* creates positioning context */
    height: 220px;
    top: 0;
    width: 980px;
    }

/* DESIGN Dark glass effect on welcome image text */
.welcomeimage-text {
    background-image: url('/media/styles/main-website/images/darkglass/v2-img_darkglass.png');
    background-repeat: repeat;
    bottom: 0;
    color: #fff;
    height: auto;
    left: 0;
    position: absolute;
    width: 980px;
    }

/* IMAGE Alternative background image for IE6 */
* html .welcomeimage-text {
    background-image: url('/media/styles/main-website/images/darkglass/v2-img_darkglass.gif');
    }

/* HEADING Formatting for welcome-image text */
.welcomeimage-text h3 {
    color: #fff;
    font-weight: bold;
    margin: 0;
    padding: 10px 10px 5px 10px;
/*	display:none; */
    }

.welcomeimage-text h3 a:link,
.welcomeimage-text h3:visited {
    color: #fff !important;
    text-decoration: none !important;
    }

.welcomeimage-text h3 a:hover,
.welcomeimage-text h3:active {
    color: #fff !important;
    text-decoration: none !important;
    }

.welcomeimage-text a:link,
.welcomeimage-text a:visited {
    color: #fff;
    text-decoration: none;
    }

.welcomeimage-text p {
    padding: 0 70px 10px 10px;
    margin: 0;
/*	display:none; */
    }

.welcomeimage-text p a:hover,
.welcomeimage-text a:active {
    color: #fff !important;
    text-decoration: none !important;
    }

.welcomeimage-text acronym {
    color: #fff;
    font-size: 0.875em;
    }

/* positioning context */
#welcomewrapper-inner {
    position: relative;
    }

/* HACK! Fixes buggy IE6 absolute position bottom issue for navigation arrows
This makes the container too wide by 3px and changes the background colour to white
to disguise this! It's a fudge that Cadbury's would be proud of. */
* html #welcomewrapper-inner {
    background-color: #fff;
    width: 980px;}

#featurenav {
    background-color: transparent;
    bottom: 10px;
    color: #fff;
    height: 20px;
    position: relative;
    left: 980px;
    bottom:25px;
    width: 50px;
    z-index: 9999 !important;
    }

/* In test -- until we decide where to stick the nav arrows */
/*.welcomeimage-text p {padding: 0 10px 10px 10px;}*/

/* Removes dotted marquee around link when arrow is clicked */
#featurenav a {outline-style: none !important;}

.span-26{
width:760px;
}

.column2of12-3{
text-align:right;
padding-top:30px;
}


#sidebar,#content,#relatedcontent{
margin-top:20px;
}

.column1, .column2 {
    display: inline;
    float:left;
    margin-right: 20px;
    max-width: 480px;
    width: 480px;
    }

.column2 {
    margin-right: 0;
    max-width: 240px;
    width: 240px;
    }

#button {
/*background-image:url('/english/media/button.png');*/
background-repeat: no-repeat;
width: 180px;
height: 30px;
text-align: center;
padding: 5px;
margin: 10px;

}