/*
  Copyright HandicapMaster Ltd.
  Not to be reproduced without prior permission.
  'HandicapMaster' and 'Master Scoreboard' are registered trademarks.

  $Id: style_screen.css 4259 2017-12-22 14:19:13Z Nick $
*/

/*************/
/* Structure */
/*************/
BODY
{ 
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4
{
  text-align:center;
  margin: 15px 3%;
}

h1
{
  font-size: 28px;
	font-weight: 600;
	line-height: 23px;
}

h2
{
  font-size: 24px;
	font-weight: 500;
	line-height: 23px;
}

h4
{
  font-size: 18px;
	font-weight: 500;
	line-height: 23px;
}

P
{
  padding:5px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}

#heading
{
  font-size:xx-large;
  font-weight: normal;
  padding:20px 0;
}

.masthead
{
  text-align: center;
  border-bottom-width: 1px;
  border-bottom-style: solid; 
  padding: 0 0 150px 0;
}

#masthead-top
{
  max-width:1100px;
  margin: auto;
}

.hm-menu
{
  max-width:1100px;
  margin:auto;
}

#container
{
  padding-bottom: 10px;
}

div#center-section
{
  padding: 10px;
  text-align: justify;
  max-width: 1100px;
  margin: -140px auto 10px auto;
  min-height: 400px;
  border-width: 10px;
  border-style: solid;
  box-shadow: 0 0px 12px #101010;
}

div#center-section P
{
  margin: 0px 3%;
}

div#center-section IMG
{
  display: block;
  margin: 5px auto 15px auto;
  padding:5px;
  border-width: 2px;
  border-style: solid;
  max-width: 90%;
  height: auto;
  width: auto\9; /* ie8 */
}

div#center-section #map-canvas
{
  width: 90%; 
  margin: 0px auto 20px auto;
  padding: 10px;
  border-width: 2px;
  border-style: solid;
}

div#center-section #map-canvas IMG
{
  max-width: 100%;
}

div#bottom-section
{
  text-align: center;
  padding: 10px;
  margin: 0px;
}

/* Notices */
.Notice
{
  width: 80%;
  margin: 10px 0;
  text-align: left;
}

.Notice H4 
{
  margin: 0;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
}

.Notice P 
{
  margin: 0;
  padding: 4px 4px 15px 4px;
}

/* Page Links */
.PageLink
{
  text-align: center;
  padding: 5px;
  margin: 10px;
}
.PageLink Span
{
  font-weight: bold;
  line-height: 32px;
}
.PageLink A
{
  border-style: solid;
  border-width: 1px;
  border-radius:4px;
  padding: 5px 15px;
  margin: 0 10px;
}

.PageLinkPlain
{
  text-align: left;
  padding:5px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  margin: 0px 3%;
}

.social-links IMG
{ 
  margin-right:5px;
  margin-left:5px;
}

#forecast_embed
{
  border-width: 3px;
  border-style: dotted;
  padding: 1%;
  margin: 4%;
}

.myIframe
{
  position: relative;
  max-width: 90%; 
  margin: auto;
  overflow: hidden;
 }

.video 
{
  float: none;
  clear: both;
  width: 90%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin: 20px auto;
}

.video iframe, .myIframe iframe
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#center-section .document 
{ 
  margin:auto; 
  width:90%; 
  max-width: 400px;
  padding: 10px;
}

/***********/
/* Styling */
/***********/

BODY
{ 
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
}

div#bottom-section
{
  border-top-width: 5px;
  border-top-style: solid;
}

.break
{
  clear:both;
}

/* Notices */
.Notice
{
}

.Notice P 
{
}

/* Handicap List access letters */  
.LinkEnlarge 
{ 
  font-size: x-large; 
}

.LinkEnlarge A:hover
{
  border-bottom-width: 4px;
  border-bottom-style: solid;
}

#center-section TABLE 
{
  margin: auto; 
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border-top-width: 2px;
  border-top-style: solid;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
}

#center-section TH 
{
  font-weight: normal;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
}

#center-section TD 
{
  border-left-width: 1px;
  border-left-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 5px 8px;
}

#center-section TD IMG
{
  padding: 0px;
  margin: 0px;
  float:right;
}

#center-section .TableNoBorder TABLE,
#center-section .TableNoBorder TH,
#center-section .TableNoBorder TD,
#TableNoBorder TABLE, 
#TableNoBorder TH, 
#TableNoBorder TD
{
  border: none;
}

#center-section .document
{
  border-width: 2px;
  border-style: solid;
}

#center-section .floating-box-container IMG
{
  display: inline;
  padding: 0;
  border: none;
  box-shadow: none;
}

@media (max-width: 600px)
{
  #heading
  {
    font-size: x-large;
  }

  .masthead
  {
    padding: 0 0 10px 0;
  }
}