/************** Default HTML element styles **************/
body {
	line-height: 1.6em!important;
	background:url(../images/body-bg.png);
	margin:0;
	padding:0;
}
body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
	background:#fff;
}

html {
	overflow-y:scroll;
}
.container, .colophon {
    margin: auto;
}
/* Module Tables*/
table.mtable td {padding: 20px;border:1px solid #ccc;margin:4px}
table.mtable {margin:0 auto;margin-top:10px}

.jpclr{ /* BASIC CLEAR FIX*/
	clear:both;
}

div.jpclear { /* Special Div for Firefox for background height fix*/
	clear: both;height: 0px;margin: 0px;padding: 0px;font-size: 0;
}

p {	margin:4px 0 4px 0}
a,
a:visited,
a:active
a:hover{color:#000;}
a:hover{ text-decoration:none;}
ul li,
ol li{ list-style-position:inside}
a.readmore{font-size:100%;color:#555; display:block; padding:4px 10px;text-shadow: 1px 1px 0 #fff;}
.validate,
.button,
.readon,
.readmore{
	background-color: #fff;
	background-image: -moz-linear-gradient(center top , #fff, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #fff, #f9f9f9);
    background-image: -o-linear-gradient(top, #fff, #f9f9f9);
    background-image: linear-gradient(to bottom, #fff, #f9f9f9);
    background-repeat: repeat-x;
	border-color: #fff;
	-moz-box-shadow: 0 0 0 4px #cbcbcbt;
	-webkit-box-shadow:  0px 0px 4px 0px #cbcbcb;
    box-shadow:  0px 0px 4px 0px #cbcbcb;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
	padding:8px 15px;
}
.button:hover,
.readon:hover,
.readmore:hover{
	background: #fff;
}

li a, a img, img a {border:none;text-decoration:none}

#slider h1{
	text-shadow: 1px -2px 0 #000);
}


/************** Typography styles **************/
h1, h2, h3, h4, h5, h6, .contentheading, .componentheading, .item h2 a, h2.contentheading a {
	margin:0; padding:0; 
}
h1 {
	font-size: 2em; margin-bottom:10px;
}
h1.componentheading, .componentheading { 
	margin: 0; padding: 0 0 7px;
}

h2.contentheading, .contentheading { 
	margin: 0; 	padding: 0 0 7px;
}

h2, h2.contentheading, .contentheading {
	font-size:26px; margin:20px 0 20px 0; padding-bottom:0px;border:none!important;	text-shadow: 1px 1px 0 #fff; text-transform:uppercase

}
h2 a, h3 a {
	text-decoration: none; color:#ac190d;
}
h2 a:hover, h3 a:hover {
	text-decoration: none; color:#000;
}
h3 {
	margin:0 0 20px 0; 
}
h4, .componentheading {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
.readmore a{text-decoration:none}
.button{padding:4px 20px;border:none}
.small, .createdate {padding-bottom:.875em;line-height:1.875em;}
.centered {text-align: center;}
.componentheading {margin:.3em 0;}

/************** Template Laout **************/

.top-outer{position:relative; width:100%; background:url(../images/menu-bg.png) no-repeat bottom center; padding-bottom:6px}
.logo{padding:0;float:left; margin:10px 0 10px 10px }
.banner{padding-top:10px;}
.logo h1 { line-height: 1em; padding:0; margin:0; font-size:18px; font-weight: lighter;}
.full-image{border-bottom:1px solid #fff; position:relative}
.full-image img { max-width: none!important; }
.topmenu,.top-left{}
.site-content{position:relative;padding-top:30px;background:url(../images/shadow.png) no-repeat top center;}
.shadow{ background:url(../images/shadow.png) no-repeat top center; height:28px}
.shadow-50{ background:url(../images/shadow-50.png) no-repeat top center; height:38px}
.shadow-top-50{ background:url(../images/shadow-top-50.png) no-repeat bottom center; height:38px}
.shadow-top{ background:url(../images/shadow-50.png) no-repeat top center;}
.menu-bg{ position:relative;background:url(../images/menu-bg.png) no-repeat center; height:52px; top:-52px;}

#suckerfish{position:relative;width:auto;}
#slider{padding:0 0 20px 0; overflow:hidden;}

#above-content{ padding-bottom:20px}
#below-content{ padding-top:20px}
.footer-outer{ width:100%;margin-top:50px; background:url(../images/menu-bg.png) repeat-y center;}
.footer-module{ background:url(../images/shadow-50.png) no-repeat top center;padding:30px 0}

/*     Legal Line      */ 
.footer,
.social{font-size:0.8em; padding:10px 0 10px 0;}

.footer a,
.footer p {color:#000}

.imgpadding{margin-right:20px;}
.img-border{padding:4px;border:3px solid #fff;margin:0px 30px 10px 4px}


/**************  Special Typo  **************/
div.info{ display:block; margin:10px 0 20px 0; padding:14px; padding-left:60px; text-align:left; border:1px dotted #d2d2b6; background:#ffffdd url(../images/attention.png) 10px no-repeat;}
div.pdf{ display:block; margin:10px 0 20px 0; padding:14px; padding-left:60px; text-align:left; border:1px dotted #d2d2b6; background:#edf3f8 url(../images/info.png) 10px no-repeat;}
div.attention{ display:block; margin:10px 0 20px 0; padding:14px; padding-left:60px; text-align:left; border:1px dotted #d2d2b6; background:#fffff7 url(../images/error.png) 10px no-repeat;}

/*Extra Border Image Styles */
.imgborder{border:1px solid #999; padding:5px;margin-right:6px}
.imgpadding{margin:0 20px 10px 0}

/************** Slider Area ***************/

.slider_nav {width:100%;text-align: center;}
.slider_nav p {margin:0;padding:0;}
#handles a {width:16px;height:16px;overflow: hidden;padding:0 6px;text-decoration: none;outline: none;}
#box{position:absolute;}
#box div{width:840px;height:400px;float:left;}
#info{background:#fff !important;color:red !important;cursor:default}
.info{width:240px;height:50px;background:#000;position:absolute;}
.info p, .info h4{color:#fff;padding:3px 8px;font-family:Arial;}
.info h4{font-size:14px;}
.info h4 a{float:right;background:#fff;color:#000;font-size:10px;padding:0 3px;text-decoration:none}
.mask1{position:relative;width:840px;height:400px;overflow:hidden;}
.mask2{position:relative;width:240px;height:180px;overflow:hidden;}
.mask3{position:relative;width:480px;height:240px;overflow:hidden;}

/* ==|== non-semantic helper classes ========================================
   ========================================================================== */
/* RESPONSIVE IMAGES IN CONTENT AREA!! IF YOU WANT IMAGES TO BE RESPONSIVE EVERYWHERE, WRITE ANOTHER CSS RULE */
img{ max-width:100%; height:auto;}
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}