body{
       background: #c7c7c7;
}
#frame {
    margin-top:12px;
}

.homeboxtitle {
	height: 50px
}

.homeboxoimagecontainer {
    height: 165px;
	background-color:inherit;
}

.homeboxdetail1 {
	height:83px;
}


header div.logo {
    text-align: left;
}

nav.mainnav ul.toplevel {
        background-color: inherit;
}
div.logo img.logolarge{
    max-height: 100%;
    max-width: 100%;
}

div.logo img.logosmall{
   max-width: 110px;
   max-height: 110px;
}
div#toppanel.cloned header div.logo img.logosmall{
   max-width: 110px;
   max-height: 110px;
}

li.toplevel a{
     color: white;
}
ul.sublevel {
    border-left: 1px grey solid;
    border-right: 1px grey solid;
    border-bottom: 1px grey solid;
}
.twittericon, .facebookicon, .wordpressicon, .instagramicon, .youtubeicon, .rssicon {
    color: #bf2228;
}
.twittericon:hover, .facebookicon:hover, .wordpressicon:hover, .instagramicon:hover, .youtubeicon:hover, .rssicon:hover {
         color: #bf2228;
}
div.userbox {
    top: 6px;
    right: 6px;
}
div.userboxicon:hover {
    background: none #bf2228;
}
div.userboxicon {
    color:#233b77;
}
#pagecontainer {
    margin-top: 0px;
}


nav.mainnav li a:hover
{
    color: #bf2228;
}
nav.mainnav li:hover ul a {
    background: #c7c7c7;
}
nav.mainnav li.sublevel a:hover {
    background: #e1e1e1;
    color: #bf2228;
}
div#toppanel {
    background-color: #233b77;
    border-bottom: 2px solid black;
     box-shadow: 0px 4px 20px black;
    background: -webkit-linear-gradient(#0e1f4a, #596fa7);
    background: -o-linear-gradient(#0e1f4a, #596fa7);
    background: -moz-linear-gradient(#0e1f4a, #596fa7);
    background: linear-gradient(#0e1f4a, #596fa7);

}
div#toppanelframe {

}
div#toppanel.cloned{
    box-shadow: -3px -2px 20px 0px grey;
}
div#toppanel.cloned nav.mainnav {
    margin: 0px auto 0 auto;
}

table.usjgtpoints {
    border: solid 1px;
}
table.usjgtpoints tr td {
    padding:2px;
    border: solid 1px #808080;

}

div.authuser {
    color: #e1e1e1;
}

a.usjgtarlink {
    text-decoration: none;
}

.usjgtarchivedresults {
    padding-left: 18px;
    padding-bottom: 8px;
}

@media screen and (max-width: 996px) {
   div.logo img.logolarge{
    border-left: unset;
    border-right: unset;
}
}


@media screen and (max-width: 760px) {

    nav.mainnav ul li, nav.mainnav li a, nav.pagenav ul li, nav.pagenav li a {
        width: 100%;
        color: #273B4A;
    }    
    header div.logo img {
       max-width: 150px;
       max-height: 110px;
    }
    .twittericon, .facebookicon, .wordpressicon, .instagramicon, .youtubeicon, .rssicon {
        display: none;
    }

}