html{
	/*background:navy;*/
	/*background-image:url('WebImages/SJ-woods.jpg');*/
	/*background-image:url('WebImages/bay1.jpg');*/
	/*background-image:url('WebImages/mountain-3.jpg');*/
	
	/*background-attachment:fixed;
	background-size: 100% 100%;*/
}

body {
	background:lightskyblue;
	width:98%;
	margin-left:1%;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	/*border:red solid 5px;*/
	/*border-left: white solid thin;*/
	/*border-right: white solid thin;*/
}

div {
	/*border: 3px solid Black;*/
	padding:0px;
	/*width: 100%;*/
}

h1, h2, h3, h4, h5, h6 {
        margin:0;
	padding-left: 5px;padding-right: 5px;
}

#header{
   /*background-image:url('WebImages/cloudsky-digcamcom.jpg');*/
   background:black;
	color:white;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	border-top:red solid 3px;
	border-bottom: red solid 3px;
	font-weight: bold;
	/*font-variant:small-caps;*/
/* for IE */
/*  filter:alpha(opacity=100);*/
  /* CSS3 standard */
/*  opacity:1;*/
}

#header img{
margin-right:0;
}

#postitle{
		/*text-align:center;*/
		color:white;/*font-weight: normal;*/
}

#contact{
		clear:both;
		width:100%;
		/*background-color:lightyellow;*/
		/*background:lightyellow;*/
		/* for IE */
		/*filter:alpha(opacity=80);*/
		/* CSS3 standard */
		/*opacity:0.8;*/
		/*background-image:url('WebImages/mathbuilding2.jpeg');*/
}


#horizmenu-top{
	/*float:right;*/
	width:100%;	background:navy;
	/*background:darkgreen;*/
	/*background-image:url('WebImages/ocean1-pdfotoorg.jpg');*/
	/*background-image:url('green-bigfoto1.jpg');*/
	/*border-radius: 18px;*/
	margin-top:5px;
	/*border-top:red solid 3px;
	border-bottom: red solid 3px;*/
}

#horizmenu-top ul{
   padding: 0;
	margin:0;
	list-style-type:none;  overflow: hidden;
}

#horizmenu-top li{
  float: left;   border-left:1px solid white;
}


#horizmenu-top a{
	  display: block;  text-align: center;
	text-decoration:none;
	color:gold;
	padding:10px 10px;
	font-weight:bold;
}

#horizmenu-top a:hover {
	background:whitesmoke;
	color:blue;
}



#content {
	float: right;
	width: 100%;
	background:whitesmoke;
	/* for IE */
	/*filter:alpha(opacity=80);*/
	/* CSS3 standard */
	opacity:0.95;
}

.section{
	 clear:both;
}



.section-name {
	font-weight: bolder;/*font-style:italic;*/
	/*font-family:serif;*/
	color:gold;
	background-color:navy; 
	/*text-shadow: 4px 4px 4px brown;*/
	/*text-transform:uppercase;font-variant: small-caps;*/
	text-align:right;
	/*padding-top:2px;padding-bottom:2px;*/
	/*background-image:url('WebImages/seabird2.png');	*/
	/*background-image:url('WebImages/soilbrown.png');	*/
	 /* border-bottom: solid medium #006699; */
	border-radius: 10px;
}

ul.browse{
	padding-left:0;padding-top:0px;padding-bottom:0px;
	margin:0;
	list-style-type:none;float:left
}

li.browse{display:inline}
a.browse{color:gold;text-shadow:none}

img.browse{
	width:25px; height:25px; padding-top:0px;padding-bottom:0px;float:left;	margin-top:3px;
}

img.subbrowse{
	width:15px; height:15px; padding-top:0px;padding-bottom:0px;
}

.subsection{
         /*width:48%;
	 width:99.6%;
	 float:left;
	 border-left: 70px solid darkgreen;
	 margin-top: 2px;
	 margin-bottom: 2px;
	 margin-left: 0px;
	 margin-right: 0px;
	 background:lightyellow;*/clear:both;
}

.subsection-name{
	/*width:40%;*/
	color:red;
        /*border-bottom: brown  solid medium;*/
	display:inline;
	padding-left: 0px;
	padding-right: 0px;
	/*text-transform:capitalize;*/
}

.headlinequote{
        font-size:80%;
	text-align:center;color:gold;font-style:italic;font-variant:normal;
	/*width:80%;*/
	margin-top:3px;margin-left:0px;margin-right:0px;
	display:inline;
	/*float:left;*/
}

a:link.headlinequote {
    text-decoration: none;
}

a:visited.headlinequote {
    text-decoration: none;
}

a:active.headlinequote {
    text-decoration: none;
}

/*.ulistblock{
        /*width:49%;*/
/*	background-color:pink;
	float:left;
	border-left:2px solid green;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	/*margin-right: 4px;*/
	/*border-radius:10px;*/
/*	display:inline-block;
}*/

.listblock{
width:95%;
background-color:lightyellow;float:left;
	border:2px solid green;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 1px;
	margin-right: 1px;padding:5px;
	border-radius:10px;display:inline-block;
list-style-type: none;
}

.three-col {
       -moz-column-count: 3;
       -moz-column-gap: 10px;
       -webkit-column-count: 3;
       -webkit-column-gap: 10px;
}

.two-col {
       -moz-column-count: 2;
       -moz-column-gap: 0px;
       -webkit-column-count: 2;
       -webkit-column-gap: 0px;
}

.flexcol {
       -moz-column-count: 2;
       -moz-column-gap: 0px;
       -webkit-column-count: 2;
       -webkit-column-gap: 0px;
}



/*@media only all and (max-width: 1200px) {
    .flexcol{
       -moz-column-count: 2;
       -moz-column-gap: 0px;
       -webkit-column-count: 2;
       -webkit-column-gap: 0px;
    }

}*/

@media only all and (max-width: 600px) {
    .flexcol{
	-moz-column-count: 1;
       -moz-column-gap: 0px;
       -webkit-column-count: 1;
       -webkit-column-gap: 0px;
	}
}

/* Style The Dropdown Button */
.dropbtn {
    /*background-color: #4CAF50;*/
    /*color: white;
    padding: 16px;
    font-size: 16px;
    border: none;*/
padding-left: 10px;padding-right: 10px;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    right:0;
    font-size: 16px;
    background-color: lightseagreen;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: lightgreen;}

/* For HOVER DROPDOWN: Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
/*.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}*/

.dropdown-content-left {
    display: none;
    position: absolute;
    left:0;
    font-size: 16px;
    background-color: lightseagreen;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


.dropdown-content-left a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align:left;
}

/* Change color of dropdown links on hover */
.dropdown-content-left a:hover {background-color: lightgreen;}

/* For HOVER DROPDOWN: Show the dropdown menu on hover */
.dropdown:hover .dropdown-content-left {
    display: block;
}

#footer {
	/*background:maroon;*/
	clear: both;
	/*width:96%;*/
	background-image:url('ttumasthead.jpg');
	color:white;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	border-top:red solid 3px;
	border-bottom: red solid 3px;
}

