/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Feb 8, 2019, 5:05:56 PM
Author     : okuts
*/

#topwrapper
{
    width:1200px;
    height:380px; /* original height is 300px */
    border:1px solid black;
}




#centerwrapper
{

    width:944px; /*original width is 600px */
    height:660px;
    float:left;
    border:1px solid black;
}
#contentarea
{
    width:1200px;
    height:600px;
    margin-left:auto;
    margin-right:auto;

}

.container {
    position: relative;
    width: 50%;
}

.image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    top: 780px;
    bottom: 0;
    left: 0;
    right: 0;
    height:135px;
    width: 225px;
    opacity: 0;
    transition: .5s ease;
    background-color:#A4A4A4;
}

.container:hover .overlay {
    opacity: 1;
}

.text {
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);

}
#weeks
{
    width:300px;
    height:150px;
    margin-left:50px;
    float:left;
    border:1px solid black;

}
.container2 {
    position: relative;
    width: 50%;
}

.image2 {
    display: block;
    width: 100%;
    height: auto;
}

.overlay2 {
    position: absolute;
    top: 780px;
    bottom: 0;
    left: 0;
    right: 0;
    height:135px;
    width: 225px;
    opacity: 0;
    transition: .5s ease;
    background-color:#A4A4A4;

}

.container:hover .overlay {
    opacity: 1;
}

.text2 {
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);

}
/*Everything after this is in the whitebox*/
#WhiteBox
{
    width:1200px;
    height:1400px;
    background-color:#0f0f0f;
    font-family:tahoma;
    border-radius:15px;
}
.Title
{
    width:200px;
    height:70px;
    color:white;
    font-size:45px;
    margin-left:500px;

}
.TextLink /*First row*/
{
    width:350px;
    height:210px;;
    border:2px solid black;
    margin-left:33px;
    float:left;
    margin-top:20px;
    border-radius:15px;
    background-color:white;


}
.TextLink2/*Weekly Pages*/
{
    width:350px;
    height:300px;
    border-radius:15px;
    margin-left:33px;
    float:left;
    margin-top:30px;
    border:2px solid black;
    background-color:white;

}
.TextLink3/*Past Mentors and Rooster Pages*/
{
    width:350px;
    height:300px;
    border:2px solid black;
    margin-left:33px;
    float:left;
    margin-top:30px;
    border-radius:15px;
    background-color:white;

}
.LinkTitle
{
    font:bold;
    font-size:22px;
    background-color:#c6c6c6;
    height:65px;
    width:350px;
    border-top-right-radius:15px;
    border-top-left-radius:15px;
    border: 1px solid black;
    margin-top: -1px;
    margin-left: -1px;
}
p.LinkList
{
    font-size:15px;
    text-align: center;
}