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);}*/
#mainslidecont {z-index:0; display:block;text-align:center;}
#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*/
.mainslidecontiw {width:100%;padding-bottom:10px;text-align:center;display:inline-block;}
.contentsiw {width:1200px;display:inline-block;padding:3px 5px; }
.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; }
.rslides_container {display:inline-block;float:none !important;}
.divbar {background-color: #105aaa;padding: 5px 0 5px 0;border: 1px solid #858585;font-weight:bold;color:#FFFFFF;}
.divbar2 {padding: 5px 0 5px 0; text-align:justify;font-family:Calibri,Arial,sans-serif;font-size:1.0em;color:#134C9B;}
.div20 {width:20%;float:left;text-align:center; }
.div33 {width:33%;float:left;text-align:left;}
.div50bl {width:50%;float:left;text-align:center;background-color: #00AFDB;}
.div50fl {width: 49%; float:left;}
.div50fr {width: 49%; float:right;}
.div28 {height: 28px;vertical-align:middle;line-height:28px;position: relative;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.divApplicationProcess {width:40%; display:inline-block;}
.divACPA1 {
display: inline-block;
width: 33%;
float: left;
height: 270px;
padding: 5px 20px 5px 20px;
margin: 0px 5px 5px 0px;
}
.divACPA2 {
display: inline-block;
width: 33%;
float: left;
height: 270px;
padding: 5px 20px 5px 20px;
margin: 0px 5px 5px 0px;
}
.divACPA3 {
display :inline-block;
width: 32%;
float: left;
height: 270px;
padding: 5px 20px 5px 20px;
margin: 0px 5px 5px 0px;
}
.smedia {text-align:right;padding-right:10px;}
.twocolumn {-webkit-columns: 2 300px; -moz-columns: 2 300px; -ms-columns: 2 300px; columns: 2 300px; -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;*/}
/*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}
.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;}
.label5 {font-family:Calibri,Arial,sans-serif;font-size:1.2em !important;color: #696969;}
.bold {font-weight:bold; color:#696969;}
.italic {font-style:italic; color:#696969;}
.normal {font-weight:normal;}
.fsmall {font-size:small;color:#41539B;padding: 0 0 0 15px;}
.textwhite {color:#ffffff !important;}
.textred {color:#DE0000 !important;}
.txtgreen {color:#9ACD32;}
.textgrey {color:#9E9E9E !important;}
.bred {color:red;font-weight:bold;}
.txtquicklinks {color:#FFFFFF !important;padding: 0 10px 0 0;font-family:Calibri,Arial,sans-serif;}
.txtmore {color:#134C9B;display:block; float:left;height:28px; vertical-align:middle;}
.txtmore a:hover {color:#134C9B;}
.gst {font-family: Calibri,Arial,sans-serif; font-size: 1.0em; background-color: aliceblue; color: #B22222; font-weight: bold; width: 75%; display: inline-block; border: 1px; border-color: #8A360F; border-style: solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
/*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;}
.underline {text-decoration:underline;}
/*lists*/
table {font-family:Calibri,Arial,sans-serif;color:#696969;width:100%;margin: 0 .8em 0 .8em;font-size:1.0em;text-align:justify;table-layout:fixed;}
thead {font-weight:bold;}
td {vertical-align:top;padding:5px;}
.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;}
ul.bbutton {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.bbutton li {background-position:50%;}
ol.reset {counter-reset: item;list-style-type:decimal;}
ol.reset li{display: block;position:relative;padding: 5px 0 0 0;font-family:Calibri,Arial,sans-serif;color: #696969;font-size:1.0em;text-align:justify;}
ol.reset li:before {content: counters(item, ".") "."; counter-increment: item; position: absolute;margin-right: 100%;right: 10px; /* space between number and text */}
/*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*/
.grey {background: -webkit-linear-gradient(gainsboro, darkgray); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(gainsboro, darkgray); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(gainsboro, darkgray); /* For Firefox 3.6 to 15 */ background: -webkit-gradient(gainsboro, darkgray); /* For Safari 4+, Chrome */ background: linear-gradient(gainsboro, darkgray); /* Standard syntax (must be last) */}
.border {border:1px;border-color:silver;border-style:solid;}
.width100 {width:100% !important;}
.width90 {width:90% !important;}
.width75 {width:75% !important;}
.width50 {width:50% !important;}
.width25 {width:25% !important;}
.nopadding {padding:0 !important;-webkit-margin-before:0;-webkit-margin-after:0;}
.paddinglr10 {padding-left:10px;padding-right:10px;}
.paddingl20 {padding-left:20px;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.alignjustify {text-align:justify;}
.floatright {float:right;}
.floatleft {float:left;}
.floatnone {float:none;}
.uppercase {text-transform:uppercase;}
.bgltblue {background-color: #00AFDB;}
.bgltgrey {background-color:#F2F2F2;}
.bgltgrey2 {background-color:#F9F9F9;}
.bgaliceblue {background-color:#F0F8FF;}
.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;}
.nodisplay {display:none;}
.inblock {display: inline-block;}
.divstd {text-align:left;border-bottom: 1px silver solid;}
.blue {background-color: #105aaa;}
.sip {border: 2px #cccccc solid; padding-left: 10px; padding-right: 10px; height: 100px; background: #00AFDB; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff;}
.padtb {padding-top:10px;/*padding-bottom:10px;*/}
.disclaimer {font-family: Calibri,Arial,sans-serif; font-size: 1.1em; background: -webkit-linear-gradient(#F2F2F2, silver); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#F2F2F2, silver); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#F2F2F2, silver); /* For Firefox 3.6 to 15 */ background: -webkit-gradient(#F2F2F2, silver); /* For Safari 4+, Chrome */ background: linear-gradient(#F2F2F2, silver); /* Standard syntax (must be last) */ color: #B22222; width: 100%; display: inline-block; border: 1px; border-color: #8A360F;border-style: solid; padding-left: 10px;padding-right: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
@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;}
.rslides_container {width: 100% !important;}
.divACPA1 {height:280px}
.divACPA2 {height:280px}
.divACPA3 {height:280px}
}
/*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%;}
.quicklinksub3 {width: 50%; top: -30px !important;}
.quicklinksub4 {width: 50%;}
.divApplicationProcess {width:50%}
}
/*for 800px or less */
@media screen and (max-width:800px){
.img800 {width:100%;}
.div33 {width:50%;}
.image500 {width:90%;}
.divApplicationProcess {width:60%}
}
/*for 775px or less */
@media screen and (max-width:775px){
.divACPA2 {height:350px}
}
/*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;}
.divApplicationProcess {width:70%}
.divACPA1 {height:300px}
.divACPA2 {height:300px}
.divACPA3 {height:300px}
}
/*Styles for screen 700px and lower*/
@media screen and (max-width: 700px) {
.div50 {width:100%;}
.img600 {width:100%;}
.div20 {width:33.33%;}
.sip {height: 100px;}
.divApplicationProcess {width:80%}
}
/*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%;}
.quicklinksub3 {width: 100%;}
.quicklinksub4 {width: 100%;}
.divApplicationProcess {width:90%}
.divACPA1 {height:100%; width:100%}
.divACPA2 {height:100%; width:100%}
.divACPA3 {height:100%; 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;}
.divApplicationProcess {width:100%}
}
/*Styles for screen 320px and lower*/
@media screen and (max-width: 320px),screen and (max-device-width: 320px) {
.visible {display:block;}
.hide {display:none;}
.menu-trigger {font-size: 0.6em !important;}
}