@charset "utf-8";
/* CSS Document */

body {color:#606062; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:10pt; font-weight:400; text-align:justify;  background-color:#ffffff; min-width:300px; line-height:16pt}
body, html {margin:0; padding:0; height:100%;}
.height100 {height:100%}

#divheight100 {	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */}
#divcontainer {padding-bottom:100px; margin:0 auto/* Equal to the height of the footer*/}

#main100 {width:100%; position:relative; z-index:1007}
nav {z-index:1050}
header {width:100%; margin:0 auto; padding:0; position:relative; z-index:1;}
.headerimg img {width:100%; height:auto; z-index:2}
.dmjtext {position:absolute; bottom:170px; right:20%; z-index:3}
.dmjlogo {position:absolute; bottom:37px; right:10%; z-index:4}
.dmjlogo img, .dmjtext img {width:200px; height:auto}

#maindiv {max-width:1280px; width:90%; margin:0 auto; position:relative}
.maindivul {position:relative; z-index:6}
.maindivul>li {display:inline-block; text-align:right; vertical-align:top}
.maindivul>li:nth-child(1) {width:24%; margin-right:6%; margin-top:30px;}
.maindivul>li:nth-child(2) {width:70%; margin-top:75px;}
.headermenu {height:150px; width:100%; background-color:#75CFEA; position:absolute; top:0; left:0; z-index:5}
.inpgtxtlogo {position:relative}
.inpgtext {position:absolute; top:0px; right:35%; z-index:7}
.inpglogo {position:absolute; top:0px; right:0; z-index:8}
.inpgtext img {width:160px}
.inpglogo img {width:140px}


.divsubtopic {max-width:1280px; margin:0 auto;}
.subtopicul {text-align:center;}
.subtopicul li {display:inline-block;}
.subtoptxt {text-align:center; padding-bottom:5px}
.subtopimg img {width:100%; height:auto}
.divhomenav {width:90%; margin:0 auto; text-align:center}
.homemenuul li {display:inline-block; font-size:12pt; padding:0 20px; margin-bottom:10px}
.subheadul {text-align:left}
.subheadul > li {display:inline-block; vertical-align:baseline}
.subheadul > li:nth-child(1) {width:47%; margin-right:2%}
.subheadul > li:nth-child(2) {width:51%;}
.headtxt {font-size:24pt; text-transform:uppercase; font-weight:300}

.divcolumn>li {display:inline-block; margin-top:30px; text-align:left; vertical-align:top}
.divcolumn>li:nth-child(1) {width:47%; margin-right:6%}
.divcolumn>li:nth-child(2) {width:47%;}
.divcolumn div {text-align:justify;}
.divcolumn p {text-align:justify; margin-bottom:20px}
.divcolumn img {width:100%; height:auto; margin-bottom:20px}
.paraul>li {padding-left:20px; text-align:justify}
.paraul>li::before {content:url('../images/discbullet20.png'); margin-left:-20px}

.divrio {position:relative; margin-bottom:20px}
.divrio img {float:left; margin-right:20px}
.abtlogo {text-align:center}
.abtlogo div {display:inline-block; text-align:center}
.abtlogo>div:nth-child(1) {margin-right:30px}
.abtlogo>div:nth-child(2) {margin-right:30px}
.abtlogo img {width:100%; height:auto; max-width:180px}
.abtlogo p {text-align:center}
.divaboutcont ul {margin:5px 0px 0px 30px; padding:0px; text-align:left}
.divaboutcont ul li {margin-bottom:5px; padding-left:0px}
.divaboutcont li::before {content:url('../images/discbullet.png'); margin-left:-30px}
.divaboutcont p {font-weight:600}
.divtabulbord li {border-right: solid 1px #666666; width:24.9%; text-align:center}
.divtabulbord li:last-child {border-right:none}
.marquee0 {border-radius:8px}
.marquee0 img:last-child {padding-right:0}
.onecolumn {text-align:justify; margin-top:30px}
.onecolumn p {margin-bottom:20px}
.frmtxt {width:90%; font-size:9pt;}
.frmli li {margin-bottom:10px; display:block}
.lifeadv {position:absolute; font-weight:600; font-style:italic; }

.free-wall {margin: 5px;}
.brick {width: 221.2px;}
.info {padding: 5px; color: #333;}
.brick img {margin: 0px; padding: 0px; display: block;}
.brick:hover .divplus{display:block}
.divplus {display:none; position:absolute; background:url(../images/blacktrans40.png) repeat; top:0; left:0; width:100%; height:100%; vertical-align:middle; text-align:center}
.divplus img {vertical-align:middle; text-align:center; position:absolute; top:50%; left:50%; margin-left:-15px; margin-top:-15px}
.divplus p {color:#FFFFFF; font-size:16pt; text-align:center; padding-top:20px}

footer {width:100%; height:100px; position:absolute; bottom:0; background:url(../images/bottmStrip-03.jpg) bottom center repeat-x;}


.img100 {width:100%; height:auto}
.clearb {clear:both}
.margtop20 {margin-top:20px}
.marb20 {margin-bottom:20px}
.marb30 {margin-bottom:30px}
.marbcont {margin-bottom:20px}
.padt30b20 {padding:30px 0 20px 0}
.padtop20 {padding-top:20px}
.padrahex {padding-top:40px}
.padb10 {padding-bottom:10px}
.padb20 {padding-bottom:20px}
.padb30 {padding-bottom:30px}
.padt10 {padding-top:10px}
.padt20 {padding-top:20px}
.padt30 {padding-top:30px}
.padlr20 {padding-left:20px; padding-right:20px}
.padlr30 {padding-left:30px; padding-right:30px}
.font16 {font-size:16pt}
.tbold {font-weight:bold}
.tetalic {font-style:italic}
.ucase {text-transform:uppercase}
.selected {color:#383085; font-weight:bold}
.posrel {position:relative}
h1 {color:#0B75AF; font-weight:bold; font-size:11pt; margin-bottom:5px}

.alinks:link, .alinks:visited {color:#606062; text-decoration:none}
.alinks:hover, .alinks:active  {color:#000000; text-decoration:none;}
.sublink:link, .sublink:visited{color:#0B75AF; text-decoration:none;}
.sublink:hover, .sublink:active{color:#383085; text-decoration:none;}

@media screen and (min-width: 300px) {
.dmjtext {bottom:65px; right:50px;}
.dmjlogo {bottom:-37px; right:10px;}
.dmjtext img {width:100px; height:auto}
.dmjlogo img{width:70px; height:auto}
.divsubtopic {width:90%; margin-top:60px; margin-bottom:30px}
.subtopicul li {width:44%; padding:0 3%; margin-bottom:20px}
.subtoptxt {font-size:9pt;}
#divcontainer {padding-bottom:100px;}
footer {width:100%; height:100px; background:url(../images/bottmStrip-04.jpg) bottom center repeat-x;}
.homemenuul li {font-size:11pt; padding:0 20px;}
.eos-menu .eos-menu-content {position: relative;}
.inpgtxtlogo {position:relative; margin-right:50%}
.inpgtext {top:0px; right:70px;}
.inpglogo {top:0px; right:0;}
.inpgtext img {width:140px}
.inpglogo img {width:80px}
.headermenu {height:78px;}
#maindiv {width:94%;}
.maindivul>li:nth-child(1) {width:100%; margin-right:0; margin-top:10px;}
.maindivul>li:nth-child(2) {width:100%; margin-top:20px;}
.divcolumn>li:nth-child(1) {width:100%; margin-right:0}
.divcolumn>li:nth-child(2) {width:100%;}
.subheadul > li:nth-child(1) {width:100%; margin-right:0}
.subheadul > li:nth-child(2) {width:100%; text-align:center}
.headtxt {font-size:14pt; line-height:18pt; white-space:nowrap}
nav {margin-top:94px}
.divtabulbord li {font-size:10pt; width:24.9%;}
.marquee0 {height:180px; margin-top:30px; border:solid 1px #CCCCCC;}
.marquee0 img {padding:0 2px; height:180px; margin:0}
.abtlogo>div:nth-child(1) {margin-right:20px}
.lifeadv {top:0px; left:0; font-size:16pt; color:#333333; font-weight:600; text-align:center; width:100%}
.liadheadtmar {margin-top:30px}
.divrio img {width:150px}
}

@media screen and (min-width: 480px) {
.dmjtext {bottom:95px; right:70px;}
.dmjlogo {bottom:-54px; right:10px;}
.dmjtext img {width:130px; height:auto}
.dmjlogo img{width:100px; height:auto}
.divsubtopic {width:90%; margin-top:70px; margin-bottom:50px}
.subtopicul li {width:44%; padding:0 3%; margin-bottom:30px}
.subtoptxt {font-size:12pt;}
.homemenuul li {font-size:12pt; padding:0 10px;}
.inpgtxtlogo {position:relative; margin-right:50%}
.inpgtext {top:0px; right:90px;}
.inpglogo {top:0px; right:0;}
.inpgtext img {width:140px}
.inpglogo img {width:90px}
.headermenu {height:100px;}
.maindivul>li:nth-child(1) {width:100%; margin-right:0; margin-top:20px;}
.maindivul>li:nth-child(2) {width:100%; margin-top:20px;}
.subheadul > li:nth-child(1) {width:57%; margin-right:2%}
.subheadul > li:nth-child(2) {width:41%; text-align:left}
.headtxt {font-size:16pt; line-height:20pt; white-space:pre}
nav {margin-top:100px}
.marquee0 {height:200px}
.marquee0 img {padding:0 2px; height:200px}
.lifeadv {top:0px; left:59%; font-size:13pt; color:#333333; font-weight:600; text-align:left; width:auto}
.liadheadtmar {margin-top:0px}
.divrio img {width:200px}
}

@media screen and (min-width: 768px) {
.dmjtext {bottom:130px; right:150px;}
.dmjlogo {bottom:-76px; right:70px;}
.dmjtext img {width:210px; height:auto}
.dmjlogo img{width:140px; height:auto}
.divsubtopic {width:60%; margin-top:100px}
.subtopicul li {width:27%; padding:0 3%; margin-bottom:30px}
.subtoptxt {font-size:10pt;}
#divcontainer {padding-bottom:100px;}
footer {width:100%; height:100px; background:url(../images/bottmStrip-03.jpg) bottom center repeat-x;}
.homemenuul li {padding:0 20px;}
.inpgtext {top:0px; right:70px;}
.inpglogo {top:0px; right:0;}
.inpgtext img {width:140px}
.inpglogo img {width:100px}
.headermenu {height:110px;}
.maindivul>li:nth-child(1) {width:32%; margin-right:6%; margin-top:20px;}
.maindivul>li:nth-child(2) {width:62%; margin-top:55px;}
.eos-menu .eos-menu-content {position: absolute;}
.subheadul > li:nth-child(1) {width:57%; margin-right:2%}
.subheadul > li:nth-child(2) {width:41%;}
.headtxt {font-size:18pt; line-height:22pt;}
nav {margin-top:150px}
.marquee0 {height:240px}
.marquee0 img {padding:0 2px; height:240px}
.abtlogo>div:nth-child(1) {margin-right:30px}
.lifeadv {top:30px; left:59%; font-size:13pt; color:#FFFFFF; font-weight:600}
}

@media screen and (min-width: 1024px) {
.dmjtext {bottom:165px; right:210px;}
.dmjlogo {bottom:-96px; right:100px;}
.dmjtext img {width:240px; height:auto}
.dmjlogo img{width:180px; height:auto}
.divsubtopic {width:70%; margin-top:120px}
.subtopicul li {width:16%; padding:0 2%}
.subtoptxt {font-size:10pt;}
.inpgtext {top:0px; right:80px;}
.inpglogo {top:0px; right:0;}
.inpgtext img {width:160px}
.inpglogo img {width:125px}
.headermenu {height:130px;}
.maindivul>li:nth-child(1) {width:24%; margin-right:6%; margin-top:20px;}
.maindivul>li:nth-child(2) {width:70%; margin-top:65px;}
.divcolumn>li:nth-child(1) {width:47%; margin-right:6%}
.divcolumn>li:nth-child(2) {width:47%;}
.headtxt {font-size:24pt; line-height:28pt}
nav {margin-top:190px}
.divtabulbord li {font-size:10pt; width:24.85%;}
.marquee0 {height:280px}
.marquee0 img {padding:0 2px; height:280px}
.lifeadv {top:35px; left:59%; font-size:20pt; color:#FFFFFF; font-weight:600}
}

@media screen and (min-width: 1280px) {
.dmjtext {bottom:185px; right:210px;}
.dmjlogo {bottom:-110px; right:100px;}
.dmjtext img {width:260px; height:auto}
.dmjlogo img{width:200px; height:auto}
.divsubtopic {width:65%; margin-top:130px}
.subtopicul li {width:16%; padding:0 2%}
.subtoptxt {font-size:11pt;}
.inpgtext {top:0px; right:90px;}
.inpgtext img {width:180px}
.inpglogo img {width:135px}
.maindivul>li:nth-child(2) {margin-top:70px;}
.headermenu {height:140px;}
nav {margin-top:200px}
#maindiv {width:90%;}
.divtabulbord li {font-size:11pt; width:24.9%;}
.marquee0 {height:296px}
.marquee0 img {padding:0 2px; height:296px}
.lifeadv {top:35px; left:59%; font-size:24pt; color:#FFFFFF; font-weight:600}
}

@media screen and (min-width: 1600px) {
.divsubtopic {width:70%; margin-top:130px}
}

@media screen and (min-width: 1900px) {
}
