/************************************************************************************
STRUCTURE
*************************************************************************************/

#pagewrap {
	padding: 5px;
	width: 960px;
	margin: 10px auto;
	background-color: #FFFFFF;
}
#header {
	background-image:url('img/bg.jpg');
    background-color: #fdb913;
	text-align:center;
	height: 90px; /* 80px */
	padding: 0 15px;
}
#sigline {
	text-align:center;
	height: 70px;   /* 50px  */
	padding: 0 0px;
}

#content {
	width: 220px;
	float: left;
	padding: 5px 15px;
	text-align:center;

}

#middle {
	width: 364px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
}

#sidebar {
	width: 270px;
	padding: 5px 15px;
	float: left;
}
#footer {
	background-image:url('img/bg.jpg');
	background-color: #fdb913;
	clear: both;
	padding: 0 15px;
	text-align:center;

}
#seminar {
	width:auto;
	margin:  auto;
    font-size: 85%;
}
.blue {border:2px solid #0078ae;}
.yellow	{border:2px solid #fdb913;}

/* clear header tags */
h1, h2, h3, h4 {
margin: 0;
padding: 0;
}


/************************************************************************************
Page formats
*************************************************************************************/

img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

.bluetxt{
	color:#036;
	text-align:center;
}

body{
	background-image: url("img/bg.png");
		/*background-color: #006AA7;*/
}



/************************************************************************************
FORM CLASSES
*************************************************************************************/
/** from http://www.stylephreak.com/uploads/source/cssforms/cssform.php            **/




form{
	margin:0;
	padding:0;
}

fieldset{
	margin:1em 0;
	border:none;
	border-top:1px solid #ccc;
}

legend{
	margin:1em 0;
	padding:0 .5em;
	color:#036;
	background:transparent;
	font-size:1.3em;
	font-weight:bold;
}

fmlabel{
	float:left;
	width:100px;
	padding:0 0;
	text-align:right;
}

fieldset div{
	margin-bottom:.5em;
	padding:0;
	display:block;
}

fieldset div input,fieldset div textarea{
	width:150px;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:1px;
	color:#333;
}

fieldset div select{
	padding:1px;
}

div.fmmulti div{
	margin:5px 0;
}

div.fmmulti input{
	width:1em;
}

div.fmmulti fmlabel{
	display:block;
	width:200px;
	padding-left:5em;
	text-align:left;
}

#fmsubmit{
	clear:both;
	padding-top:1em;
	text-align:center;
}

#fmsubmit input{
	border:1px solid #333;
	padding:2px 1em;
	background:#555;
	color:#fff;
	font-size:100%;
}

input:focus,textarea:focus{
	background:#efefef;
	color:#000;
}

fieldset div.fmreq{
	font-weight:bold;
}




/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {

	#pagewrap {
		width: 94%;
	}
	#content {
		width: 41%;
		padding: 1% 4%;
	}
	#middle {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}

	#sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

	#header,#sigline, #footer {
		padding: 1% 4%;
	}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#content {
		width: auto;
		float: none;
	}

	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}

	#sidebar {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	h1 {
		font-size: 2em;
	}
/*	#sidebar {
		display: none;
	}
*/
}


#content {
    background: #f0efef;  */

	/* background: #f8f8f8;  */
}
#sidebar {
	background: #f0efef;
}
#header, #sigline, #content, #middle, #sidebar {
	margin-bottom: 5px;
}

#pagewrap, #header, #content, #middle, #sidebar, #footer {
	border: solid 1px #ccc;
}


/****************************************************
   SOCIAL MEDIA  (https://simplesharebuttons.com/html-share-buttons/)
*****************************************************/
.txtctr{text-align: center;}

#share-buttons img {
width: 35px;
padding: 15px;
border: 0;
box-shadow: 0;
display: inline;
}