/* @override 

	http://localhost:8888/1.5/vision/templates/JB_Vision_J1.5_v1.06/css/template_css.css

	http://localhost:8888/Joomla/QuickStart/J157_vision/templates/JB_Vision_J1.5_v1.10/css/template_css.css

	http://208.79.200.160/~joomlaba/dev/vision/j15/templates/JB_Vision_J1.5_v1.1.1/css/template_css.css

*/



/* @group Global Reset */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}



tbody tr td  {text-align: justify;}

:focus {outline: 0;}

body {line-height: 1;color: black;}

ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

html {margin:0;padding:0;}





	/* @end */



body

{margin: 0;padding: 0;font-family: Arial, sans-serif;background: #333;color: #000000; line-height: 1.8;font-size: 82.5%;text-align: justify;}



/* @group Layout */

/* @group Wrappers */

.outer_wrap {margin:0 auto;width: 940px}

.inner_wrap {float:left;width: 934px;background: #eff9e8 url(../images/top.jpg) repeat-x}

/* @end */



/* @group Top */

#top_wrap,#header_wrap,#main_wrap,#footer_wrap {float: left;width: 100%;}

#top_wrap {height: 86px;background: url(../images/top.jpg) left top;}

/*

#top_left {width: 45%;float: left;background: url(../images/logo.jpg) no-repeat;height: 83px;}

*/

#top_right {width: 35%;float: right;padding-top: 30px;}

#top_right .inputbox {border: 1px solid #FFF;background: #000;padding: 4px;font-size: 120%;color: #fff;}

/* @end */



/* @group Nav */

#nav {height: 57px;float: right;width: 100%;background: url(../images/navbg.jpg) left bottom;}

#nav ul {float: left;}

#nav ul li {float: left;background: url(../images/nav_sep.jpg) right top no-repeat}

#nav ul li a {color: #c3c3c3;text-decoration: none;font-size: 90%;text-transform: uppercase;padding: 22px 0 23px}

#nav a#active_menu-nav.mainlevel-nav,#nav ul li a:hover,#nav a#active_menu.mainlevel_current {background: url(../images/nav_active.gif) no-repeat center 45px;color: #DDB22F;}

/* @end */



/* @group Header */

#header_wrap {float: left;height: 289px;width: 100%;z-index: 1;;}

#header_right {float: right;width: 530px;margin-left: 384px;margin-top: 40px;background: url(../images/overlay.png);padding: 10px;color: #333;position: absolute;z-index: 1;}

#header_right h3 {font-size: 120%;border-bottom: 1px solid #eee;color: #333;margin: 0;}

#header_left {float: left;position: relative;margin: 0;}

/*

#edge {background: url(../images/edge.png) no-repeat right bottom;position: absolute;height: 90px;z-index: 1005;width: 934px;top: 360px;margin: 0;}

*/

/* @end */



/* @group Main */

#rss {float: left;width: 93%;background: #EFF9E8;margin-right: 20px;margin-left: 20px}

#main_wrap.col_left #main_right {float: left;margin-left: 10px;}

#main_wrap.col_left #main_left {float: right;}

#main_wrap.col_left {padding: 20px 0;background: url(../images/main.jpg) repeat-y -320px top;}

#main_wrap.col_right #main_right {float: right;margin-left: 0px;}

#main_wrap.col_right #main_left {float: left;}

#main_wrap.col_right {padding: 20px 0;background: url(../images/main.jpg) repeat-y}

#main_wrap {padding: 20px 0;background: url(../images/main.jpg) repeat-y;margin-top: 20px;}

#main_left {float: left;width: 63%;margin-right: 20px;margin-left: 20px!important;margin-left:10px}

#main_right {float: right;width: 30%!important;width:27%;margin-right: 10px;}

#main_right ul li a {padding: 2px 0;border-bottom: 1px solid #d8e3d2;display: block;padding-left: 8px;}

#main_right .moduletable {margin-bottom: 30px;}

#main_right ul li a:hover {

	background: #b9c8b0;

	text-decoration: none;

	;

	color: #FFFFFF;

}

/* @end */



/* @group Footer */

#footer_wrap {background: url(../images/footer.jpg) repeat-x;padding: 20px 0;font-size: 80%;width: 934px; }

#footer_left {

	margin-left: 10px;

	width: 55%;

	float: left;

	color: #99a3ae;

}

#footer_right {

	float: right;

	margin-right: 10px;

	width: 35%;

	text-align: right;

	color: #99a3ae;

}

#footer_wrap a {color: #fff;}

#footer_wrap ul li {float: left;}

#footer_wrap ul li a {color: #fff;text-decoration: none;padding: 0 8px;}

/* @end */

/* @end */



/* @group Typography */

p {margin: 8px 0;}

a {text-decoration: underline;color: #3E781F;}

a:hover {text-decoration: none;}

h1,.componentheading {font-size: 180%;color: #AB4527;}

h2,.contentheading {font-size: 180%;color: #AB4527;}

h3 {font-size: 130%;color: #CC9933;}

h4 {font-size: 120%;}

h5 {font-size: 90%;color: #000;}

h6 {font-size: 80%;color: #333;}

strong,bold,.bold,.strong {font-weight: bold;}

em, italic,.talic {font-style: italic;}

#main_right .moduletable h3 {color: #CC9933;margin: 0;font-size: 140%;padding: 0;}

blockquote {padding: 0 0 0 50px;background: url(../images/block_quote_ul.gif) no-repeat left top;margin: 10px 0;}

blockquote p {background: url(../images/block_quote_br.gif) no-repeat right bottom;padding-right: 50px;}



.small,.createdate,.modifydate {color: #666;font-size: 80%;}

a.readon {float: right;text-decoration: none;background: url(../images/readmore.jpg) no-repeat;height: 30px;width: 90px;color: #fff;padding-left: 20px;padding-top: 5px;}

.feed {background: url(../images/feed.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}

.zoom {background: url(../images/zoom.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}

.about {background: url(../images/about.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}

.group {background: url(../images/group.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}

.ok {background: url(../images/ok.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}

.download {background: url(../images/arrow_down.png) no-repeat 10px center;padding: 10px 5px 10px 60px;}

.code {background: #eee;padding: 10px;font-family: courier;border: 1px solid #ddd;margin: 10px 0;}

ul.arrow {margin: 8px 0;}

ul.arrow li {list-style-type: none;background: url(../images/arrow_right.png) no-repeat left center;padding:2px 30px 2px}

ul.tick {margin: 8px 0;}

ul.tick li {list-style-type: none;background: url(../images/oksml.png) no-repeat left center;padding:2px 30px 2px}

.floatleft {float: left;}

.floatright {float: right;}

.border {padding: 4px;border: 1px solid #eee;margin: 4px;}

.clear {clear: both;}

/* @group Lists */

ul li {list-style-position: inside;list-style-type: disc;}

ul {margin: 8px 0;}

#nav ul li,#top_wrapper ul li,#main_right ul li, #footer_wrap ul li {list-style-type: none;}

/* @end */

/* @end */



/* @group Extra Modules */

/* @group News Ticker */

#news-ticker{ height:120px; overflow:hidden; margin-top:0px;position: absolute;z-index: 11;float: right;width: 530px!important;width:530px;margin-left: 384px!important;margin-left:384px;margin-top: 80px;background: url(../images/overlay.png);padding: 10px;color: #333;position: absolute;padding-top: 10px;} 

.ticker_title {width: 530px;position: absolute;z-index: 12;color: #000;top: 78px;margin-left: 392px!important;margin-left:392px} 

#news-ticker div{ height:120px; overflow: hidden; padding:5px 0; color: #333;}

#news-ticker a.latestnews {color: #333;font-size: 120%;}

#news-ticker h2 {font-size: 120%;margin-bottom: 0;padding-bottom: 0;}

#news-ticker p {margin: 0;} 

/* @end */



/* @group Micro Flickr

.flickr img {border: 1px solid #ddd;padding: 4px;height: 50px;margin-right: 8px;margin-bottom: 8px;}

.flickr img:hover {background:#D39A33} */



/* @group JB Slideshow */

#slideshow2 {z-index: 10;position: absolute;height: 280px;}

p#overlaytext {position: absolute;z-index: 101;margin-top: 130px;margin-left: 10px;color: #000;width: 670px;}

/* @end */

/* @end */

/* @end */



/* @group Superfish */

.nav, .nav * {margin:0;padding:0;list-style:none;}

.nav {line-height:1.0;}

.nav ul {position:absolute;top:-999em;width:9.45em;}

.nav ul li,.nav a {width: 100%;font-size: 90%;}

.nav li {float:left;position:relative;z-index:99;width: 110px;padding: 0 10px;height: 57px;}

.nav li ul {width: 8.9em;}

.nav a {display:block;text-align: center;}

.nav li:hover ul,ul.nav li.sfHover ul {left:-1px;top:57px;}

.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}

.nav li li:hover ul,ul.nav li li.sfHover ul {left:200px;top:0px}

.superfish li:hover ul,.superfish li li:hover ul {top: -999em;}

#nav li li,#nav li li li {border-bottom: 1px solid #3c5a26;color: #333;padding: 0 0 0 5px;margin: 0;font-size: 85%;height: 24px;background: none!important;background: #223517}

#nav ul li li li,#nav ul li li {width: 270px;background: url(../images/black_overlay.png)!important;background: #223517;}

#nav ul li li {width: 270px;padding: 0;text-align: left;}

#nav ul li li li {margin-top: -1px;}

#nav ul li li a {text-align: left;color: #fff;padding: 8px 0 8px 10px;}

#nav ul li li a:hover {background: none;color: #ddb22f;}

.nav ul ul {margin: 0;padding: 0;height: 10px;border-top: 1px solid #ddd;margin-left:0!important;margin-left:10px;}

#menu li li a {color: #333;text-align: left;margin-left: 10px;}

#menu li li:hover {background: #fff;}

#menu ul li li a{margin: 0;padding: 8px 0;}

ul.nav superfish li .sfHover ul li {background: none}

.nav ul span.expanded,.nav ul ul span.expanded {color: #ccc}

/* @end */



input#mod_search_searchword.inputbox {width: 160px;background: url(../images/zoomsml.gif) no-repeat 4px center;padding-left: 30px;}

.search input.button{width: 100px;height: 30px;margin: 0; padding: 0; border: 0; background: transparent url(../images/search.jpg) no-repeat center top; overflow: hidden; margin-left: 10px; cursor: pointer;

}



.blog,.contentpaneopen {width: 100%;}

.contentpaneopen tr td{padding: 0 12px 0 0;}

fieldset {border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 10px;}



/* @group Login */

.login_first_row {height: 40px;float: left;width: 100%;margin-bottom: 20px;}

.second_first_row {height: 40px;margin-top: 10px;float: left;}

p#form-login-username,p#form-login-password {float: left;width: 45%;margin: 0;}

p.remember {float: left;width: 180px;margin: 0;}

form#form-login fieldset {margin: 0;width: 100%;}

#form-login-remember{font-size: 80%;}

#form-login ul li {float: left;list-style-type: none;margin-right: 5px;font-size: 80%;}

p#form-login-username .inputbox,p#form-login-password .inputbox {margin-right: 8px;width: 150px;background: #fff;border: 1px solid #ddd;font-size: 120%;}



/* @end */

#panel_wrap {position: relative;float: left;z-index: 10001;}

#panel {

	background: url(../images/black_overlay.png) repeat;

	height: 124px;

	display: none;

	width: 400px;position: absolute;z-index: 1000;padding: 10px;margin-left: 500px;color: #fff;

}



#panel a {color: #fff;}

.slide {

	margin: 0;

	padding: 0;

	float: left; position: absolute;z-index: 1001;top: 0;

}

.btn-slide {

	background: url(../images/white-arrow.gif) no-repeat right -48px;

	text-align: center;

	width: 60px;

	height: 16px;

	padding: 10px 10px 0 0;

	margin: 0 auto;

	display: block;

	font: bold 120%/100% Arial, Helvetica, sans-serif;

	color: #fff;

	text-decoration: none;position: absolute;margin-left: 400px;

}

.active {

	background-position: right -1px;

}