@media all and (max-width: 640px)  {
* {margin:0 auto; padding:0;}

body,td,th {

	font-family: 'Droid Sans', sans-serif;
	
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
color:#ffffff;	
background: #969696; /* Old browsers */
background: -moz-linear-gradient(top, #f1f1f1 0%, #969696 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#969696)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1f1f1 0%,#969696 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f1f1f1 0%,#969696 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f1f1f1 0%,#969696 100%); /* IE10+ */
background: linear-gradient(top, #f1f1f1 0%,#969696 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#969696',GradientType=0 ); /* IE6-9 */

}
#clear {clear:both;}
#container {text-align:center; overflow:hidden;}
#contacts {text-align:center; font-size:14px; padding:10px; height:33px; color:#666666; background-color:#FFFFFF;}
#contacts .left {text-align:left; margin-top:10px; float:left; width:50%;}
#contacts .right { text-align:right; width:40%; float:right;}

#header {text-align:center; background-color:#112c59; padding:30px 0px 0px 0px; position:relative;}
#header .left {text-align:center; background-color:#FFFFFF;  height:170px;}
#header .logo {position:absolute;left:0; right:0; top:50px; z-index:999;}
#header .right{width:100%; text-align:center;}


.menumob {color: #fff; font-weight:bold; text-decoration:none; font-size:16px; margin-top:13px;}
.menumob a:link{color: #fff; font-weight:bold; text-decoration:none;font-size:16px;}
.menumob a:visited{color:#fff;font-weight:bold;  text-decoration:none;font-size:16px;}
.menumob a:hover{color:#c4a369; font-weight:bold; text-decoration:none;font-size:16px;}
.menumob a:active{color:#fff; font-weight:bold; text-decoration:none;font-size:16px;}

.nav {display:none;}



/* happy menu */

#cssdropdown, #cssdropdown ul {
padding:0px 0px 10px 0px;
margin:0 auto;
list-style: none; text-align:center;
}

#cssdropdown li {
float: none; 
margin:0 auto;
}

.mainitems{ font-weight:bold; color:#fff;
border: none;
margin:0 auto;
text-align:center;

}

.mainitems a{color:#ffffff;
margin: 6px;
text-decoration: none;
}

.subuls{ margin:10px;
display: none;
width:100%;

top: 1.2em;
position:relative;
background-color:#112c59;

text-align:center;

}

.subuls li{ position:relative; z-index:999;
width: 100%; line-height:25px;
}

.menumob .subuls li a:link{ color:#fff;  font-weight:normal;
text-decoration: none;  font-size:18px; font-family:Arial, Helvetica, sans-serif;
}
.menumob .subuls li a:visited{ color:#fff;  font-weight:normal;
text-decoration: none;  font-size:18px; font-family:Arial, Helvetica, sans-serif;}

.menumob .subuls li a:hover{ color: #c4a369;  font-weight:normal;
text-decoration: underline; font-size:18px; font-family:Arial, Helvetica, sans-serif;
}
.menumob .subuls li a:active{ color:#fff;  font-weight:normal;
text-decoration:none;  font-size:18px; font-family:Arial, Helvetica, sans-serif;}


#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block; 
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

#searcher { background-image:url(localimages/intbg.jpg); background-repeat:repeat-x; background-size:100% 110%; margin-bottom:20px; padding-bottom:20px; background-color:#112c59; border-bottom:solid 4px #112c59;}
#searcher .left { text-align:left;  padding:10px;}
#searcher .left .title {font-size:24px; text-align:center; font-style:italic; font-weight:bold; color:#FFCC00; border-bottom:solid 1px #FFCC00; padding-bottom:10px;  margin-bottom:10px;}
#searcher .left div {text-align:left; margin:2px 5px 2px 0px; }
#searcher .left input,select {width:97% !important; margin:5px 0px 5px 0px; height:35px;}
#searcher .halfer input[type=checkbox] {width:auto !important; margin-top:5px;}
#searcher #submitter {width:100% !important; text-align:right; float:right; border-bottom: solid 1px #CCCCCC; padding-bottom:10px; }

.titlesm {font-size:18px; text-align:center !important; width:100%; font-style:italic; font-weight:bold; color:#FFCC00;  margin-top:10px; padding-top:10px;}
#secondsearcher { text-align:center; position:relative;  }

#secondsearcher div { text-align:left; margin:5px 0px 5px 0px; }

#secondsearcher img { position:absolute; z-index:999; right:-10px; top:-3px;}

#searcher .right { position:relative; overflow:hidden;}
#player {width: 97%; min-height:240px; text-align: center;}
#youtube {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;border:solid 1px #ccc; text-align:center; 
}
#youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 97%; min-height:240px;
	height: 100%;border:solid 1px #666;
}

#mid {position:relative; text-align:center;}
#mid img{ margin:15px 0px 15px 0px; }


#featured { text-align:center;  margin:20px 0px 20px 0px; overflow:hidden; padding:10px 0px 20px 0px; background-color:#1d5991;}
#featured .title {font-size:24px; font-style:italic; font-weight:bold; color:#FFCC00;  text-shadow: 1px 1px 1px #000; text-align:center; margin-bottom:10px;}
#featured  a:link {color:#333; text-decoration:none;}
#featured a:visited {color:#333; text-decoration:none;}
#featured a:hover {color: #6699FF; text-decoration:none;}
#featured  a:active {color:#333; text-decoration:none;}

#featured fieldset { border:solid 1px #333333; margin:0px 5px 20px 5px; position:relative;  background-color:#f1f1f1; padding-bottom:40px; }
#featured legend { letter-spacing:2px; color:#fff; font-size:14px; margin-bottom:22px; padding-bottom:15px; text-align:center; width:100%; }
#featured  .items {height:auto; text-align:left; display: inline-table;vertical-align:top; margin:20px; border: solid 1px #666; background-color:#f1f1f1; background-image:url(localimages/leftarrow.png); background-repeat:no-repeat; background-position: right 5px bottom 5px; overflow:hidden; min-height:220px;}


#featured  .photo { overflow:hidden;}
#featured  .photo img {width:100%; height:auto; min-height:200px; }
#featured  .pictext {padding:5px;}
#featured .seeall { height:24px; text-align:center; font-size:14px; text-transform:uppercase; letter-spacing:1px; background-color: #666666; color: #FFD940; padding-top:5px;  border:solid 1px #CCCCCC; position:absolute; bottom:0px; width:100%; margin-top:20px;}
#featured .seeall  a:link {color:#FFD940; text-decoration:none;}
#featured .seeall  a:visited {color:#FFD940 ; text-decoration:none;}
#featured .seeall a:hover {color: #FFD324 ; text-decoration:underline;}
#featured .seeall  a:active {color:#FFD940 ; text-decoration:none;}

#featured .seeoff { height:24px; text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;  background-color:#3833ce; color:#FFFFFF; padding-top:5px; border:solid 1px #CCCCCC;}

#blogs { display:none;}
#blogs   a:link {color:#333; text-decoration:none;}
#blogs  a:visited {color:#333; text-decoration:none;}
#blogs  a:hover {color: #6699FF; text-decoration:none;}
#blogs   a:active {color:#333; text-decoration:none;}


#blogs .left {float:left; width:47%; text-align:left; padding:10px; background-color:#FFFFFF; color:#333333; min-height:700px; position:relative; overflow:hidden;}
#blogs .right { float:right; width:47%; text-align:left; padding:10px; background-color:#FFFFFF; color:#333333;min-height:700px;  position:relative; overflow:hidden;}
#blogs .other {position:absolute; bottom:0px; font-size:14px; margin:10px; padding:10px; border:solid 1px #666666; height:90px;}
#blogs .center {min-height:160px; padding:10px; background-color:#f1f1f1; border:solid 1px #333333; position:relative; text-align:left; color:#333333; margin-top:10px;}
#blogs .center .title {text-align:left; width:100%;}

.bodylinks {color:#ffffff;}
.bodylinks a:link{color:#ffffff;  text-decoration:none;}
.bodylinks a:visited{color:#ffffff; text-decoration:none;}
.bodylinks a:hover{color:#F3C818;  text-decoration:underline;}
.bodylinks a:active{color:#cccccc; text-decoration:none;}


#footer {font-size:14px; color:#ffffff; text-decoration:none;font-weight:bold; padding:10px 10px 20px 10px; background-color:#000000; }
#footer a:link {font-size:14px; color:#ffffff; text-decoration:none;}
#footer a:visited {font-size:14px; color:#ffffff; text-decoration:none;}
#footer a:hover {font-size:14px; color:#ffde00; text-decoration:underline;}
#footer a:active {font-size:14px; color:#ffffff; text-decoration:none;}


#footer .left {text-align:left;color:#f1f1f1; margin-bottom:20px;}
#footer .left .title {font-size:16px; color:#fffad1; font-style:italic; font-weight:bold; text-align:left;  margin-bottom:20px;}

#footer .right {text-align:center; margin-top:20px;}

#footer .theform {text-align:left; color:#FFFFFF;}
#footer .theform input,select,textarea {text-align:left; padding:2px; margin:2px 0px 2px 0px; width:100% !important; color:#333333;}
#footer .theform #submiter {width:62px !important; height:27px !important;}

#footer .center {text-align:center; margin-top:20px;}
}


@media all and (max-width:1000px) and (min-width:640px){
* {margin:0 auto; padding:0;}

body,td,th {

	font-family: 'Droid Sans', sans-serif;
	
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
color:#ffffff;	
background: #969696; /* Old browsers */
background: -moz-linear-gradient(top, #f1f1f1 0%, #969696 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#969696)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1f1f1 0%,#969696 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f1f1f1 0%,#969696 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f1f1f1 0%,#969696 100%); /* IE10+ */
background: linear-gradient(top, #f1f1f1 0%,#969696 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#969696',GradientType=0 ); /* IE6-9 */

}
#clear {clear:both;}
#container {text-align:center; overflow:hidden;}
#contacts {text-align:center; font-size:14px; padding:10px; height:33px; color:#666666; background-color:#FFFFFF;}
#contacts .left {text-align:left; margin-top:10px; float:left; width:50%;}

#contacts .right { text-align:right; width:40%; float:right;}

#header {text-align:center; background-color:#112c59; padding:30px 0px 0px 0px;}
#header .left {text-align:center; background-color:#FFFFFF; width:100%;  height:170px; position:relative;}
#header .logo {position:absolute;left:20px; top:20px; z-index:999;}
#header .right{width:100%; text-align:center;}

.menumob {color: #fff; font-weight:bold; text-decoration:none; font-size:16px; margin-top:13px;}
.menumob a:link{color: #fff; font-weight:bold; text-decoration:none;font-size:16px;}
.menumob a:visited{color:#fff;font-weight:bold;  text-decoration:none;font-size:16px;}
.menumob a:hover{color:#c4a369; font-weight:bold; text-decoration:none;font-size:16px;}
.menumob a:active{color:#fff; font-weight:bold; text-decoration:none;font-size:16px;}

.nav {display:none;}



/* happy menu */

#cssdropdown, #cssdropdown ul {
padding:0px 0px 10px 0px;
margin:0 auto;
list-style: none; text-align:center;
}

#cssdropdown li {
float: none; 
margin:0 auto;
}

.mainitems{ font-weight:bold; color:#fff;
border: none;
margin:0 auto;
text-align:center;

}

.mainitems a{color:#ffffff;
margin: 6px;
text-decoration: none;
}

.subuls{ margin:10px;
display: none;
width:100%;

top: 1.2em;
position:relative;
background-color:#112c59;

text-align:center;

}

.subuls li{ position:relative; z-index:999;
width: 100%; line-height:25px;
}

.menumob .subuls li a:link{ color:#fff;  font-weight:normal;
text-decoration: none;  font-size:18px; font-family:Arial, Helvetica, sans-serif;
}
.menumob .subuls li a:visited{ color:#fff;  font-weight:normal;
text-decoration: none;  font-size:18px; font-family:Arial, Helvetica, sans-serif;}

.menumob .subuls li a:hover{ color: #c4a369;  font-weight:normal;
text-decoration: underline; font-size:18px; font-family:Arial, Helvetica, sans-serif;
}
.menumob .subuls li a:active{ color:#fff;  font-weight:normal;
text-decoration:none;  font-size:18px; font-family:Arial, Helvetica, sans-serif;}


#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block; 
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

#searcher { background-image:url(localimages/intbg.jpg); background-repeat:repeat-x; background-size:100% 110%; margin-bottom:20px; padding-bottom:20px; background-color:#112c59; border-bottom:solid 4px #112c59;}
#searcher .left { text-align:left;  padding:10px;}
#searcher .left .title {font-size:24px; text-align:center; font-style:italic; font-weight:bold; color:#FFCC00; border-bottom:solid 1px #FFCC00; padding-bottom:10px;  margin-bottom:10px;}
#searcher .left div {text-align:left; margin:2px 5px 2px 0px; }
#searcher .left input,select,option {width:97% !important; margin:5px 0px 5px 0px; height:35px;}
#searcher .halfer input[type=checkbox] {width:auto !important; margin-top:5px;}
#searcher #submitter {width:100% !important; text-align:right; float:right; border-bottom: solid 1px #CCCCCC; padding-bottom:10px; }

#searcher .titlesm {font-size:18px; text-align:center !important; width:100%!important; font-style:italic; font-weight:bold; color:#FFCC00;}
#secondsearcher { text-align:center; position:relative;  }

#secondsearcher div { text-align:left; margin:5px 0px 5px 0px; }

#secondsearcher img { position:absolute; z-index:999; right:-10px; top:-3px;}

#searcher .right { position:relative; overflow:hidden;}
#player {width: 97%; min-height:240px; text-align: center; margin-top:50px;}
#youtube {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;border:solid 1px #ccc; text-align:center; 
}
#youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 97%; min-height:240px;
	height: 100%;border:solid 1px #666;
}

#mid {display: flex;flex-direction: row;  flex-wrap: wrap;  justify-content: space-between; overflow:hidden; position:relative;text-align:center; padding-top:20px;}
#mid div { margin:10px; flex:4 4 40%;  }

#featured { text-align:center;  margin:20px 0px 20px 0px; padding:10px 0px 20px 0px; background-color:#1d5991;}
#featured .title {font-size:24px; font-style:italic; font-weight:bold; color:#FFCC00;  text-shadow: 1px 1px 1px #000; text-align:center; margin-bottom:10px;}
#featured  a:link {color:#333; text-decoration:none;}
#featured a:visited {color:#333; text-decoration:none;}
#featured a:hover {color: #6699FF; text-decoration:none;}
#featured  a:active {color:#333; text-decoration:none;}

#featured fieldset { border:solid 1px #333333; margin:0px 5px 20px 5px; position:relative;  background-color:#f1f1f1; padding-bottom:40px; }
#featured legend { letter-spacing:2px; color:#fff; font-size:14px; margin-bottom:22px; padding-bottom:35px; text-align:center; width:100%;}
#featured  .items {width:97%; height:auto; text-align:left; display: inline-table;vertical-align:top; margin:10px; border: solid 1px #666; background-color:#f1f1f1; background-image:url(localimages/leftarrow.png); background-repeat:no-repeat; background-position: right 5px bottom 5px; overflow:hidden; min-height:200px;}


#featured  .photo { overflow:hidden;}
#featured  .photo img {width:100%; height:auto; min-height:190px; }
#featured  .pictext {padding:5px;}
#featured .seeall { height:24px; text-align:center; font-size:14px; text-transform:uppercase; letter-spacing:1px; background-color: #666666; color: #FFD940; padding-top:5px;  border:solid 1px #CCCCCC; position:absolute; bottom:0px; width:100%; margin-top:20px;}
#featured .seeall  a:link {color:#FFD940; text-decoration:none;}
#featured .seeall  a:visited {color:#FFD940 ; text-decoration:none;}
#featured .seeall a:hover {color: #FFD324 ; text-decoration:underline;}
#featured .seeall  a:active {color:#FFD940 ; text-decoration:none;}

#featured .seeoff { height:24px; text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;  background-color:#3833ce; color:#FFFFFF; padding-top:5px; border:solid 1px #CCCCCC;}

#blogs { display:none;}
#blogs   a:link {color:#333; text-decoration:none;}
#blogs  a:visited {color:#333; text-decoration:none;}
#blogs  a:hover {color: #6699FF; text-decoration:none;}
#blogs   a:active {color:#333; text-decoration:none;}


#blogs .left {float:left; width:47%; text-align:left; padding:10px; background-color:#FFFFFF; color:#333333; min-height:700px; position:relative; overflow:hidden;}
#blogs .right { float:right; width:47%; text-align:left; padding:10px; background-color:#FFFFFF; color:#333333;min-height:700px;  position:relative; overflow:hidden;}
#blogs .other {position:absolute; bottom:0px; font-size:14px; margin:10px; padding:10px; border:solid 1px #666666; height:90px;}
#blogs .center {min-height:160px; padding:10px; background-color:#f1f1f1; border:solid 1px #333333; position:relative; text-align:left; color:#333333; margin-top:10px;}
#blogs .center .title {text-align:left; width:100%;}

.bodylinks {color:#ffffff;}
.bodylinks a:link{color:#ffffff;  text-decoration:none;}
.bodylinks a:visited{color:#ffffff; text-decoration:none;}
.bodylinks a:hover{color:#F3C818;  text-decoration:underline;}
.bodylinks a:active{color:#cccccc; text-decoration:none;}


#footer {font-size:14px; color:#ffffff; text-decoration:none;font-weight:bold; padding:10px 10px 20px 10px; background-color:#000000; }
#footer a:link {font-size:14px; color:#ffffff; text-decoration:none;}
#footer a:visited {font-size:14px; color:#ffffff; text-decoration:none;}
#footer a:hover {font-size:14px; color:#ffde00; text-decoration:underline;}
#footer a:active {font-size:14px; color:#ffffff; text-decoration:none;}


#footer .left {text-align:left;color:#f1f1f1; margin-bottom:20px;}
#footer .left .title {font-size:16px; color:#fffad1; font-style:italic; font-weight:bold; text-align:left;  margin-bottom:20px;}

#footer .right {text-align:center; margin-top:20px; width:100%;}
#footer .theform {text-align:left; color:#FFFFFF;}
#footer .theform input,select,textarea {text-align:left; padding:2px; margin:2px 0px 2px 0px; width:100% !important; color:#333333;}
#footer .theform #submiter {width:62px !important; height:27px !important;  }

#footer .center {text-align:center; margin-top:20px;}
}



@media all and (min-width: 1000px) {
* {margin:0 auto; padding:0;}

body,td,th {

	font-family: 'Droid Sans', sans-serif;
	
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
color:#ffffff;	
background: #969696; /* Old browsers */
background: -moz-linear-gradient(top, #f1f1f1 0%, #969696 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#969696)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1f1f1 0%,#969696 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f1f1f1 0%,#969696 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f1f1f1 0%,#969696 100%); /* IE10+ */
background: linear-gradient(top, #f1f1f1 0%,#969696 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#969696',GradientType=0 ); /* IE6-9 */

}
#clear {clear:both;}
#container {min-width:1007px; max-width:1200px; text-align:center; overflow:hidden;}
#contacts {text-align:left; font-size:14px; padding:5px 20px 5px 20px; height:33px; color:#666666; background-color:#FFFFFF;}
#contacts .left {float:left; clear:right; text-align:left;width:30%; margin-top:10px;}
#contacts .right { float:right; text-align:right; width:50%;}

#header {text-align:left; background-color:#112c59; padding:30px 0px 0px 0px; position:relative;}
#header .left {display:inline-table; text-align:left; background-color:#FFFFFF; width:100%; height:170px;}
#header .logo {position:absolute; left:20px; top:50px; z-index:999 !important;}

#header .right{ display:inline-table; width:100%; text-align:center;}

.nav {color: #fff; font-weight:bold; text-decoration:none; font-size:16px; margin-top:13px;}
.nav a:link{color: #fff; font-weight:bold; text-decoration:none;font-size:16px;}
.nav a:visited{color:#fff;font-weight:bold;  text-decoration:none;font-size:16px;}
.nav a:hover{color:#c4a369; font-weight:bold; text-decoration:none;font-size:16px;}
.nav a:active{color:#fff; font-weight:bold; text-decoration:none;font-size:16px;}

.menumob {display:none;}

#searcher { background-image:url(localimages/quickbg.png); background-repeat:repeat-x; height:363px; margin-bottom:20px; }
#searcher .left {max-width:500px; text-align:left; float:left; margin-left:20px; padding-top:40px;}
#searcher .left .title {font-size:24px; font-style:italic; font-weight:bold; color:#FFCC00; padding-top:10px; margin-bottom:25px;}
#searcher .left div {width:47%; text-align:left; margin:2px 5px 2px 0px; display:inline-table; vertical-align:top;}
#searcher .left input,select,option {width:100% !important;}
#searcher .halfer input[type=checkbox] {width:auto !important; margin-top:5px;}
#searcher #submitter {width:100% !important; text-align:right; float:right; border-bottom: solid 1px #CCCCCC; padding-bottom:10px; }
#searcher .titlesm {width:100%!important;}
#secondsearcher {width:46% !important; text-align:left; position:relative;   display:inline-table; vertical-align:top;}
#secondsearcher:last-child {width:45% !important; padding-left:15px; text-align:left; position:relative;   display:inline-table; vertical-align:top;}
#secondsearcher input[type=text]{width:100% !important; height:35px;}
#secondsearcher div { text-align:left; margin:2px 5px 2px 0px; display:inline-table; vertical-align:top;}


#secondsearcher img { position:absolute; z-index:999; right:-10px; top:-5px;}

#searcher .right {float:right; position:relative; width:40%; min-width:420px; height:300px;  margin-top:30px; margin-right:40px; overflow:hidden; font-size:18px; font-weight:bold; text-align:center;}
#player {width:100%; height:100%;min-height:300px;}
#youtube {
	position: relative;
	padding-bottom:0%; /* 16:9 */
	padding-top: 0px;
	height: 0;border:solid 1px #ccc; text-align:center; 
}
#youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; min-height:360px;
	height: 100%;border:solid 1px #666;
}

#mid {display: flex;flex-direction: row;  flex-wrap: wrap;  justify-content: space-between; overflow:hidden; position:relative;text-align:center; padding-top:20px;}
#mid div {margin:10px;}
#mid div:hover { margin:-10px 10px 10px 10px;-webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease; }

#featured { text-align:center;  margin:20px 0px 20px 0px; padding:10px 0px 20px 0px; background-color:#1d5991;display: flex;flex-direction: row;  flex-wrap: wrap;  justify-content: space-between; overflow:hidden; position:relative;}
#featured .title {font-size:24px; font-style:italic; font-weight:bold; color:#FFCC00;  text-shadow: 1px 1px 1px #000; padding-left:20px;  text-align:left; margin-bottom:10px;}
#featured  a:link {color:#333; text-decoration:none;}
#featured a:visited {color:#333; text-decoration:none;}
#featured a:hover {color: #6699FF; text-decoration:none;}
#featured  a:active {color:#333; text-decoration:none;}

#featured fieldset { border:solid 1px #333333; margin-bottom:14px; padding:10px 5px 10px 5px; position:relative; width:97%; background-color:#f1f1f1; }
#featured legend { letter-spacing:2px; text-align:left; color:#fff; margin-bottom:18px; padding-bottom:15px; margin-left:30px;}

#featured  .items {max-width:190px; height:auto; text-align:left; display: inline-table;vertical-align:top; margin:0px 1% 0px 1%; border: solid 1px #666; background-color:#f1f1f1; background-image:url(localimages/leftarrow.png); background-repeat:no-repeat; background-position: right 5px bottom 5px; overflow:hidden; min-height:220px;}
#featured .items:hover {margin:-10px 1% 0px 1%; padding-bottom:10px; -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}

#featured  .photo {height:150px; overflow:hidden;  margin-bottom:5px;}
#featured  .photo img {width:100%; height:auto; min-height:150px; }
#featured  .pictext {padding:5px;}
#featured .seeall { height:24px; text-align:left; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; background-color:#6699FF; width:240px; top:-40px; color:#FFFFFF; right:-5px; padding-top:5px; padding-left:5px; border:solid 1px #CCCCCC; position:absolute;}
#featured .seeall  a:link {color:#fff !important; text-decoration:none;}
#featured .seeall  a:visited {color:#fff !important; text-decoration:none;}
#featured .seeall a:hover {color: #FFD324 !important; text-decoration:underline;}
#featured .seeall  a:active {color:#fff !important; text-decoration:none;}

#blogs {background-color:#112c59; padding:10px; line-height:1.5; margin-bottom:20px; width:97%;}
#blogs   a:link {color:#333; text-decoration:none;}
#blogs  a:visited {color:#333; text-decoration:none;}
#blogs  a:hover {color: #6699FF; text-decoration:none;}
#blogs   a:active {color:#333; text-decoration:none;}

#blogs p {margin-top:10px;}
#blogs .left {float:left; width:47%; text-align:left; padding:10px; background-color:#FFFFFF; color:#333333;  position:relative; overflow:hidden;}
#blogs .right { float:right; width:47%; text-align:left; padding:10px; background-color:#FFFFFF; color:#333333;min-height:700px;  position:relative; overflow:hidden;}
#blogs .right img {max-width:200px; height:auto; float:left; margin:0px 10px 10px 0px;}
#blogs .other { font-size:14px; margin:10px; padding:10px; border:solid 1px #666666; height:90px;}
#blogs .center {display:inline-table; padding:10px; background-color:#f1f1f1; border:solid 1px #333333; position:relative; text-align:left; color:#333333; margin-top:10px;}
#blogs .center .title {text-align:left; width:100%;}

.bodylinks {color:#ffffff;}
.bodylinks a:link{color:#ffffff;  text-decoration:none;}
.bodylinks a:visited{color:#ffffff; text-decoration:none;}
.bodylinks a:hover{color:#F3C818;  text-decoration:underline;}
.bodylinks a:active{color:#cccccc; text-decoration:none;}

#footer {font-size:14px; color:#ffffff; text-decoration:none;font-weight:bold; padding-top:10px; background-color:#000000; padding-bottom:20px;}
#footer a:link {font-size:14px; color:#ffffff; text-decoration:none;}
#footer a:visited {font-size:14px; color:#ffffff; text-decoration:none;}
#footer a:hover {font-size:14px; color:#ffde00; text-decoration:underline;}
#footer a:active {font-size:14px; color:#ffffff; text-decoration:none;}


#footer .left {text-align:left; width:28%; float:left;color:#f1f1f1; padding-left:10px;}
#footer .left .title {font-size:16px; color:#fffad1; font-style:italic; font-weight:bold; text-align:left;  margin-bottom:20px;}

#footer .right {text-align:right; max-width:200px; float:right; padding-right:10px; }
#footer .right .title { background-color:#FFFFFF; border:solid 1px #CCCCCC; color:#0070be; font-size:16px; padding-top:10px; width:200px; height:30px; border-radius: 0px 0px 15px 15px; text-align:center; margin-top:-20px; float:right; clear:both; }

#footer .theform {text-align:left; color:#FFFFFF;}
#footer .theform input,select,textarea {text-align:left; padding:2px; margin:2px 0px 2px 0px; width:100%; color:#333333;}
#footer .theform #submiter {width:62px !important; height:27px !important; margin-top:-20px; margin-right:-10px;}

#footer .center {text-align:center; margin-top:20px;}

}