#pagelogo {
  background: #c9deeb;
  xxxborder-radius: 10px;
  width: 15%;
  height: auto;
  color: #000;
  text-align: left;
  padding: 10px;
  border: 0px solid #F2F2F2;
  float: left;
  display: block;
  position: relative;
}
#pagelogo img { width: 70%; margin-top: 10px; } 
#pagelogo span   {
  color: #fff;
  background: #2978b0;
  padding: 0.5em;
  margin: -10px -10px 0 -10px;
  xxxborder-top-left-radius: 10px;
  xxxborder-top-right-radius: 10px;
  font-size: 130%;
  position: relative;
  display: block;
    font-family:  zjkBold, sans-serif; 
    font-weight: bold;  
}
#pagelogo span a{
    color: #fff;  text-decoration: none; position: relative;
} 
 #pagelogo span a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
} 
  #pagelogo span a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

section { 
 margin-left: 0; margin-top: 0;  float: right; width: 80%;  text-align: left; background: #fff; 
  xxxborder-radius: 10px;
  height: auto;
  color: #000;
  text-align: left;         
  padding: 20px;
  border: 5px solid #F2F2F2;
}
section > h1  {
  color: #fff;
  background: #d8532f;      
  padding: 0.5em 0.5em 0 1em;
  margin: -20px -20px 1em -20px;
  font-size: 130%;
  position: relative;
  min-height: 50px;
}
section > h1:before{
   position: absolute;
   z-index: 20;
   content: '';
   display: block;
   height: 0px;
   width: 0px;
   background: #bb2528   ;
   top: 0px;
   right: 0;
   -webkit-transform: rotate(0deg) skew(0deg); 
    transform: rotate(0deg) skew(0deg); 
    border-top: 50px solid transparent; 
    border-left: 50px solid  #d8532f ; 
    border-bottom: 0px solid transparent; 
}
section > h1:after{
   position: absolute;
   z-index: 30;
   content: '';
   display: block;
   height: 0px;
   width: 0px;
   background: transparent  ;
   top:  10px;
   right: 0px;                 
   -webkit-transform: rotate(90deg) skew(0deg); 
    transform: rotate(90deg) skew(0deg); 
    border-top: 40px solid #ec782e; 
    border-left: 40px solid  transparent ; 
    border-bottom: 0px solid transparent; 
}



section > h2  {
  color: #fff;
  background: #ec782e;
  padding: 0.5em 0.5em 0 1em;
  margin: -20px -20px 1em -20px;
  xxxborder-top-left-radius: 10px;
  xxxborder-top-right-radius: 10px;
  font-size: 130%;
  position: relative;
    min-height: 50px;
}

section > h2:before{
   position: absolute;
   z-index: 30;
   content: '';
   display: block;
   height: 0px;
   width: 0px;
   background:  transparent ;
   top: 0px;
   right: 0;
   -webkit-transform: rotate(180deg) skew(0deg);          
    transform: rotate(180deg) skew(0deg); 
    border-top: 50px solid transparent; 
    border-left: 50px solid  #bb2528 ; 
    border-bottom: 0px solid transparent; 
}
section > h2:after{
   position: absolute;
   z-index: 20;
   content: '';
   display: block;
   height: 0px;
   width: 0px;
   background: transparent  ;
   top:  0px;
   right: 0px;                 
   -webkit-transform: rotate(90deg) skew(0deg); 
    transform: rotate(90deg) skew(0deg); 
    border-top: 50px solid #d8532f; 
    border-left: 50px solid  transparent ; 
    border-bottom: 0px solid transparent; 
}


                                                                       
section  h2.break {
    color: #fff;
    background: #107aae;
    padding: 0.5em;
    margin: 10px -20px 1em -20px;
    font-size: 130%;
    position: relative;
    border-top: 15px solid #F2F2F2
}

section#content-left  {  margin-left: 0; margin-top: 0; float: left; width: 60%;   text-align: left; }
section#content-right  { margin-left: 0; margin-top: 0;  float: left; width: 20%;  text-align: left; }
 
 footer { margin-top: 60px; clear: both; }
 
 section img { 
    xxxborder-radius: 6px;
 }
 section img.left { floaT: left; margin-right: 1em; }
  section img.right { floaT: right; margin-left: 1em; }
 ul.side{
 margin: 1em 1em 1em 0 ;
 padding: 0;
 list-style-type: none;
} 
ul.side ul {
  padding: 0 0 0 1em;
 /* list-style-type: circle;       */
  color: #000;
}
ul.side  .ismore li.active {
    border: 0px solid #E0EEF6;
    background: #ECF4F7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
        margin: 0.2em -1.2em;
    padding: 0.3em 0 0.3em 1.2em;
    list-style-type: none;
}


/* form */

.reg{
  margin: 15px 0;
  clear: both;
  font-size: 90%;
}

.reg  fieldset {
  margin: 0px;
	border: none
  clear: left;
 
	width:370px
}

.reg  label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}

.reg  fieldset ol {
  margin: 5px 0 0 0;
  padding: 0;
}
.reg  fieldset li {
  list-style: none;
  padding: 0px;
  margin: 0;
	padding: 3px 0px 3px 0;
 
	line-height: 29px;
	height: 29;
	min-height: 29px;
}
.reg  fieldset li {
  list-style: none;
  padding: 0px;
  margin: 0;
	padding: 3px 0px 3px 0;
	background: url(../images/divider.gif) left bottom repeat-x;
	line-height: 29px;
	height: 29;
	min-height: 29px;
}
.reg  fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
.reg  fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
.reg  fieldset fieldset label {
  display: block;
  width: auto;
}
.reg  em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
.reg fieldset ol li input, .reg fieldset ol li select{
 floaT: right;
 margin-right: 20px;
 max-width: 180px;
}

.reg fieldset ol li select{
 padding-left: 5px;
}
.reg  label {
  width: 180px; 
 
  text-align: left;
}
.reg  label.short {
  width: 115px; 
}
.reg  fieldset fieldset label, .reg  fieldset fieldset label.short {
  margin-left: 118px;  
}
.reg textarea{
 width: 90%;
 height: 100px;
 margin-left: 10px;
 	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	color: #000;
	font-size: 85.1%;
}

#required, #norequired {
  display: none;
  margin-bottom: 10px;
	border: none;
  font-size: 80%;
	padding-bottom: 10px;
	xxxborder-top: 3px solid #E83120!important;
	xxxborder-bottom: 1px solid #E83120!important;
	background:  #fbf1e3 url(../images/req.jpg) left bottom repeat-x;
		width:350px
}
#norequired {
  display: block;
}
#requiredtext, #norequiredtext{
 margin: 10px!important;
}
#regbutton, #regbutton2{
 background: #13242B;
 border: 1px solid #fff;
 color: #fff;
 padding: 5px 1em;
}
#qsform2 fieldset {
    margin : 1em 0px;
    border: none;
    clear: left;
    background: #D2E4F0;
    width: 450px;
    clear: left; 
    padding: 0 15px;
    xxxborder-radius: 10px;
    display: block;
}
.reg fieldset {
    margin-bottom: 10px;
    border: none clear: left;
 
    width: 370px;
}
#qsform2 fieldset ol {
    margin: 5px 0 0 0;
    padding: 0;
}
#qsform2 { padding-top: 1em; }

.imgleft, section div.left, img.left {
	float: left;
	margin: 0 1em 1em 0;
	padding: 4px;
 
	text-align: center;
	background: #fff;
	position: relative;
      xxxborder-radius: 10px;
      font-size: 90%;
}
.imgright, section div.right, img.right {
	float: right;
	margin: 0 0 1em 1em;
	padding: 4px;
      xxxborder-radius: 10px;
	text-align: center;
	background: #fff;
   font-size: 90%;
}
.imgcontainer img {
	float: none!important;
	border: none!important;
	margin: 2px auto!important;
	padding: 0!important;
	padding: 0px;
	position: relative;
}

strong.date {
  font-size: 10px;
  font-weight: 300;
  color: #000;
                }
#content-right .article {
 margin-bottom: 0.5em;
 padding-bottom: 0.5em;
 border-bottom: 1px solid #e7e7e7;
 position: relative;
}
#content-right .article.opened:before {
  content: '';
  width: 5px;
  height: 100%;
  position: absolute;                                              
  background: #d8532f;
  right: 0;
  top: -0.25em;
}
.downimg { width: 50px; float: left; margin: -5px 1em 0 -5px; }
.downs { min-height: 60px; padding: 10px; }
.downimgposter {float: left; margin: -5px 1em 0 -5px; } 
.downimgover { display: none;}

.videoYT, .videoYT object { max-width: 100%!important }
.who { clear: left  }

#content-right .reg fieldset, #content-right .reg fieldset ol li input, #content-right .reg fieldset ol li select , #content-right .reg fieldset ol li textarea  { width: 100%; margin: 0; max-width: 100%; }

  section#content .breakme {
    clear: left;
}
  section#content .inexpertbox {
    float: left;
    width: 48%;
    margin: 10px 2% 20px 0;
    padding-top: 10px;
    border-top: 2px dotted #449cc4;
}
.afterpic h3 { margin-top:  0 }
.afterpic a { float: right }
#content-right h3 { margin : 0 0 0.3em 0 }

.newmember {
     height: 220px;
    padding: 15px;
    margin-top: 5px;
    display: block;
    float: left;
    margin-right: 5px;
    width: 19%;
    border: 0px solid #E0EEF6;
    font-size: 80%;
    background: #ECF4F7;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
 
}
 
h2 { color: #bb2528; font-weight: 300; margin: 1em 0 0 0 ;  }
h3 { color: #d8532f; font-weight: 600; margin: 1em 0 0 0 ;  }
h4 { color: #ec782e; font-weight: 400; margin: 1em 0 0 0 ;  }

ul li{
   color:  #bb2528;
}
ul li span {
   color: black;
}
#content-right #insidebox a {
  text-decoration: none;
}
#content-right #insidebox h4 {
 font-size: 100%;
 margin: 0;
}
.logo {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

#content-right   h2 {
    color: #fff;
    background: #bb2528;
    padding: 0.5em 0.5em 0 1em;
    margin: -24px -10px 1em -10px;
    font-size: 130%;
    position: relative;
    min-height: 50px;
}
#content-right   {
     padding: 10px
}
#content-right .inexpertbox h4 a {
  padding: 5px;
  background: rgba(236,120,46,0.2);
  width: 100%;
  display: block;
  font-size: 14px;
}
#content-right .inexpertbox h4 a:hover {
  color: #fff!important;
  background: rgba(236,120,46,0.8);
}