#description {
    text-align: center;
}

#home {
    position: absolute;
    top: 90px;
    left: 40%;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    box-shadow: 8px -8px 10px #CCC;
    width: 200px;
    font-family: lekton;
    font-size: 25px;
    text-align:center;
}

#home2 {
    text-align: center;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    box-shadow: 8px -8px 10px #CCC;
    width: 100px;
    font-family: lekton;
}

#links {
    position: absolute;
    top: 105%;
    left: 35%;
    width: 400px;
    border: solid;
    border-radius: 10px;
    border-width: thin;
    box-shadow: 8px -8px 10px #CCC;
    text-align:center;
}

#week1PageTitle {
    border: solid;
    border-radius: 20px;
    border-width: thin;
    box-shadow: 8px -8px 10px #CCC;
    width: 90%;
    font-family: lekton;
    text-align: center;
}

#descriptionWeek1 {
    position: absolute;
    top: 140px;
    left: 5%;
    border: solid;
    width: 90%;
    border-radius: 20px;
    border-width: thin;
    box-shadow: 8px -8px 10px #CCC;
    font-family: lekton;
    text-align: center;
    font-size: 20px;
}

.bot {
    border: solid;
}

#me {
    position: absolute;
    top: 20%;
    font-family: lekton;
    border: solid;
    border-radius: 20px;
    border-width: thin;
    box-shadow: 8px -8px 10px #CCC;
}

p {
    font-size: 25px;
}

#embedded {
    position: absolute;
    top: 60%;
    left: 5%;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    width: 90%;
    box-shadow: 8px -8px 10px #CCC;
}

#embedded10 {
    position: absolute;
    top: 54%;
    left: 5%;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    width: 90%;
    box-shadow: 8px -8px 10px #CCC;
}

#embedded8 {
    position: absolute;
    top: 78%;
    left: 5%;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    width: 90%;
    box-shadow: 8px -8px 10px #CCC;
}

#embedded7 {
    position: absolute;
    top: 20%;
    left: 5%;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    width: 90%;
    box-shadow: 8px -8px 10px #CCC;
}

#embedded9 {
    position: absolute;
    top: 34%;
    left: 5%;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    width: 90%;
    box-shadow: 8px -8px 10px #CCC;
}

    #embedded9 p {
        font-size: 25px;
    }

#embedded8 p {
    font-size: 25px;
}

#embedded7 p {
    font-size: 25px;
}

#homeWeek1 {
    text-align: center;
    position: absolute;
    top: 10%;
    left: 45%;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    box-shadow: 8px -8px 10px #CCC;
    width: 150px;
    font-family: lekton;
}

#aboutme {
    position: absolute;
    left: 950;
    top: 55;
    width: 80;
    font-family: lekton;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    box-shadow: 8px -8px 10px #CCC;
    text-align: center;
}

#about {
    position: absolute;
    left: 47%;
    text-align: center;
    width: 90;
    font-family: lekton;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    box-shadow: 8px -8px 10px #CCC;
    text-align: center;
}

#final {
    position: absolute;
    left: 27%;
    top: 55px;
    width: 150;
    font-family: lekton;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    box-shadow: 8px -8px 10px #CCC;
    text-align: center;
}

#presentation {
  position: absolute;
    left: 750;
    top: 55;
    width: 80;
    font-family: lekton;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    box-shadow: 8px -8px 10px #CCC;
    text-align: center;
}
h2 {
    font-family: "Lucida Sans Unicode:Lucida Grande:sans-serif";
    background-color: grey;
    height: 50px;
    text-align: center;
}

h1 {
    font-family: "Lucida Sans Unicode:Lucida Grande:sans-serif";
    background-color: grey;
    height: 50px;
    text-align: center;
}

#finalProjectTitle {
    font-family: lekton;
    text-align: center;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    box-shadow: 8px -8px 10px #CCC;
}

#title {
    position: absolute;
    top: 40px;
    left: 450px;
    color: white;
    background-color:transparent;
    font-family: lekton;
}

#Diagram {
    font-family: lekton;
    font-weight: bold;
}

#mainmenu {
    position: absolute;
    top: 100px;
    font-family: lekton;
}

#weeklyAssignments {
    position: absolute;
    top: 36.3%;
    text-align: center;
    font-family: lekton;
}

#pWeekly {
    position: absolute;
    top: -60px;
    left: 400px;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    box-shadow: 8px -8px 10px #CCC;
    width: 300px;
    font-family: lekton;
}

.week {
    text-align: center;
    width: 200px;
    height: 200px;
    position: absolute;
    font-family: lekton;
    cursor: pointer;
}


.pic {
    border: solid;
    border-width: thin;
    width: 200px;
    height: :200px;
    font-family: lekton;
}



.week {
    width: 200px;
    height: 200px;
    border-radius: 20px;
    background-repeat: no-repeat;
}

    .week:hover {
        -moz-box-shadow: 0 0 10px #ccc;
        -webkit-box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px #ccc;
        opacity: 0.4;
        filter: alpha(opacity=30);
        border-radius: 20px;
    }

#week1MainHeader {
    position: absolute;
    left: 5%;
    text-align: center;
    width: 90%;
}

#week1 {
    left: 0px;
    background-image: url(Images/week1/projectM.jpeg);
}

#week2 {
    left: 210px;
    background-image: url(Images/week1/cad.gif);
    color: white;
}

#week3 {
    left: 420px;
    background-image: url(Images/week1/robots.gif);
    color: white;
}

#week5 {
    left: 630px;
    background-image: url(Images/week2/ElectronicsProduction.gif);
    color: white;
}

#week6 {
    left: 840px;
}

#week7 {
    top: 210px;
    left: 0px;
}

#week8 {
    top: 210px;
    left: 210px;
}

#week9 {
    top: 210px;
    left: 420px;
    background-image: url(Images/week8/finalHorsey.gif);
    background-size: 100% 100%;
    color: white;
}



#week10 {
    top: 210px;
    left: 630px;
}

#week11 {
    top: 210px;
    left: 840px;
}

#week12 {
    background-image: url(Images/week11/dcBoard.gif);
    background-size: 100% 100%;
    color: white;
    top: 420px;
    left: 0px;
}

#week13 {
    top: 420px;
    left: 210px;
}

#week14 {
    top: 420px;
    left: 420px;
}

#week15 {
    top: 420px;
    left: 630px;
}



#week16 {
    top: 420px;
    left: 840px;
}

#week17 {
    top: 630px;
    left: 0px;
}

#week18 {
    top: 630px;
    left: 210px;
}

#week19 {
    top: 630px;
    left: 420px;
}


#week20{
 top: 630px;
    left: 630px;
    background-color:red;
    color:white;
}
#about {
    font-family: serif;
    font-size: 20px;
}

footer {
    position: absolute;
    text-align: center;
    top: 1100px;
    left: 40%;
}

#acc {
    position: absolute;
    top: 40%;
    left: 5%;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    width: 90%;
    box-shadow: 8px -8px 10px #CCC;
}

    #acc p {
        font-size: 25px;
    }

#accordion {
    left: 10%;
    top: 30%;
    border: solid;
    border-width: thin;
    border-radius: 20px;
    box-shadow: 8px -8px 10px #CCC;
}

    #accordion .ui-accordion-content {
        width: 93%;
        /*background-color: #f3f3f3;*/
        color: #777;
        font-size: 14pt;
        line-height: 16pt;
        border-radius: 20px;
    }

    #accordion .ui-accordion-header {
        /*background-color: #ccc;*/
        margin: 0px;
        border-radius: 20px;
    }

        #accordion .ui-accordion-header a {
            color: #fff;
            line-height: 42px;
            display: block;
            font-size: 14pt;
            width: 100%;
            text-indent: 10px;
        }

        #accordion .ui-accordion-header:first-of-type {
            background-color: #8EE5EE;
            background-image: -moz-linear-gradient(top, #8EE5EE 0%, #53868B 100%); /*FF3.6+*/
            background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#8EE5EE), color-stop(100%,#53868B)); /*Chrome,Safari4+*/
            background-image: -webkit-linear-gradient(top, #8EE5EE 0%,#53868B 100%); /*Chrome10+,Safari5.1+*/
            background-image: -o-linear-gradient(top, #8EE5EE 0%,#53868B 100%); /*Opera 11.10+*/
            background-image: -ms-linear-gradient(top, #8EE5EE 0%,#53868B 100%); /*IE10+*/
            background-image: linear-gradient(to bottombottom, #8EE5EE 0%,#dc621e 100%); /*W3C*/
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8EE5EE', endColorstr='#53868B',GradientType=0 ); /*IE6-9*/
        }

/*#accordion .ui-accordion-header:nth-of-type(2) {  
    background-color: #389abe;  
    background-image: -moz-linear-gradient(top,  #389abe 0%, #2a7b99 100%);  ff3.6+   
    background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#389abe), color-stop(100%,#2a7b99));  chrome,safari4+   
    background-image: -webkit-linear-gradient(top,  #389abe 0%,#2a7b99 100%);  chrome10+,safari5.1+   
    background-image: -o-linear-gradient(top,  #389abe 0%,#2a7b99 100%);  opera 11.10+   
    background-image: -ms-linear-gradient(top,  #389abe 0%,#2a7b99 100%);  ie10+   
    background-image: linear-gradient(to bottombottom,  #389abe 0%,#2a7b99 100%);  w3c   
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#389abe', endcolorstr='#2a7b99',gradienttype=0 );  ie6-9   
}  

/*/ *#accordion .ui-accordion-header a {
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
    border-right: 1px solid rgba(0, 0, 0, .2);
    border-left: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-top: 1px solid rgba(250, 250, 250, .2);
}

#week6 {
    background-image: url(Images/week5/3d.printing.gif);
    background-size: 100% 100%;
    color: white;
}

#week7 {
    background-image: url(Images/week6/electro.gif);
    color: white;
}

#week8 {
    background-image: url(Images/week7/code.gif);
    color: white;
}

#week10 {
    background-image: url(Images/week9/moldAndSillicone.jpg);
    background-size: 100% 100%;
    color: white;
}

#week11 {
    background-image: url(Images/week10/programmingit.jpg);
    background-size: 100% 100%;
    color: white;
}

#week13 {
    background-image: url(Images/week12/ex.jpg);
    background-size: 100% 100%;
    color: white;
}

#week14 {
    background-image: url(Images/week13/comm.jpg);
    background-size: 100% 100%;
    color: white;
}

#week16 {
    background-image: url(Images/week14/processing-t.jpg);
    color: white;
}

#week15 {
    background-color: #96DB91;
    background-image: url(Images/machine%20design.jpeg);
    color: white;
}

#week17 {
    background-image: url(Images/projectDevelopment/applications.gif);
    background-size: 100% 100%;
    color: white;
}

p {
    font-size: 20px;
}

#week19 {
    background-color: #809AFF;
    color: white;
}
#week18 {
    background-color: #849AAF;
    color: white;
}