html,body {
    color: #444;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow-x:hidden;
    background-color: #AAA;
}
h1 {
    padding-top: 10px;
}
h2 {
    font-size:200%;
}
div#heading {
    height:75px;
    margin:0;
    padding:0;
    border:0;
}
div#compsci {
    margin-top:0;
    background-color: #777;  
}
div#awildboarafloat {
    background-color: rgb(253, 207, 120);
}
div#archaeowitness {
    background-color: rgb(180, 130  , 255)
}
img#compsci.logo {
    margin-left:55px;
}
img#awildboarafloat.logo {
    margin-left:70px;
}
img#archaeowitness.logo {
    margin-left:60px;
} 
div.sector {
    padding-top:25px;
    text-align: center;
    float:none;
    width:100%;
    min-height: 400px;
}
/* clickable div link style */
a.mlink {
    text-decoration: none;
}
a.mlink:hover {
    text-decoration: underline;
}
a.mlink:visited {
    text-decoration: none;
}
a.mlink:visited:hover {
    text-decoration: underline;
}
/* compsci link style */
div#compsci.sector:hover {
    background-color: #333;
}
a#mlink_c {
    color:#444;
}
a#mlink_c:hover {
    color:white;
}
a#mlink_c:visited {
    color:black;
}
a#mlink_c:visited:hover {
    color:white;
}
/* paddlesport link style */
div#awildboarafloat.sector:hover {
    background-color: rgb(168, 73, 30);
}
a#mlink_p {
    color:rgb(114,55,25);
}
a#mlink_p:hover {
    color:rgb(250, 240, 224);
    background-color:rgb(168, 73, 30);
}
a#mlink_p:visited {
    color:rgb(65, 30, 15);
}
a#mlink_p:visited:hover {
    color:rgb(250, 240, 224);
}

/* archaeology link style */
div#archaeowitness.sector:hover {
    background-color: rgb(142, 32, 179);
}
a#mlink_a {
    color: rgb(142, 32, 179);
}
a#mlink_a:hover {
    color:rgb(239, 229, 252);
}
a#mlink_a:visited {
    color: purple;
}
a#mlink_a:visited:hover {
    color:rgb(239, 229, 252);
}

a#compscitrivium:hover {
    color: #FFF;
}
a#awildboarafloat:hover {
    color: rgb(220, 143, 0);
}
a#archaeowitness:hover {
    color:rgb(180, 130  , 255)
}
a#compscitrivium:visited {
    color: #FFF;
}
a#awildboarafloat:visited {
    color: rgb(220, 143, 0);
}
a#archaeowitness:visited {
    color:rgb(142, 32  , 179)
}
/*
@media only screen and (max-width: 400px) - for small mobile phones
@media only screen and (max-width: 480px) - for mobile devices
@media only screen and (max-width: 768px) - for tablets and smaller
@media only screen and (max-width: 900px) - for ipad
@media only screen and (max-width: 1024px) - for smaller laptops/tablets
*/