body {margin:0;	padding:0;}
/*main divs*/
#main {text-align:center;}
#header {background: rgba(255, 255, 255, 255);	display: block;	text-align:center;}
#menu{/*background: rgba(192, 192, 192, 0.5); width:49%;*/float:right;}
#mainslidecont {z-index:0;	display:block;text-align:center;}
#subdiv{/*background-color:rgba(171, 171, 171, 1);*/display: block;}
#hilight {display: block;}
#articles {display: block;}
#quicklinks {display: block; width:100%;}
#footer {display: block;}

/*sub divs*/
.headeriw {width:1200px;display:inline-block;}
.header1 {width:31%;white-space:nowrap;float:left;height:99px;display:inline-block;text-align:left;margin: 10px 0 0 10px;}
.header2 {width:55%;white-space:nowrap;float:right;height:45px;display:inline-block;text-align:right;margin: 10px 0 0 10px;}
.mainslidecontiw {width:1200px;padding-bottom:10px;text-align:center;display:inline-block;}
.articlesiw {width:1200px;display:inline-block;}
.arttext {padding: 0 25px 0 10px;display:inline-block;}
.subdiviw {width:1200px;display:inline-block;}
.mem,.pd,.psp,.sur {width:25%;float:left;height:auto;text-align:center;}
.memow,.pdow,.pspow,.surow {display:inline-block;text-align:center;}
.memiw,.pdiw,.pspiw,.suriw {display:inline-block;float:left;height:auto;text-align:center;border:1px rgba(0, 0, 0, 0.15) solid;}
.hyperlinkbox {	display:inline-block;box-sizing:border-box; max-width:100%;}
.hilightsiw {width:1200px;display:inline-block;}
.hlight{float:left;	height:auto;text-align:center;}
.video {display:block;}
.videoiw {width:1200px;display:inline-block;}
.video_container {width: 50%;float:left;}
.video_text {width: 50%;float:left;text-align:left;}
.videof {text-align:center;height: 200px;}
.videoofiw {width:240px;text-align:center;display:inline-block;}
.frame1,.frame2,.frame3,.frame4 {display:inline-block; width: 100%;float:left;}
.enews {width: 48%; float:left;border-top:4px #cccccc solid;border-right:1px #cccccc solid;}
.circulars {width: 48%; float:right;border-top:4px #cccccc solid;border-right:1px #cccccc solid;}
.htitle {padding: 10px 0 10px 0;}
.quicklinksow {width:1200px;display:inline-block;padding:10px;}
.data1,.data2,.data3,.data4 {width:48%;float:left;height:auto;text-align:center;display:inline-block;}
.quicklinksiw1,.quicklinksiw2,.quicklinksiw3,.quicklinksiw4 {width:25%;float:left;}
.quicklinkspad,.quicklinkspad1,.quicklinkspad2,.quicklinkspad3 {display:inline-block;padding: 5px;width:90%;/*background: rgba(192, 192, 192, 0.5);*/-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;margin-bottom: 10px;}
.footeriw {width:1200px;display:inline-block; background-color:black;}
.divheight {height: 40px;text-align: center;}
.divheight2 {height: 30px;text-align: center;}
.div16, .div16a {width:16.5%;height:50px;float:left;}
.div32 {height: 28px;vertical-align:middle;line-height:28px;position: relative;
	-webkit-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     transform: translateY(-50%);}
.div50fl {width: 49%; float:left;}
.div50fr {width: 49%; float:right;}
.smedia {text-align:right;padding-right:10px;}
.videohead1 {width:95%;}
/*fonts*/
h1 {font-family:Calibri,Arial,sans-serif;font-size:1.2em;color: #000000;text-align:center;}
h2 {font-family:Calibri,Arial,sans-serif;font-size:1.175em;color: #000000;}
h2.h2s {font-family:Calibri,Arial,sans-serif;font-size:1.14em;color: #000000;}
h3 {font-family:Calibri,Arial,sans-serif;font-size:1.1em;color: #000000;}
h4 {font-family:Calibri,Arial,sans-serif;font-size:1.0em;color: #000000;}
p {font-family:Calibri,Arial,sans-serif;color: #000000;font-size:1.0em;text-align:justify;margin-left: 10px;margin-right: 10px;}
a { text-decoration:none;color:#696969;}
/*button*/
.dbutton {margin: 10px 0 10px 10px;display: inline-block;padding: 8px 25px;text-align: center;text-decoration:none;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);vertical-align: middle;cursor: pointer;border: 1px solid #A3A3A3;border-top: 1px solid #858585;background:#F4F4F4;color: #134C9B;font-size: 15px;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 10px;-webkit-box-shadow: 0 10px 3px -4px rgba(0, 0, 0, 0.2),inset 0 25px 20px -10px rgba(255, 255, 255, 0.4),inset 0 -15px 20px -10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 10px 3px -4px rgba(0, 0, 0, 0.2),inset 0 25px 20px -10px rgba(255, 255, 255, 0.4),inset 0 -15px 20px -10px rgba(0, 0, 0, 0.2);box-shadow: 0 10px 3px -4px rgba(0, 0, 0, 0.2),inset 0 25px 20px -10px rgba(255, 255, 255, 0.4),inset 0 -15px 20px -10px rgba(0, 0, 0, 0.2);} 
.dbutton:hover {text-decoration: none;color: #cccccc;-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35),inset 0 20px 20px -10px rgba(0, 0, 0, 0.15),inset 0 -15px 20px -10px rgba(255, 255, 255, 0.3);-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35),inset 0 20px 20px -10px rgba(0, 0, 0, 0.15),inset 0 -15px 20px -10px rgba(255, 255, 255, 0.3);box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35),inset 0 20px 20px -10px rgba(0, 0, 0, 0.15),inset 0 -15px 20px -10px rgba(255, 255, 255, 0.3);-webkit-transition: box-shadow 0.15s linear;-moz-transition: box-shadow 0.15s linear;-ms-transition: box-shadow 0.15s linear;-o-transition: box-shadow 0.15s linear;transition: box-shadow 0.15s linear;} 
/*attributes*/
.txtorange {color:#FF7F00 !important;font-family:Calibri,Arial,sans-serif;}
.txtdblue {	color:#134C9B;font-family:Calibri,Arial,sans-serif;}
.txtblue {	color:#134C9B;padding: 0 0 0 10px;font-family:Calibri,Arial,sans-serif;}
.txtred {color:#CC0000 !important;font-family:Calibri,Arial,sans-serif;}
.text {	color:#134C9B;font-family:Calibri,Arial,sans-serif;font-size:.9em; text-align:justify;}
.txtquicklinks {color:#134C9B !important;padding: 0 10px 0 0;font-family:Calibri,Arial,sans-serif;}
.txtmore {	color:#134C9B;display:block; float:left;height:28px; vertical-align:middle;font-family:Calibri,Arial,sans-serif;font-size:1.0em;}
.txtmoreo {	color:#FF7F00;display:block; float:left;height:28px; vertical-align:middle;font-family:Calibri,Arial,sans-serif;font-size:1.0em;}
.txtwhite { color:white; padding: 0 0 0 10px;}
.txtpillar {color:#696969 !important;width:240px;display:inline-block;}
.txtpillarin {color:#696969 !important;width:220px;display:inline-block; height: 76px;padding-left:10px;padding-right:10px;font-size:.9em;}
.txtgrey {color:#696969 !important;padding: 0 10px 0 0;font-family:Calibri,Arial,sans-serif;font-size:1.0em;}
.txtvideo {padding: 10px 0 0 10px;font-family:Calibri,Arial,sans-serif;color:#696969;}
.txtvideo2 {padding: 10px 0 0 10px;font-family:Calibri,Arial,sans-serif;color:#696969;}
.txtbox {border-radius:5px;}
.tfooter {line-height:50px;font-size:1.17em;color:#696969;padding-left:10px;}
.font {font-family:Calibri,Arial,sans-serif;font-size:1.0em;}
.fsmall{font-family:Calibri,Arial,sans-serif;font-size:.9em;}
.bold {font-weight:bold;}
.aligncenter {text-align:center;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.alignjustify {text-align:justify;}
.padding {padding: 10px 0 0 10px;}
.button{ font-family:Calibri,Arial,sans-serif;color: #000000;text-decoration: none;font-size:1.0em;width:290px;display: block;background: #FFFFFF;border: solid .1em #999999;left:10px;padding: 0 0 0 3px;}
.ulli {font-family:Calibri,Arial,sans-serif;color: #696969;font-size:1.0em;text-align:justify;}
.ulli .ulli li {font-family:Calibri,Arial,sans-serif;color: #696969;font-size:0.9em;text-align:justify;}
ul.gbutton {list-style-image:url('../images/Grey Ball sm.png');width:240px;text-align:left;-webkit-margin-start: 20px;font-size:1.0em;font-family:Calibri,Arial,sans-serif;}
ul.gbutton ul {list-style-image:none;}
ul.button ol {list-style-image:none;}
ul.bbutton {list-style-image:url('../images/Blue Ball sm.png');width:240px;text-align:left;-webkit-margin-start: 20px;font-size:1.0em;font-family:Calibri,Arial,sans-serif;}
#ulvideo ul {display: inline-block;list-style-type: none;margin: 0;padding: 0;text-align: center;-webkit-padding-start: 0;-webkit-margin-before: 0;-webkit-margin-after: 0;width:100%;}
#ulvideo ul li {display: inline;float:left;width:50%;}
.bimage { /*margin: 5px 15px 5px 10px;*/ float:left; line-height:80px; display:inline-block; vertical-align:middle;}
.p90 { margin-left:10px; float:left;height: 40px; vertical-align:middle; line-height:45px; text-align:left;font-family:Calibri,Arial,sans-serif;color:#134C9B;font-size:1.0em;}
.shadow {box-shadow: 10px 10px 5px #888888;}
.hyperlink {color:#134C9B;cursor:pointer;}
.flleft {float:left;}
.icon {float:left;display:inline-block;border-radius: 5px;}
.width240 {width:240px;display:inline-block;}
.inblock {display:inline-block;}
.visible {display:none;}
.socicon { }
.border {border:1px;border-color:silver;border-style:solid;}
.br5 {border-radius: 5px; border: 1px #C0C0C0 solid;-webkit-border-radius: 5px;	-moz-border-radius: 5px;}
.br10 {border-radius: 10px; border: 1px #C0C0C0 solid;-webkit-border-radius: 10px;	-moz-border-radius: 10px;}
.bgltgrey {background-color:#F2F2F2;}
.bgltblue {background-color:#00AFDB;}
.padtb {padding-top:10px;/*padding-bottom:10px;*/}
.nodisplay {display:none;}
/*Styles for laptop*/
@media only screen and (max-width : 1200px),screen and (max-device-width: 1200px) {
	.headeriw,.mainslidecontiw,.subdiviw,.footeriw,.hilightsiw,.enews,.circulars,.videoiw {width: 100%;}
	.mem,.pd,.psp,.sur {width:50%;}
	.hide {display:none;}
	.visible {display:block;}
	.data1,.data2 {width:48%;float:left;height:auto;}
	.data3,.data4 {border-top:1px #FFFFFF solid;}
	.quicklinksow {width: 100%;padding-left:0 !important;padding-right:0 !important;}
	#menu {display:block;}
	.psp .divheight h2 {width:240px;text-align: center;display: inline-block;}
	.articlesiw {width: 95%;}
    #ulvideo ul li {width:50%;}
    .videof {text-align: center;}
    h2.h2s {font-size:1.175em;}
}
/*for 980px or less */
@media screen and (max-width:980px), screen and (max-device-width: 980px){
	.video1 {margin-left: 1%;width: 49%;}
	.video2,.video4 {width: 45%; height: 164px; padding-right: 10px;}
	.video3 {width: 49%;}
	.quicklinksiw1 {width: 50%;height: 140px;}
	.quicklinksiw2 {width: 50%;height: 150px;}
	.quicklinksiw3 {width: 50%; top: -20px !important;}
	.quicklinksiw4 {width: 50%;}
	.footer1,.footer2,.footer3 {width:33.33%;}
	.footer4,.footer5 {width:50%;}
	.quicklinksiw {width:50%;}
	.quicklinkspad,.quicklinkspad1 {height: 135px !important;}
    .video_text {float:none;width: 100%;padding-bottom: 10px;text-align:center;}
    .video_container {width: 100%;}
    .videof {height:160px !important;}
    .videohead1 {text-align:center;}
}
/*for 800px or less */
@media screen and (max-width:800px),screen and (max-device-width: 800px){
	.quicklinksiw {width:50%;}
    #ulvideo ul li {display: inline;float:left;width:100%;}
    .videoofiw {width: 310px;}
    .quicklinksiw2 {width: 50%;height: 160px;}
}
/*Styles for screen 720px and lower*/
@media screen and (max-width: 720px),screen and (max-device-width: 720px) {
	.header1 {width:100%;}
	.header2 {width:75%;float:left;white-space:normal;text-align:left;}
	#menu {float:left;margin-top:45px;}
    .div50fl, .div50fr {width: 95%;}
    .smedia {text-align:center;}
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px),screen and (max-device-width: 600px) {
	.enews, .circulars, .data1, .data2, .data3, .data4{width:100%;float:left;height:auto;}
	.mem,.pd,.psp,.sur {width:100%;}
	.psp,.sur,.hlight{border-top:1px #FFFFFF solid;}
	.footer1,.footer2 {width:50%;}
	.footer3,.footer4 {width:50%;}
	.footer5 {width:100%;}
	.quicklinksiw1 {width:100%;float:none;text-align: center;height: 155px;}
	.quicklinksiw2 {width:100%;float:none;text-align: center;height: 150px;}
	.quicklinksiw3 {width:100%;float:none;text-align: center;height:auto;}
	.quicklinksiw4 {width:100%;float:none;text-align: center;height:auto;}
	.quicklinkspad,.quicklinkspad1 {width:90%;}
	.socicon {width:50%;}
	.tfooter {font-size:.8em;}
}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px),screen and (max-device-width: 480px) {
	.footer1,.footer2,.footer3,.footer4,.footer5 {width:100%;}
	.quicklinksiw1 {height:162px;}
	.quicklinkspad,.quicklinkspad1 {width:90%;}
	.header2 {width:100%;height:30px;}
	.tfooter {line-height:20px;}
	.div16a {width:24%;}
	.div16 {width:15%;}
	.padtb {padding-top:10px;}
	#videohead1{display:none;}
}
@media only screen and (max-width : 400px),screen and (max-device-width: 400px) {
	.hilightsiw { width: 95%}
    .videoofiw {width: 240px;}

}