A {text-decoration:none}
A:link, A:visited {color: blue}



BODY {
background-color: whitesmoke;
}

div.feature {
    border-style: double;
    background-color: gainsboro;
    padding-bottom: 2em;
    margin-bottom: 1em;
}

table.fall td {
font-family: Verdana,Tahoma;
padding-left:2px;
border-top: 1px dotted #000000;
font-size: 10px;
}

table.fall tr.sectionals td {
font-family: Verdana,Tahoma;
padding-left:2px;
border-top: 2px solid #000000;
font-size: 14px;
background-color: gold;
text-align: center;
}

.officeholder {
font-weight: bold;
}

.std, p {
color: black;
font: 10pt Tahoma,Geneva;
}

.center
{text-align: center;}

#gamewin {
font: bold 10pt Verdana, serif;
color: #000000; 
background-color: gold;
}

.game {
}

#navlist {
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
text-shadow: -1px 1px 0 red;
}

#navlist li {
list-style: none;
margin: 0;
padding: 0.25em 0.5em 0.25em 0.75em;
background-color: black;
color:gray;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
text-align: left;
}

#navlist li a {
display: block;
background-color: black;
color:white;
text-decoration: none;
}

#navlist li a:link, #navlist li a:visited { color: white; }

#navlist li a:hover {
border-right: 4px dotted red;
text-shadow: 0 0 0 red;
color: red;
}

#navtabs {
    padding: 0 0 0 0;
    margin: 0;
    font: bold 12px Verdana, sans-serif;
}

#navtabs li {
    list-style: none;
    margin: 0 10px 0 0;
    display: inline;
    line-height: 150%;
}

#navtabs li a {
    padding: 0 0.5em; /* tb lr */
    border: 1px solid #778;
    border-bottom: none;
    background: #DDE;    
    text-decoration: none;
}

#navtabs li a.infocus { background-color: yellow; color:black;}
#navtabs li a.notinfocus { color: gray}

#navtabs li a:link { }
#navtabs li a:visited { }

#navtabs li a:hover {
    color: inherit;
    background: #AAE;
    border-color: #227;
}

#navtabs li a#current {
    background: white;
    border-bottom: 1px solid white;
}

#navcontainer {
    text-align: left;
    margin-top: 2px;
    clear:both;
}

.xolorform input:focus {
background-color:  blue;
}

.head {
/* Top story and article headline */
font-size:16px;
font-weight:bold;
line-height:18px;
font-family:arial, sans-serif;
}



table.hsep td {
border-style: dotted;
border-width: 0 0 1px 0;
}

.LRnopad {
text-align: center;
padding: 0; 
border: outset 2pt;
}

.LRpad {
text-align: center;
padding: 0 .5em 0 .5em;
border: outset 2pt;
}

.footnote {
font-size: 8pt;
color: #ff0000;
}

/* first footnote */
.firstfn {
text-decoration: overline;
}

.jv { background-color: DarkSalmon}

table.score tr td {
border-style: outset;
border-width: 2px;
font-size: 16pt;
font-family:Tahoma;
}

.submitbutton {
font-style: italic; color: darkgreen
}
.white { color:white}
.center {text-align:center}
.floatleft {float:left}

.centerhoriz {
	margin: auto;
}

body {
    min-width: 100vw;
    min-height: 100vh; 
} /* for full responsive site */

.leftcolumn {
clear:both;
float:left;
width:20%;
}

.centercolumn {
float:left;
width:80%;
}

#postbook {
	min-height: 400px;
}

.postbook {
/*float:left;*/
padding-left:10px;
padding-top:5px;
}

.newsarticle {
	clear: both;
	background-color: white;
	margin-right: 0.5em;
	margin-bottom: 0.75em;
}

.newsheadline {
	clear:both;
	font: 10pt Tahoma,Geneva;
	/*background-image: linear-gradient(to bottom, white 65%, red); */
	border-color: black;
	border-width: 2px 0.5em 4px 1em;
	border-style: solid;
	color: black;
	/*text-shadow: -1px 2px 0 black;*/
	text-align:left;
	padding-left: 0.5em;
	text-transform:uppercase;
	line-height:30px;
}

.newsbody {
	font:10pt Tahoma, Geneva;
	border-width: 0 1pt 1pt 0;
    border-style: dotted;
	text-align:left;
    padding-left: 1.5em;
	padding-bottom: 0.25em;
}

.byline {
	color:#ff0000;
	font: 10pt Tahoma,Geneva;
	font-variant: small-caps;
	text-align:right
}

.postdate, .expdate {
	float: right;
	font-size: smaller;
}

.maintenance-banner {
    background: #fff3cd;
    color: #664d03;
    padding: 8px 12px;
    border-bottom: 1px solid #ffecb5;
    font-size: 0.95em;
}


/* ================================ MOBILE responsive treatment ========================================================================== */

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

    #torso, #mainbody {
	    width: 100vw;
    }

    .hdrback {
        margin: auto;
        width: 100vw;
        height:190px; /* PMSC logo fits inside */
        }
    
}

/* ================================ NON-MOBILE responsive treatment ========================================================================== */
@media screen and (min-width: 480px) { 
    #torso, #mainbody {
	    width: 840px; /* match the width of .hdrback class */
    }
    .hdrback {
        margin: auto;
        background-image: url('http://www.palmacsoccer.net/header5.gif');
        width:840px;
        height:182px;
    }
}