﻿body, html {margin:0;	padding: 0;height:100%;}
/*divisions*/
#main {text-align:center;}
#header {display: block; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 255);}
/*#header {display: block;/*background: rgba(19, 76, 155, 0.7); background: rgba(192, 192, 192, 0.5);}*/
#contents {display: block; text-align: center; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); /*background-color: rgba(242, 242, 242, 1);*/}
#quicklinks {display: block; text-align:center;}
#footer {display: block;}
/*subdivs*/
.contentsiw {width:1200px;display:inline-block;padding:3px 1px; }
.articles {padding: 0 10px 0 10px;display:inline-block;width:100%;}
.quicklinksow {display:inline-block; text-align:center;width:100%;}
.quicklinksiw{width:1200px;display:inline-block;padding:10px;background-color: #00AFDB;}
.quicklinksub1,.quicklinksub2,.quicklinksub3,.quicklinksub4 {width:25%;float:left;}
.quicklinkspad1,.quicklinkspad2,.quicklinkspad3,.quicklinkspad4 {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;}
.footerow {display:inline-block; text-align:center;width:100%;}
.footeriw {width:1200px;display:inline-block; background-color:black; }
.div33 {width:33%;float:left;text-align:left;}
.div50fl {width: 49%; float:left;}
.div50fr {width: 49%; float:right;}
.smedia {text-align:right;padding-right:10px;}
.twocolumn {display: inline-block; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; column-count: 2; -webkit-column-width: 100px; -moz-column-width: 100px; -ms-column-width: 100px; column-width: 100px; -webkit-column-gap: 4em; -moz-column-gap: 4em; -ms-column-gap: 4em; column-gap: 4em; -webkit-column-rule: 1px solid #e2e2e2; -moz-column-rule: 1px solid #e2e2e2; -ms-column-rule: 1px solid #e2e2e2; column-rule: 1px solid #e2e2e2; -moz-column-fill: auto; column-fill: auto; /*-webkit-columns-flow: row; -moz-columns-flow: row; columns-flow: row;*/}
.padtb {padding-top:10px;/*padding-bottom:10px;*/}
.rslides_container {display:inline-block;float:none !important;}
/*other divs*/
.divcenter {text-align:center;}
/*fonts*/
h1 {font-family:Calibri,Arial,sans-serif;font-size:1.9em;color: #134C9B;text-align:center; display:inline-block;}
h2 {font-family:Calibri,Arial,sans-serif;font-size:1.4em;color: #696969;text-align:justify;}
h2 a {color:#696969;}
h2 a:hover {color:#696969;}
h3 {font-family:Calibri,Arial,sans-serif;font-size:1.1em;color: #696969;text-align:justify;}
h3 a {color:#696969;}
h3 a:hover {color:#696969;}
h4 {font-family:Calibri,Arial,sans-serif;font-size:1.0em;color: #696969;text-align:justify;}
p {font-family:Calibri,Arial,sans-serif;color: #696969;font-size:1.0em;text-align:justify;display:inline-block;}
a {color:#333333; text-decoration:underline}
.fsmall {font-size:small;color:#41539B;padding: 0 0 0 15px;}
.fsmall2 {font-size:small;color:#444444;padding: 0 0 0 0;}
.fsmall3 {font-size:x-small;color:#444444;padding: 0 0 0 0;}
.label1 {font-family:Calibri,Arial,sans-serif;font-size:1.9em !important;color: #696969;font-weight:bold;}
.label2 {font-family:Calibri,Arial,sans-serif;font-size:1.4em !important;color: #696969;font-weight:bold;}
.label3 {font-family:Calibri,Arial,sans-serif;font-size:1.1em !important;color: #696969;font-weight:bold;}
.label4 {font-family:Calibri,Arial,sans-serif;font-size:1.0em !important;color: #696969;}
.bold {font-weight:bold; color:#000000}
.italic {font-style:italic; color:#444444}
.underline {text-decoration:underline;}
.textwhite {color:#ffffff !important;}
.txtquicklinks {color:#FFFFFF !important;padding: 0 10px 0 0;font-family:Calibri,Arial,sans-serif;}
.txtblue {color:#134C9B;padding: 0;font-family:Calibri,Arial,sans-serif;font-size:1.1em !important;font-weight:bold;}
.txtvideo {padding: 0;font-family:Calibri,Arial,sans-serif;color:#696969;-webkit-margin-before: 0;-webkit-margin-after: 0;}
.txtvideo2 {padding: 0;font-family:Calibri,Arial,sans-serif;color:#696969;}
/*hyperlink*/
.hyperlink {color:#0866C6;cursor:pointer;overflow:hidden;}
.hyperlinkw {color:#ffffff;cursor:pointer;overflow:hidden;}
.hyperlink:hover {color:#41539B;cursor:pointer;overflow:hidden;}
.hyperlink:visited {color:#41539B;cursor:pointer;overflow:hidden;}
.hyperlinkbox {	display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*lists*/
.ulli {font-family:Calibri,Arial,sans-serif;color: #696969;font-size:1.0em;text-align:justify;}
.olli {font-family:Calibri,Arial,sans-serif;color: #696969;font-size:1.0em;text-align:justify;}
li {padding-left: 10px;}
ul.button {list-style-image:url('../images/Blue Ball sm.png'); text-align:justify;vertical-align:top;background-position:50%;font-family:Calibri,Arial,sans-serif;color: #696969;font-size:1.0em;}
ul.button li {background-position:50%;}
ul.button ul {list-style-image:none;}
ul.button ol {list-style-image:none;}
table {font-family:Calibri,Arial,sans-serif;color: #696969;/*width:100%;*/margin: 0 .8em 0 .8em;font-size:1.1em;text-align:justify;table-layout:fixed;}
thead {font-weight:bold;}
td {vertical-align:top;padding:5px;}
.table100 {width:100%;}
/*button*/
.dbutton {margin: 10px 0;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;/*line-height: 40px;*/border: 1px solid #A3A3A3;/*border: 1px solid #0a72aa;*/border-top: 1px solid #858585;/*border-top: 1px solid #169abb; */background:#F4F4F4;/*background: #1eafd3; */color: #808080;font-size: 17px;-webkit-border-radius: 10px;-moz-border-radius: 10px;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;} 
/*images*/
.image {margin: 10px 20px 10px 10px;float:left;}
.icon-arrow-left:before{content:"<";font-size: 20px;font-weight:bold;}/*menu arrows*/
/*other attributes*/
.visible {display:none;}
.border {border:1px;border-color:silver;border-style:solid;}
.width100 {width:100% !important;}
.width50 {width:50% !important; text-align:center}
.nopadding {padding:0 !important;-webkit-margin-before:0;-webkit-margin-after:0;}
.paddinglr10 {padding-left:10px;padding-right:10px;}
.alignleft {text-align:left;}
.aligncenter {text-align:center;}
.floatright {float:right;}
.bgltblue {background-color: #00AFDB;}
.shadow {-webkit-box-shadow: 10px 10px 5px #888888;-moz-box-shadow: 10px 10px 5px #888888;box-shadow: 10px 10px 5px #888888;}
.br5 {border: 1px #C0C0C0 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left: 5px;}
.blue {background-color: #105aaa;}
.paddinglr10 {padding-left:10px;padding-right:10px;}
.bgltgrey2 {background-color:#F9F9F9;}
.bgaliceblue {background-color:#F0F8FF;}

/*Styles for laptop*/
@media only screen and (max-width : 1200px) {
	.headeriw,.contentsiw,.footeriw,.social {width:100%;}
	.img100 {width:100%;}
	.image500 {width:90%;}
    .quicklinksiw {width: 100%;padding-left:0 !important;padding-right:0 !important;}	
}
/*for 980px or less */
@media screen and (max-width:980px){
	.img900 {width:100%;}
	.image500 {width:80%;}
	.sip {height: 130px;}
    .quicklinksub1 {width: 50%;}
	.quicklinksub2 {width: 50%; height:150px;}
	.quicklinksub3 {width: 50%; top: -30px !important;}
	.quicklinksub4 {width: 50%;}
}
/*for 800px or less */
@media screen and (max-width:800px){
	.img800 {width:100%;}
	.div33 {width:50%;}
	.image500 {width:90%;}
}
/*Styles for screen 720px and lower*/
@media screen and (max-width: 720px),screen and (max-device-width: 720px) {
	.menusection { height:50px;display:inline-block; width: 100%;}
    .div50fl, .div50fr {width: 95%;}
    .smedia {text-align:center;}
}
/*Styles for screen 700px and lower*/
@media screen and (max-width: 700px) {
	.div50 {width:100%;}
	.img600 {width:100%;}
	.hide {display:none;}
	.div20 {width:33.33%;}
	.sip {height: 100px;}
}
/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {	
	.div20 {width:50%;}
	.div33 {width:100%;}
	.sip {height: 100px;}
	.tfooter {font-size:12px;}	
    .quicklinksub1 {width: 100%;}
	.quicklinksub2 {width: 100%; height:auto;}
	.quicklinksub3 {width: 100%;}
	.quicklinksub4 {width: 100%;}	
}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	.menusection {width:100%;}
	.imageright{float:none;}
	.div16a {width:25%;}
	.div16 {width:14%;}
	.socicon {width:65%;}
	.menu-trigger {font-size: 0.7em !important;}
	.padtb {padding-top:10px;}
    .visible {display:block !important;}
}

/*Styles for screen 320px and lower*/
@media screen and (max-width: 320px),screen and (max-device-width: 320px) {	
	.menu-trigger {font-size: 0.6em !important;}
}