* {
    margin: 0px;
}


a {
    text-decoration: none;
    text-shadow: none;
    font-weight:100;
    color:white;
}
a:visited{
    text-decoration: none;
    text-shadow: none;
    font-weight:100;
    color:white;
}


body {
    background-color: black;
}

div{
    text-shadow:none;
    font-weight:100;
}

.navItem {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #333;
    margin-right: 15px;
    font-family: "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    text-shadow: none;
}

.navItem:Hover {
    background-color: #bebebe;
    cursor: pointer;
}


.nav {
    list-style-type: none;
    height: 36px;
    width: 570px;
    margin: auto;
    font-family: "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    color: white;
}


.nav li, .nav li span {
    margin-top: 3px;
}


.nav li {
    float: left;
    position: relative;
    height: 33px;
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 32px;
    padding-left: 32px;
    display: block;
    line-height: 30px;
    text-decoration: none;
    font-family: "Segoe UI", "Times New Roman", Times, serif;
    font-size: 22px;
    font-weight: 100;
}


.nav ul {
    border: #333 solid 2px;
}

.navItem:hover, .navItem:hover li{
    color:black;
}

.navItem li:hover, nav li:hover{
    color:white;
}

.nav ul li {
    margin-left: 0px;
    padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float: none;
    font-size: 14pt;
    width: 120px;
    text-align: left;
    border-right: none;
}


.nav li ul {
    border: none;
    background: #bebebe;
    list-style: none;
    visibility: collapse;
    position: absolute;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    padding-left: 0px;
    margin-top: 3px;
    margin-left: -32px;
}



.nav li ul li:Hover {
    background-color: #555;
    border-radius: 4px;
}

.nav li:hover ul {
    visibility: visible;
}

.pics {
    height: 540px;
    width: 980px;
    padding-top: 25px;
    margin-left: auto;
    margin-right: auto;
    float: left;
}


.pics img {
    max-height: 500px;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


.thumbPics {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
    background-color: #333333;
    width: 900px;
}


.thumbPics img {
    margin-top: 5px;
    margin-bottom: 4px;
    margin-left: 5px;
    margin-right: 5px;
    height: 100px;
    width: auto;
}


.thumbPics img:hover {
    transform: scale(1.1,1.1);
}

.infoPane {
    width: 300px;
    height: 500px;
    float: right;
    text-align: left;
    color: white;
    font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
    /*background-color:#555;*/
    background-color: black;
    margin-top: 25px;
}

.clickImg {

}

.clickLink {

}