/* CSS layout */

body {
    background-color: #abc;
    }

#bigbox {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 1em;
	  background-color: #FFFFFF;
	  width: 100%;
    }

#topad, #masthead, #mainmenu, #blank_page, #total_content, #sidebar, #social, #footer {
      width: 100%; 
     }

    @media (min-width: 500px) {
      #topad, #masthead, #mainmenu {
        width: 100%;
      }
      #total_content {
        width: 70%; 
      }
      #blank_page {
        width: 70%; 
      }
      #sidebar {
        width: 30%; 
      }
      #footer {
        width: 100%;
      }
    }

    @media (min-width: 800px) {
      #topad, #masthead, #mainmenu {
        width: 100%;
      }
      #total_content {
        width: 78%; 
      }
      #blank_page {
        width: 78%; 
      }
      #sidebar {
        width: 22%; 
      }
      #footer {
        width: 100%;
      }
    }

    @media (min-width: 800px) {
      #bigbox {
        width: 800px;
        margin-left: auto;
        margin-right: auto;
      }
    }

/* Styles for TOP AD Region */

#topad {
	text-align: center;
}

/* Styles for MASTHEAD Region */

#masthead {
	border-color: #bde;
	background-color: #bde;
	text-align: center;
}

/* Styles for MAIN MENU Region */

#mainmenu {
	background-color: #fff;
	overflow: hidden;
}
#mainmenu ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #689;
}
#mainmenu li {
	float: left;
	font-size: 0.9em;
}
#mainmenu a {
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 1px;
	margin-bottom: 1px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:6px;
	padding-right:6px;
	display: block;
	border: 1px solid #689;
	background-color: #689;
}
#mainmenu a:hover {
	background-color: #000000;
	border: 1px solid #000000;
}
/* Styles for SIDE BAR Region */

#sidebar {
	display: inline;
	padding-top: 1em;
}

/* Styles for SECONDARY MENU */

#secondarymenu {
	width: 100%;
	background-color: #d3d3d3;
}
#secondarymenu ul {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
}
#secondarymenu li {
	font-size: 0.9em;
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #d3d3d3;
}
#secondarymenu a {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 1px solid #f2f2f2;
}
#secondarymenu a:hover {
	text-decoration: none;
	color: #118;
	border-bottom: 1px solid #f2f2f2;
	background-color: #f2f2f2;
}

/* Styles for BLANK PAGE */

#blank_page {
	margin-left: auto;
	margin-right: auto;
}

/* Styles for TOTAL CONTENT */

#total_content {
	padding-left: 0px;
	padding-right: 0px;
}

/* Styles for PAGE CONTENT Region */

#page_content {
	margin-left: 1em;
	margin-right: 1em;
}

/* Styles for Main Picture */

#main_picture {
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
}
#main_picture img {
	border-style: solid;
	border-width: 1px;
}

/* Styles for PAGE CONTENT MORE Region */

#page_content_more {
	margin-left: 1em;
	margin-right: 1em;
}
#page_content_more img {
	border-width: 0px;
	display: block;
	margin-left: auto;
    margin-right: auto;
}

/* Styles for SOCIAL Region */

#social {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}

#socialmenu {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 5px;
}

/* Styles for LARGE AD Region */

#largead {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
}

/* Styles for WEATHER Table */

#weather table {
	table-layout: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #808080;
	text-align: center;
}
#weather th {
	border: thin #808080;
	font-size: small;
	background-color: #C0C0C0;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;}

#weather tr {
	border: thin #808080;
	font-size: small;
}
#weather td {
	background-color: #FFFFFF;
	overflow: auto;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: small;
}


/* Styles for FOOTER Region */

#footer {
	text-align: center;
	background-color: #689;
	padding-top: 0px;
	padding-bottom: 0px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #689;
	font-size: .9em;}
	

/* Miscellaneous CLASSES AND DEFAULTS */

.filler {
}

img, embed, object, video {
  max-width: 100%;
}

.center {
	text-align:center
}