

/*body {text-align:left}*/
@charset "UTF-8";
body {
    font: 12pt Arial, Helvetica, sans-serif; /*AurulentSansRegular,*/
    margin: 0px;
    padding: 0px;
    color: #000000;
}

/* media width decisions */
@media all and (min-width:0px) and (max-width: 569px) {
.w569 {display:block;}
.w569plus {display:none;}
.profile1, .profile2, .profile3 {width:96%;}
}
@media all and (min-width:570px) and (max-width: 959px) {
.w569 {display:none;}
.w569plus {display:block;}
.profile1 {min-width:170px;width:170px;}
.profile2 {min-width:240px;max-width:390px;width:100%;}
.profile3 {min-width:240px;max-width:570px;width:100%;}
}
@media all and (min-width:960px) and (max-width: 4800px) {
.w569 {display:none;}
.w569plus {display:block;}
.profile1 {min-width:170px;width:170px;}
.profile2 {min-width:240px;max-width:320px;width:100%;}
.profile3 {min-width:240px;max-width:440px;width:100%;}
}

@media all and (min-width:0px) and (max-width: 759px) {
.w769 {display:block;}
.w769plus {display:none;}

.halfcontainer {
    margin-left:calc(10% - 41px); 
    margin-right:auto; 
    margin-top:20px; 
    width:calc(90% + 36px); 
/*    max-width:569px;*/ 
    min-width:420px; 
    position:relative;
    }
}
@media all and (min-width:760px) and (max-width: 4800px) {
.w769 {display:none;}
.w769plus {display:block;}

.halfcontainer {
    margin-left:5px; 
    margin-right:5px; 
    margin-top:20px; 
    width:calc(50% - 10px); 
/*    max-width:469px; 
    min-width:420px; */
    position:relative;
    }
}




.profile1 {
margin-right: 5px; 
margin-left: 5px; 
float: left; 
min-height: 50px;
}
.profile2 {
margin-right: 5px; 
margin-left: 5px; 
float: left; 
min-height: 50px;
}
.profile3 {
background-color:#eeeeee;
margin-right: 5px; 
margin-left: 5px; 
float: left; 
min-height: 50px;
}

/* IDs for default blocks begin */
/* if used in design */
/* these CSS may be left blank - default/inherited, even if corresponding block ID is used in the template */

/* near header area */
#mcAbs11 {} 
/* near header area */
#mcAbs12 {} 
/* near right margin */
#mcAbs21 {} 
/* near right margin */
#mcAbs22 {} 
/* near footer area */
#mcAbs31 {
    position: relative;
} 
/* near footer area */
#mcAbs32 {} 
/* near left margin */
#mcAbs41 {} 
/* near left margin */
#mcAbs42 {} 

/* content of the article */
#mcDiv000 {
    position: relative;
}
/* content embedded in the template */
#mcDiv001 {
    position: relative;
}
/* page frame */
#mcDiv002 {} 

/* relatively positioned */
#mcRel01 {} 
/* relatively positioned */
#mcRel02 {} 
/* relatively positioned */
#mcRel03 {} 
/* relatively positioned */
#mcRel04 {} 
/* default blocks end */




.menu ul li {
    margin-bottom: 5px;
}



h1, h2, h3, h4, h5, h6{
    margin-top: 0px;
    font-family: Arial, Helvetica, "Eras Medium ITC", "Eras Light ITC"; /*AurulentSansRegular,*/
    color:#001122;
    font-weight:600;
}
p {
    /*color: #494949;*/
}
a img {
    border: none;
}

a:link {
    color: #666666;
    text-decoration: none;
}
a:visited {
    color: #333333;
   /* text-decoration: underline;*/
}
a:hover, a:active, a:focus { 
    /*text-decoration: underline;*/
    /*background-color: #ffffcc;*/
}

.menu {
    float:left;
}

#article {
    /*float:left;*/
    width: auto;
}
#container {
    max-width: 960px;
    width: auto;

    margin-top: 36px; 
    margin-left: auto; 
    margin-right: auto; 
    /*-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 3px 4px 5px 6px #e7e7e8;
    -moz-box-shadow: 3px 4px 5px 6px #e7e7e8;
    box-shadow: 3px 4px 5px 6px #e7e7e8;*/
    padding: 0px;
    /*overflow:hidden;*/
}

#header {
/* */
    /*height: 124px;*/
    height: auto;
/* */
    /*-moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;*/
    position: relative;
    top: 16px;
    left: 0px;
}

@media screen and ( max-width: 600px ){
#header {
    position: relative;
    height: auto;
    left: 10px;
    }
}

@media screen and ( max-width: 1000px ){
#header {
    position: relative;
    height: auto;
    left: 15px;
    }
}





.slogan {
    display: block;
    /*max-width: 350px;*/
    /*max-width: 650px;*/
    float:left;
    margin-bottom: 0px;
    font-family: Arial, Helvetica, "Eras Medium ITC", sans-serif; /*AurulentSansBoldItalic, */
    margin-left: 52px;
    /*font-size: 2.5em;*/
    /*font-size: 2em;*/
    position: absolute;
    bottom: 10px;
    left: 260px;
    }

.content {
    padding: 15px 0px 20px;
    border-top: 2px solid #878787;
    margin-top: 10px;
}

#footer {
    position: relative;
}

.footer {
    position: relative;
    padding: 0px 0px;
    font-size: 0.8em;
    min-height: 25px;
}
/*.footer img{
    float: left;
    margin-left: 10px;
    margin-right: 124px;
}*/

#colophon {
    position: relative;
}

.fltrt {
    float: right;
    margin-left: 8px;
}
.fltlft { 
    margin-right: 8px;
}
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#Insert_logo {
    float:left;
}


.zoomOnHover {
  /*transition: transform .2s;*/ /* Animation */
  transition: transform .9s ease; /* Animation */
}

.zoomOnHover:hover {
  transform: scale(1.1);
}


.details,
.show,
.hide:target {
    display: none;
}
.hide:target + .show,
.hide:target ~ .details {
    display: block;
}
