﻿body {
    font-size:medium;
    font-weight:600;
    text-align:left;
    font-family:'Calisto MT', 'Arial Unicode MS', 'Arial Rounded MT';
    background-image: url('/images/background/siteBack.jpg'); background-repeat:repeat; 
    position:relative;
    color:palegoldenrod;
}

a:link {
    color: greenyellow;
    text-decoration:none;
}

a:visited{
    color: greenyellow;
    text-decoration:none;
}

a:hover {
    color: goldenrod;
    text-decoration:underline;
}

table {
    border:1px solid black; padding:10px; background-color:#6c5757; opacity:0.7; color:palegoldenrod; width:700px; position:inherit;
}

    th {
        font-size:larger;
        height: 30px;
        background-color:black; opacity:0.7;
        color:ghostwhite;
        text-align: center;
    }

    td {
        height:50px; max-height:320px;
    }

.tableContent {
    font-size:larger;
}

p {
    font-size:16px; line-height:1.8; text-align:justify;
}

#header {
    background-color:#6c5757; opacity:0.7;
    height:120px; 
    width:100%; 
    
    padding-top:20px;
    padding-left:20px; 
    font-size:36px;
    left:10px;
    top:40px;
    color:cornsilk; 
    line-height:1.8;  
}

#scroller {
    font-size:medium; position:fixed; right:12px; color:palegoldenrod; float:right; margin-right:10px; width:400px; text-align:right;
}
#ul2 > li {
    list-style:none; display:inline-block; padding-left:10px; padding-right:20px;
}

#content {
    height:auto; width:auto; font-size:14px;
}

#menu {
    height:auto;
    width:100%;
    background-color:black; opacity:0.7;
    color:cornsilk;
    float:left;
}

.aMenu:link {
    color:antiquewhite;
    text-decoration:none;
}
.aMenu:hover {
    color: goldenrod;
    text-decoration:underline;
}
.aMenu:visited {
    color:cornsilk;
    text-decoration:none;
}

#ulmenu {
     margin-left:0;
}

#ulmenu >li {
    list-style: none; display:inline-block; padding-left:20px; padding-right:20px; font-size:large;
}

#footer {
    width:100%; text-align:center; background-color:black; opacity:0.7; color:cornsilk; position:static;
}
    #footer > div {
        width:32.8%; float:left; display:inline-block; padding:4px; background-color:inherit; color:inherit;
    }

#sidebar {
    position:fixed; font-size:medium; color:palegoldenrod; float:left; right:0px; top:230px; margin-right:-0px; width:20%;
    border-left:thick;
}

.ul3 {
    list-style:none; 
}
.ul3 > li {
    padding-top:5px; padding-bottom:5px; list-style:none; text-align:justify;
}

.lineStrip {
    height: 30px;
    width: 100%;
    background-color:#6c5757; opacity:0.7
}

#pageTitle {
    font-size:26px;
}
    #pageTitle > p {
        font-size:14px; padding-left:10px;
    }

.wrapper {
    margin-left:5%; margin-right:30%; margin-top:20px; margin-bottom:20px; width:70%; position:relative; min-height:600px;
    
}

.midWrap {
    width:100%; margin-left:5%; margin-right:5%; padding-top:20px; padding-bottom:20px; right:-0px; 
}
    .midWrap > img {
        max-width:100%; padding:20px; border:1px solid black; 
    }

.oneThird {
    width:28%; float:left; text-align:left; position:relative; color:palegoldenrod; background-color:inherit; 
    border:1px solid black; padding:10px; /*margin-left:10px; margin-bottom:10px;*/
}
    .oneThird > img {
        width:100%; display:block;
    }
    .oneThird > a > img {
        width:100%; display:block;
    }
        .oneThird > a > img:hover {
            opacity:0.7;
        }

.imgProfile {
    max-height:200px; max-width:300px; 
}

.speWrap {
    width: 700px; margin-left: 5%; margin-right: 5%; padding-top: 20px; padding-bottom: 20px; position: relative;
}


