.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;}

hr {background:none;clear:both;float:none;width:100%;height:0em;margin:0;border:none;color:#fff;}

html {
overflow-y:scroll;
height:100%;
}
* html .wrapper {
height:100%;/* 100% Height IE */
}
.marginlr{margin:0 40px 0 40px;} /* Left and right Border from white Background*/

/**************  Full Size Background **************/
#background img {height:auto;left:0;min-height:100%;min-width:100%;position:fixed;top:0;width:100%;}
/**************  Main layout**************/
.wrapper {position:relative; background: url(../images/wrapper_bg.png); min-height:100%; height:100%;} 
.top {width:100%; position:relative;z-index:4; background:#F4F7F9; height:85px; margin-bottom:60px;}
.topmenu {padding-top:0; float:right; margin-right:30px;}
.logo{position: relative; left:36px; top:0;} 
#suckerfish{position:relative;z-index:5; background:#fff; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; display:block; height:36px;}
.suckerfish_shadow {position:relative; background:url(../images/menu_shadow.png) top center no-repeat; display:block; height:35px;}
.slideshow {position:relative;z-index:4;}
.slideshow_shadow {position:relative;background:url(../images/slideshow_shadow.png) top center no-repeat; height:34px;}

.main_outer {position:relative; z-index:3; padding-bottom:20px;} 
.dot_line {position:relative; z-index:3;background:url(../images/dot_line.gif) repeat-x; width:100%} 

.footer {width:100%; position:relative;z-index:1; background:#fafafa url(../images/footer_bg.gif) top repeat-x; padding-top:0px; }
#footer{text-align:center; font-size:0.8em; padding:10px 0 10px 0; background:#000}
#footer a, #footer p {color:#ccc}
/*     Container inside the five main areas      */ 
.template_width {margin:0px auto;}

/*     Joomla Content      */ 
#joomla_container{margin:0 auto; padding:10px 0 20px 0}
#joomla_content{}
#joomla_content-inner{overflow:hidden;}

/*     Top  Module      */ 
.usertop{float:left; width:100%}
#top_module{padding:0 0 20px 0; background:url(../images/dot_line.gif) bottom repeat-x; margin-bottom:30px;}

/*     Bottom  Module      */ 
.userbottom{float:left; width:100%}
#bottom_module{padding:20px 0 20px 0; background:url(../images/dot_line.gif) top repeat-x; }

/*     Footer  Module      */ 
.footer_module{float:left; width:100%}
#footer_module .moduletable {line-height:1.0}
#footer_module h3{font-size:1.2em}


/*    New and Hot Module Styles      */ 
div.module_hot {background:#fff url(../images/hot.png) top right no-repeat; }
div.module_new {background:#fff url(../images/new.png) top right no-repeat; }

/*    Breadcrumbs      */ 
#breadcrumbs { margin-bottom:20px; display:block; width:100%}


/*Extra Form styles*/
input, textarea {  width: auto;padding: 4px;line-height: 30px;border: 1px solid #ddd;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size: 12px;cursor: pointer;}

/**************  Special Typo  **************/
.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;}
.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;}
.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 */
.border{border:1px solid #dadada; padding:3px;}
/************** Slider Area ***************/

/************** Slim Box **************/
#lbOverlay {  position: fixed;  z-index: 9999;  left: 0;top: 0;  width: 100%;  height: 100%;background-color: #000;  cursor: pointer;}
#lbCenter, #lbBottomContainer {  position: absolute;  z-index: 9999;  overflow: hidden;  background-color: #fff;}
.lbLoading {  background: #fff url(../images/loading.gif) no-repeat center;}
#lbImage {  position: absolute;left: 0;  top: 0;  border: 10px solid #fff;  background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {  display: block;  position: absolute;  top: 0;  width: 50%;  outline: none;}
#lbPrevLink {  left: 0;}
#lbPrevLink:hover {  background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {  right: 0;}
#lbNextLink:hover {  background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;  font-size: 10px;  color: #666;  line-height: 1.4em;  text-align: left;  border: 10px solid #fff;  border-top-style: none;}
#lbCloseLink {  display: block;  float: right;  width: 66px;  height: 22px;  background: transparent url(../images/closelabel.gif) no-repeat center;  margin: 5px 0;  outline: none;}
#lbCaption, #lbNumber {  margin-right: 71px;}
#lbCaption {  font-weight: bold;}
.enlarge { background:url(../images/enlarge.png) no-repeat top left;  padding:5px -10px 15px 28px; position:relative;  z-index:1000; margin:-6px -14px 0 0; display:block; float:left; width:24px;
height:24px;}
.lightbox_image {float:left;padding:0 10px 0px 0;}


