@charset "utf-8";
/* CSS Document */

body {
	font: 400 14px/1.3 'Open Sans', sans-serif;
	background-color:#000;
	margin: 0;
	padding: 0;
	color: #fff;
    overflow-y: scroll;
}

a:link {
	color: #fff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: underline;
	color: #fff;
}
a:active {
	text-decoration: none;
	color: #fff;
}
p{ font: 500 14px/1.3 'Open Sans', sans-serif; color: #888; margin-right: 16px; word-wrap: break-word; }

#content{ font: 500 14px/1.3 'Open Sans', sans-serif; margin-top: 8px; color: #888;}

h1 {
  color: #A10403;
  margin: 0;
  margin-bottom: 10px;
  font: 700 16px/1.3 'Open Sans', sans-serif;
  text-shadow: 1px 1px 2px rgba(198, 198, 198, 0.2)
}
h2 {
  margin: 0px;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 15px;
  color: #4d4d4d;
  text-shadow: 1px 1px 2px rgba(99, 99, 99, 0.2);
}

h3 {
  color: #4d4d4d;
  margin: 0;
  letter-spacing: 1px;
  font: 700 18px/1.3 'Open Sans', sans-serif;
  text-shadow: 1px 1px 2px rgba(80, 80, 80, 0.6)
}

h4 {
  color: #4d4d4d;
  margin: 0;
  font: 700 18px/1.3 'Open Sans', sans-serif;
  text-shadow: 1px 1px 2px rgba(8, 8, 8, 0.2);
  margin-bottom: 10px;
}



h6 {
  color: #4d4d4d;
  margin: 0;
  margin-top: 10px;
  font: 700 15px/1.3 'Open Sans', sans-serif;
  text-shadow: 1px 1px 2px rgba(8, 8, 8, 0.2);
  margin-bottom: 10px;
}

.mTitle {
  color: #aaa;
  margin: 0;
  margin-top: 10px;
  font: 700 15px/1.3 'Open Sans', sans-serif;
  text-shadow: 1px 1px 2px rgba(8, 8, 8, 0.2);
  margin-bottom: 10px;
}

#shaped{border-radius: 6px; padding: 0px; border-color: #000}
#shapedPic{ border-radius: 5px; }
#shapedPic1{ border-radius: 5px; }
#shapedPic2{ border-radius: 5px; }
#shapedPic3{ border-radius: 5px; }
#shapedPic4{ border-radius: 5px; }
#shapedPic5{ border-radius: 5px; }
#shapedPic6{ border-radius: 5px; }
#thumbArea{padding: 3px; }

#picFlt{width: 130px; border-radius: 5px; margin-left: 5px; margin-bottom: 8px;}

.wellC{ color: #aaa; font-style: italic}

.subMast{ font: 700 17px/1.3 'Open Sans', sans-serif;
  text-shadow: 1px 1px 2px rgba(8, 8, 8, 0.2); font-style: italic
  }
  
#elecLogo{ float: left; margin-right: 15px; margin-bottom: 15px; max-width: 200px;}

#gbLogo{ float: right; margin-left: 15px; margin-bottom: 15px; max-width: 350px; }
  
#myTbl{color: #888; margin-top: 4px; font: 600 12px/1.3 'Open Sans', sans-serif; border-left: solid 1px rgba(40,40,40,0.4); border-right: solid 1px rgba(40,40,40,0.4);}
#tdLeft{ color: #888; border-bottom: solid 1px rgba(40,40,40,0.4); border-right: solid 1px rgba(40,40,40,0.4);}
#tdMid{ color: #888; border-bottom: solid 1px rgba(40,40,40,0.4); border-right: solid 1px rgba(40,40,40,0.4);}
#tdRight{ color: #888; border-bottom: solid 1px rgba(40,40,40,0.4);}
#colHd{color: #777;} 

.panel-title{font-size:8px;}

#stretched{padding: 0px; margin: 0px; color: #aaa;}
#prLink a{padding: 0px; margin: 0px; color: #aaa;text-decoration: none; margin-bottom: 12px;}
#prLink a:hover{color: #fff;text-decoration: none;}

#pEdit{ background-color: rgba(0,0,0,0.2); color:#777}

#logoSpace{padding: 3px;margin: 0px;padding-top: 25px;}

#tWrapper{padding-left: 0px; border-bottom: solid 3px #029e02; padding-top: 4px;  padding-bottom: 4px;}

#titleBar{padding: 0px;margin: 0px; border-top: solid 2px #029e02}

#oWrapper{padding-left: 20px; padding-right: 20px;}
#cWrapper{border-top: solid 1px #424242; border-bottom: solid 1px #424242; padding-top: 8px;  padding-bottom: 8px;}

#homeSlides{padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;}


#contentArea{padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px;}

#footerArea{text-align: center; padding-top: 13px; padding-bottom: 13px;}

#footerTxt{text-align: center;   font: 400 13px/1.3 'Open Sans', sans-serif;
  text-shadow: 1px 1px 2px rgba(8, 8, 8, 0.2);  color: #777; letter-spacing: 1px; }
  
ul#myList{color: #888; list-style: square; font: 400 14px/1.3 'Open Sans', sans-serif; line-height: 26px;}

#c1:link, c1:visited 
{ 
   text-decoration: none;
   color: #888;
} 
#c1:hover, c1:active    
{
	text-decoration: underline;
	color: #FFF;
} 

#limit{ width:96%;}

.thumb{padding: 3px;}
.thumbnail{padding: 0px; margin: 0px;}


.imageArea {
    position:relative;
    width:100%;
    height: auto;
}
.imageArea img {
    width:100%;
    vertical-align:top;
}
.imageArea:after, .imageArea:before {
    position:absolute;
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.imageArea:after {
    content:'\A';
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
	
}
.imageArea:before {
    font: 400 13px/1.3 'Open Sans', sans-serif;
    content: attr(data-content);
    width:100%;
    color:#fff;
    z-index:1;
    bottom:0;
    padding-left:15px;
	padding-top:10px;
	padding-right:15px;
	padding-bottom:10px;
    text-align:center;
    background:rgba(0,0,0,0.4);
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.imageArea:hover:after, .imageArea:hover:before {
    opacity:1;
}


/* Very Tiny devices */
@media (min-width: 140px) and (max-width: 320px) {
h2{
  letter-spacing: 2px;
  font: 700 16px/1.3 'Open Sans', sans-serif;
  }
  
#titleSpace{padding: 0px;margin: 0px;margin-left: 4px;
}

#cdcLogo{ width: 60%;padding-top: 0.6em;padding-bottom: 0.6em;  margin-left:0px; margin-right: auto; margin-left: 0px;}
}
   
/* Tiny devices */
@media (min-width: 321px) and (max-width: 480px) {
h2{
  letter-spacing: 2px;
  font: 700 17px/1.3 'Open Sans', sans-serif;
  }
#titleSpace{padding: 0px;margin: 0px;margin-left: 4px;
}

#cdcLogo{width: 60%;
 }
}

/* Mobile devices */
@media (min-width: 481px) and (max-width: 640px) {
h2{
  letter-spacing: 2px;
  font: 700 18px/1.3 'Open Sans', sans-serif;
  }
  
#titleSpace{padding: 0px;margin: 0px;margin-left: 4px;
}

#cdcLogo{width: 50%;
 }
}

/* Mobile devices */
@media (min-width: 641px) and (max-width: 767px) {

h2{
  letter-spacing: 2px;
  font: 700 19px/1.3 'Open Sans', sans-serif;

}
  
#titleSpace{padding: 0px;margin: 0px;margin-left: 4px;
}

#cdcLogo{width: 40%;
 }
}

/* Tablet devices */
@media (min-width: 768px) and (max-width: 849px) {
h2{
  letter-spacing: 2px;
  font: 700 20px/1.3 'Open Sans', sans-serif;
  } 
  
#titleSpace{padding: 0px;margin: 0px;
}

#cdcLogo{width: 40%;
 }
}

/* Tablet devices */
@media (min-width: 850px) and (max-width: 991px) {
h2{
  letter-spacing: 2px;
  font: 700 21px/1.3 'Open Sans', sans-serif;
  }	
  
#titleSpace{padding: 0px;margin: 0px;}
  

#cdcLogo{width: 38%;
 }
}
/* Tablet devices */
@media (min-width: 992px) and (max-width: 1199px) {

h2{
  letter-spacing: 4px;
  font: 700 22px/1.3 'Open Sans', sans-serif;
  }

#titleSpace{padding: 0px;margin: 0px;
} 
 
#cdcLogo{width: 35%;
 }
}

/* PC TV devices */
@media (min-width: 1200px){

h2{
  letter-spacing: 5px;
  font: 700 23px/1.3 'Open Sans', sans-serif;
  }
  
#titleSpace{padding: 0px;margin: 0px;
}

#cdcLogo{width: 30%;
 }
}