@charset "utf-8";
/* CSS Document */

/* DESIGN Big image with text overlay */
#feature-container {
    display: inline;
    float: left;
    height: 220px;
	margin: 0 0 10px 0;
    max-width: 503px;
    overflow: hidden;
    position: relative;
    width: 503px;
    }
	
.column1of12-3 {
	position: relative;
}

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

.carousel-feature {
    position: relative; /* creates positioning context */
    height: 220px;
    top: 0;
    width: 503px;
    }

/* 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: 503px;
    }

/* 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;
    }

.welcomeimage-text h3 a:link,
.welcomeimage-text h3:visited {
    color: #fff !important;
    text-decoration: underline !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: underline;
    }

.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: 963px;}

#featurenav {
    background-color: transparent;
    bottom: 20px;
    color: #fff;
    height: 20px;
    position: absolute;
    right: 0;
    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;}


/* Removes padding from paragaphs containing only images */

.column1-4 p, .column2-4 p, .column3-4 p, .column4-4 p {
    margin-bottom: 0;
}