/*****RECONCEPTUALISING GENDER HOMEPAGE CSS*****/

.image-container {
float: left;
width: 100%;
background-color: #4a244d;
}

.images {
float: left;
}

.mainimage {
position: relative;
}

.imagetext {
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
width: 100%;
color: white;
font-size: 75%;
}

#main-content .imagetext p {
margin: 3px 0 1px 2px; 
}

#main-content .imagetext a {color: white;}
#main-content .imagetext a:link {color: white;}
#main-content .imagetext a:visited {color: white;}
#main-content .imagetext a:hover {color: #BEBBDE;}


.intro {
color: white;
padding: 1em 1em 0em 415px;
}

#main-content .intro a {color: white;}
#main-content .intro a:link {color: white;}
#main-content .intro a:visited {color: white;}
#main-content .intro a:hover {color: #d2cfe8;}


a.morelink {
font-size: 90%;
}

.contact-container {
float: left;
width: 100%;
background-color: white;
margin-top: 10px;
}

.links {
float: left;
width: 405px;
background-color: white;
min-height: 100px;
}

.tableOfContentsTable {
width:100%;
}

#main-content .links a {background-color: #68276b; font-size: 150%; font-weight: bold; color: white; text-decoration: none; display: block; margin: 0 10px 10px 0; padding: 10px;}
#main-content .links a:link {color: white; text-decoration: none;}
#main-content .links a:visited {color: white; text-decoration: none;}
#main-content .links a:hover {color: white; text-decoration: underline;}


.contact {
background-color: #bebbde;
font-weight: bold;
color: black;
font-size: 90%;
padding: 8px 10px 8px 415px;
}

#main-content .contact p {line-height: 1.1em;}

#main-content .contact a {color: black;}
#main-content .contact a:link {color: black;}
#main-content .contact a:visited {color: black;}
#main-content .contact a:hover {color: #4a244d;}