/*
Stylesheet      English 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    12/01/2012
*/



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

/* DESIGN Big image with text overlay */
#welcomeimage {
    display: inline;
    float: left;
    height: 190px;
    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: 190px;
    position: absolute;
    top: 0;
    width: 980px;
    }

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

/* DESIGN Dark glass effect on welcome image text */
.welcomeimage-text {
    background-image: url('http://www.st-andrews.ac.uk/media/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('http://www.st-andrews.ac.uk/media/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;
    }

.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;
    }

.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;
}


/* Base background colour for toolbar/navMain */
/* Staff Tool Blue #88b3d9 (rgb 136, 179, 217) */
#navmain, #navmain ul li a {
    background-color: #c1c0b7 !important;
    }

/* Apply triangle/arrow to right-hand side of "Current Staff" title on #navmain */
/* Trivia: the triange/arrow is reminiscent of part of the university crest */
/* Staff Blue #4895d9 */
#navmain h1 a:link, #navmain h1 a:visited, #navmain h1 a:hover, #navmain h1 a:active, #navmain h1 a:focus {
background:#8f8d82 url(http://www.st-andrews.ac.uk/english/media/menu_arrow_english.gif) no-repeat scroll right center;
    padding: 0 100px 0 32px !important;
    }

/* HEADING For use on Homepage when "Current Staff" isn't linked */
#navmain h1 {
background:#8f8d82 url(http://www.st-andrews.ac.uk/english/media/menu_arrow_english.gif) no-repeat scroll right center;
    color: #fff;
    }

#header{
background-color:#fff;
}

#header h1 a{
color:#00529b!important;
}

/* English specific CSS */

h3#departments{
	padding-top:1em;
}

h3#other-subjects{
	padding-top:1em;
}

#mainwrapper{
padding-top:0;
padding-bottom:20px;
}


/* formatting for modules */

/** style for module information **/

div.modules{
border-top:2px solid black;
padding-top:10px;
padding-bottom:10px;
padding-right: 10px;
}

p.module_title{
margin:0;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
}

p.module_description {
margin-top:5px;
margin-bottom:10px;
padding-bottom:15px;
border-bottom:1px solid #aaa;
}

table.module_info{
 padding-bottom:0;
 margin-top:0;
 border:0 none;
 width: 80%;
}

div.floatright_credits{
 float: right;
 margin-top:5px;
 padding-top:0;
 padding-left: 10px;
 margin-bottom: 5px;
 margin-left: 5px;
 color:black;
 text-align:right;
}

/** style for degree options **/

div.message{
 padding-top:20px;
 padding-bottom:10px;
}

#buttonwrapper{
position: relative;
margin-top: 15px;
width: auto;
}

#buttonwrapper #button1{
background-image:url('/english_test/media/button.png');
background-repeat: no-repeat;
position: absolute;
width: 210px;
height: 40px;
text-align: center;
left: 0;
top: 0;
margin-right: 5px;
}

#buttonwrapper #button2{
background-image:url('/english_test/media/button.png');
background-repeat: no-repeat;
width: 210px;
height: 40px;
text-align: center;
position: absolute;
left: 220px;
top: 0;
}

#buttonwrapper #button3{
background-image:url('/english_test/media/button.png');
background-repeat: no-repeat;
width: 210px;
height: 40px;
text-align: center;
position: absolute;
top: 0;
left: 440px;
}

#buttonwrapper a,  a:link {
  text-decoration: none;
}
/* Sets the style for visited links. */
#buttonwrapper a:visited {

  text-decoration: none;
}
/* Sets the style for links on mouseover. */
#buttonwrapper a:hover {

  text-decoration: underline;
  }

#buttonwrapper #creative{
font-size: 150%;
position: absolute;
right: 10px;
top: 250px;
}

#columnwrapper{
position: relative;
margin-top: 15px;
width: auto;
height: auto;
}

#columnwrapper a,  a:link {
  text-decoration: none;
  font-weight: normal;
}
/* Sets the style for visited links. */
#columnwrapper a:visited {

  text-decoration: none;
    font-weight: normal;

}
/* Sets the style for links on mouseover. */
#columnwrapper a:hover {

  text-decoration: underline;
    font-weight: normal;

  }
/* this is for three columns layout */
#columnwrapper p {

line-height: 8px;

  }


#columnwrapper #column1{
position: absolute;
width: 170px;
left: 0;
top: 0;
margin-right: 15px;
}

#columnwrapper #column2{
position: absolute;
width: 170px;
left: 185px;
top: 0;
margin-right: 15px;
}

#columnwrapper #column3{
position: absolute;
width: 170px;
left: 370px;
top: 0;
}


p.large{
font-size: 120%;
line-height: 40px;
}

p.larger{
font-size: 150%;
line-height: 40px;
}

div.center {
	margin-left: 150px;
}

div.button{
background-image:url('/english_test/media/button.png');
background-repeat: no-repeat;
width: 210px;
height: 40px;
text-align: center;
}

div.smbutton{
background-image:url('/english_test/media/button.png');
background-repeat: no-repeat;
width: 180px;
height: 40px;
text-align: center;
}

.box {
	background-color : #FFFFCC;
	border: 1px solid #008000;
}

#whitebox {
	
	
	width:170px;
	float:right;
	margin-bottom: 10px;
}

#whitebox a:visited {
	text-decoration: none;
}

#whitebox .larger{
line-height: 10px;
padding-bottom: 0!important;
margin-bottom: 5px!important;
font-size:110%;
}	

#whitebox #creative{
	border: 1px solid #666666;
	background-color: #EEE;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

#whitebox #conf{
	border: 1px solid #666666;
	background-color: #EEF;
	margin-top: 5px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#whitebox #announce{
	border: 1px solid #666666;
	background-color: #EEF;
	margin-top: 5px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

	

#mainwrapper #content #bluebox {
	position: absolute;
	top: 520px;
	left: 788px;
	border: 1px solid #666666;
	background-color: #EFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 15px;
	width:170px;
	text-align: left;
	/*float:right; */
}

#bluebox h3 {
	text-align: center;
}

#bluebox p {
	margin-left: 10px;
	margin-right: 10px;
}

#bluebox a:visited {
	text-decoration: none;
}


/* style for photo thumbnails at the bottom of the page */
#fourcolumns{
position: relative;
margin-top: 6px;
width: auto;
}

#fourcolumns #column1{
position: absolute;
width: 140px;
height: 100px;
left: 50px;
top: 0;

}

#fourcolumns #column2{
position: absolute;
width: 140px;
height: 100px;
left: 190px;
top: 0;

}

#fourcolumns #column3{
position: absolute;
width: 140px;
height: 100px;
left: 330px;
top: 0;

}


#fourcolumns #column4{
position: absolute;
width: 140px;
height: 100px;
left: 470px;
top: 0;

}

#twocolumns{
position: relative;
width: auto;
}

#twocolumns #column1{
position: absolute;
width: 360px;
left: 0;
top: 0;
margin-right: 30px;
}

#twocolumns #column2{
position: absolute;
width: 360px;
left: 390px;
top: 0;
}

#filmstrip{
position: relative;
margin-left: 70px;
width: auto;
}

#filmstrip #photo1{
position: absolute;
width: 140px;
height: 101px;
left: 0;
top: 0;
}

#filmstrip #photo2{
position: absolute;
width: 140px;
height: 101px;
left: 0;
top: 101px;
}

#filmstrip #photo3{
position: absolute;
width: 140px;
height: 101px;
left: 0;
top: 202px;
}

#filmstrip #photo4{
position: absolute;
width: 140px;
height: 101px;
left: 0;
top: 303px;
}

#filmstrip #photo5{
position: absolute;
width: 140px;
height: 101px;
left: 0;
top: 404px;
}

#filmstrip #photo6{
position: absolute;
width: 140px;
height: 101px;
left: 0;
top: 505px;
}

#sidecolumn{
position: relative;
width: auto;
}

#sidecolumn #column1{
position: absolute;
width: 70px;
left: 40px;
top: 0;
margin-right: 10px;
}

#sidecolumn #column2{
position: absolute;
width: 70px;
left: 120px;
top: 0;
}

#thumbnail {
	position: relative;
	float: left;
	margin-right: 10px;
}

div.full-image {
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

div.thumbnail {
	position: relative;
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

div.borderblue {
	
	background-color:#9FF;
	border: groove;
	border-color: #333;
	padding: 10px;
	margin-bottom: 20px;
}