/* ######### Shared basic style for mega drop down menu DIV ######### */

.mega{
	width:320px; /*default width of mega menu*/
	padding:0px;
	position:absolute;
	visibility:hidden;
	border:1px solid black;
	border-top-width:1px;
	background:white;
	-webkit-box-shadow: 5px 5px 5px #000000; /*css 3 shadows*/
	-moz-box-shadow: 5px 5px 5px #000000;
	box-shadow: 5px 5px 5px #000000;
}

.mega .column{ /*each link column within a mega menu*/
float:left;
width:49%;
}

.mega a{
	text-decoration:none;
	background-color: #FFF;
	color: #082F40;
	font-size: 12px;
}
.mega a:hover{
	text-decoration:underline;
	background-color: #FFF;
	color: #09C;
	font-size: 12px;
}
/* LIST #4 */
#list4 {width:180px; font-family:Arial, Times, serif; font-size:12px; }
#list4 ul {
	margin: 0; padding: 0;
	list-style: none;
	list-style-type: none;
}
#list4 ul li { }
#list4 ul li a { display:block; text-decoration:none; color:#000000; background-color:#FFFFFF; line-height:30px;
  border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-left:5px; cursor:pointer; }
#list4 ul li a:hover {
	color:#FFF;
	background-color: #666;
}
#list4 ul li a strong { margin-right:3px; }

/* LIST #5 */
#list5 {width:180px; font-family:Arial, Times, serif; font-size:12px; }
#list5 ul {
	margin: 0; padding: 0;
	list-style: none;
	list-style-type: none;
}
#list5 ul li { }
#list5 ul li a { display:block; text-decoration:none; color:#000000; background-color:#FFFFFF; line-height:30px;
  border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-left:5px; cursor:pointer; }
#list5 ul li a:hover {
	color:#FFF;
	background-color: #666;
}
#list5 ul li a strong { margin-right:3px; }

.mega a[rel]:after{ /*add "down.png" to anchor links, or those with a rel attribute */
content:" " url(down.png);
}

.mega .column ul{
margin:0;
margin-left:0px;
padding:0;
list-style:none;
}

.mega .column ul li{
margin-bottom:3px;
}

.mega .ulmenu{ /*style any UL within mega menu with class="ulmenu"*/
margin:0;
padding:0;
border:0px solid gray;
border-bottom-width:0;
list-style:none;
}

.mega .ulmenu a{
display:block;
border-bottom:1px solid gray;
padding:5px;
}

.mega .ulmenu a:hover{
background:lightyellow;
}

/* ######### Style for Solid Block Mega Menu ######### */

.solidblocktheme{ /*additional mega drop down menu style for this theme*/
padding:0; /*remove default padding inside mega menu*/
}

.solidblocktheme p, .solidblocktheme .column{
padding:5px; /*add padding inside p and .column elements within mega menu*/
width:auto;
}

.solidblockmenu{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 14px Arial;
	width: 100%;
	overflow: hidden;
	color: #FFF;
	}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
	float: left;
	color: #FFF;
	padding: 10px 11px;
	text-decoration: none;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.selected{ /*Selected Tab style*/
	color: white;
	background: transparent url(blockactive.gif) center center repeat-x;
	text-align: right;
	}


.news {margin: 0; padding: 0;}
 
.news div {
  margin: 2px;
}
 
.news ul {
  list-style-type: none;
  width: 300px;
}
 
.news h3 {
	font: bold 15px Helvetica, Verdana, sans-serif;
}
 
.news li img {
	float: left;
	border: #FFF;
	margin: 0 4px 0 0;
	}
 
.news li p {
  font: 200 12px Verdana, Geneva, sans-serif, Times New Roman, serif;
}
 
.news li {
  padding: 4px;
  margin:0px;
  overflow: auto;
}
 
.news li:hover {
  background: #eee;
  
}

imgbody {
  font: 16px/1.4 arial;
}

.imgWrap {
  position: relative;
  height: 180px;
  width: 320px;
}

.imgDescription {
  position: absolute;
  top: 0px;
  bottom: 11px;
  left: 2px;
  right: 2px;
  padding: 5px;
  background: rgba(0,0,0, 0.80);
  color: #fff;


  visibility: hidden;
  opacity: 0;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}


.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}

#mypanel #mypanelcontent #templatemo_header div a {
	text-align: right;
}