/* @override http://www.node-0.com/jbistudios.com/live//templates/element_blue/css/template.css */



























a img { border-width: 0px; }







body {











	background-color: #999999;











	font-family: "Trebuchet MS", "Geneva CY", Verdana;











	font-size: 12px;











	color: #454545;











}











*, html, body {margin:0;padding:0;}











p, div, td {line-height:135%;}











/*Basic Links*/











a:link, a:visited {color:#0081BF;text-decoration:underline;}











a:hover {color: #666666;text-decoration:none;}











a.img{border:0;}























a:focus {outline:0;}











ul {padding-left:20px;}























/*Begin Header and Logo*/











#headerblock {











	margin: 0px;











	padding: 0px;











}























/*CSS for logo. This is an image replaced link as an H1 tag*/























/*Controls logo hotspot width*/











#logo {height: 60px;float:left; margin-left:15px;}











#logo h2 a{ width:208px;display:block;text-indent:-5000px;text-decoration:none;line-height:60px; margin-top:17px;}











#logo h2 {background:url(../images/logo.png) top left no-repeat;height:72px;width:200px;}/*Set the line-height and width equal to your logo image here*/











#logo h1{margin:0;padding:0;}























h1 {











	margin: 1em 0;











	color:#0081BA;











	font-family: "Trebuchet MS", "Geneva CY", Verdana;











	font-size: 2em;











	line-height: 2em;











	font-weight: bold;











	text-transform: none;











}











h2 {











	margin: 1em 0;











	color:#333333;











	font-family: "Trebuchet MS", "Geneva CY", Verdana;











	font-size: 1.6em;











	line-height: 1.6em;











	font-weight: bold;











	text-transform: none;











}























h3 {











	margin: 1em 0;











	color:#666666;











	font-family: "Trebuchet MS", "Geneva CY", Verdana;











	font-size: 1.4em;











	line-height: 1.4em;











	font-weight: bold;











	text-transform: none;











}



























































/*The Styleswitcher Buttons*/











#accessbuttons {











	float:right;











	position:relative;











	top:0px;











	right: -13px;











	width:159px;











	height:46px;











	background: url(../images/navicons.png) no-repeat center top;











	margin:0;







	padding: 12px 0px 6px 32px;







}











.access {margin:0px 0px 0px 8px; padding:0;







	left: 9px;







	position: relative;







}











a.access {font-size:8px;text-decoration: none;white-space: nowrap;}











.access img {border:none;margin:0px 3px 0px 0px;padding:0;width:20px;height:20px;font-size:5px;}











#theme {position: absolute;top: 12px;right: 59px;margin: 0;padding: 0;list-style: none;}











#theme li {margin: 0;padding: 0;display:inline;}



















#theme li#theme-fixed {display: inline;







	bottom: 0;







}











a#rss {position:relative; margin: 0px 0px 0px 20px;







	display: none;







}























/*End Header and Logo*/























#twrap {











	width: 1113px;











	margin-top: 0px;











	margin-right: auto;











	margin-bottom: 0px;











	margin-left: auto;











	padding: 0px;











}











#pagebg {











	background-image: url(../images/bodybg.png);











	background-repeat: repeat-x;











	background-position: top;











	margin:0;











	padding:0;











}











#wrapper {











	width: 960px;











	padding: 0px;











	margin-top: 0px;











	margin-right: auto;











	margin-bottom: 0px;











	margin-left: auto;























}











td#main { margin:0; padding:0;}























table#maintable {











	background-color: #FFFFFF;











	margin: 0px;











	padding: 0px;











	float: none;











	clear: none;











	visibility: visible;











	z-index: 0;











}











td#teaserbox {











	background-image: url(../images/teaserbar.png);











	background-repeat: repeat-x;











	background-position: bottom;











	margin:0px;











	padding-bottom: 19px;











}











#teasers div {











	margin: 0;











	padding:0;











	}











td#maincol {











	margin: 0px;











	padding: 0px;











	











}











td#maincol .inside {











padding: 15px;











}











#leftcol .inside, #rightcol .inside {











	width:200px;











	padding:5px;











	margin:0;











	position: relative;











}











td#rightcol {











	width:200px;











	margin: 0px;











	padding: 0px;











	background-image: url(../images/modulefade.png);











	background-repeat: no-repeat;











	background-position: left top;











}











td#leftcol {











	width:200px;











	padding: 0px;











	background-image: url(../images/modulefade.png);











	background-repeat: no-repeat;











	background-position: right top;























}











td#leftshadow {











	background-image: url(../images/wrapleft.png);











	background-repeat: repeat-y;











	background-position: left bottom;











	margin: 0px;











	padding: 0px;











	width: 5px;











	vertical-align: top;











}











td#rightshadow {











	background-image: url(../images/wrapright.png);











	background-repeat: repeat-y;











	background-position: right bottom;











	margin: 0px;











	padding: 0px;











	width: 5px;











	vertical-align: top;











}











#footerbar {











	clear:both;











	width:100%;











	height: 30px;











	background-image: url(../images/bottombar.png);











	background-repeat: no-repeat;











	background-position: left top;











	margin: 0px;











	padding: 0px;











}











#footerbar .rightcorner {











	float:right;











	width:18px;











	height:18px;











	padding: 0;











	margin: 0;











	background-image: url(../images/rightcorner.png);











	background-repeat: no-repeat;











	background-position: right bottom;











}























/*All Modules*/











.moduletable h3











{











	text-indent:18px;











	margin:0;











	padding:5px 0px;











	color:#000;











	background-image: url(../images/moduleh3.png);











	background-repeat: no-repeat;











	background-position: left center;











	position:relative;











	font-family: "Lucida Grande", "Trebuchet MS", Tahoma;











	font-size: 1.16em;











	line-height: 2em;











	font-weight: bold;











}











.moduletable p











{font-size:1em;line-height:1.15em; color:#000000;}











.moduletable {







	padding: 0px 5px;







}























/*USER 4-5-6 Modules (top teasers)*/























a.linkS1 {text-decoration:none; width:274px; height:135px; text-indent:-50000em; background:url(../images/linkS1.png) no-repeat center; display:block; text-align:center; margin: 0px auto 0px auto;}











a.linkS2 {text-decoration:none; width:274px; height:135px; text-indent:-50000em; background:url(../images/linkS2.png) no-repeat center; display:block; text-align:center; margin: 0px auto 0px auto;}











a.linkS3 {text-decoration:none; width:274px; height:135px; text-indent:-50000em; background:url(../images/linkS3.png) no-repeat center; display:block; text-align:center; margin: 0px auto 0px auto;}











a.linkS4 {text-decoration:none; width:842px; height:162px; text-indent:-50000em; background:url(../images/headergraphic.png) no-repeat center; display:block; text-align:center; margin: 0px auto 0px auto;}



































.moduletableS1 {background:#000000; padding:5px;}











.moduletableS2 {background:#333333; padding:5px;}











.moduletableS3 {background:#0081BF; padding:5px;}











.moduletableS4 {background:#FFFFFF; padding:0px;}



































.moduletableS1 p, .moduletableS1 div, .moduletableS1 td, .moduletableS1 a, li.mostreadS1 a, li.mostreadS1 a:visited, li.latestnewsS1 a, li.latestnewsS1 a:visited {color:#FFF;}











.moduletableS2 p, .moduletableS2 div, .moduletableS2 td, .moduletableS2 a, li.mostreadS2 a, li.mostreadS2 a:visited, li.latestnewsS2 a, li.latestnewsS2 a:visited {color:#FFF;}











.moduletableS3 p, .moduletableS3 div, .moduletableS3 td, .moduletableS3 a, li.mostreadS3 a, li.mostreadS3 a:visited, li.latestnewsS3 a, li.latestnewsS3 a:visited {color:#FFF;}























.moduletableS1 h3 {color:#FFF; padding:10px 0px 10px 25px; background:url(../images/contentheading.png) no-repeat 8px 50%;}











.moduletableS2 h3 {color:#FFF; padding:10px 0px 10px 25px; background:url(../images/contentheading.png) no-repeat 8px 50%;}











.moduletableS3 h3 {color:#FFF; padding:10px 0px 10px 25px; background:url(../images/contentheading.png) no-repeat 8px 50%;}























#teasers .moduletable {











}























.back_button, .pagenav_prev, .pagenav_next {text-align:center;}























/*USER 5-6-7 Modules (bottom teasers)*/























td#teaserbottom .moduletable h3











{











	text-indent:20px;











	color:#FFF;











	background-image: url(../images/tbottomh3.png);











	background-repeat: no-repeat;











	background-position: left center;











	position: relative;











	font-family: "Lucida Grande", "Trebuchet MS", Tahoma;











	font-size: 1em;











	line-height: 2em;











	font-weight: bold;







	display: block;







	visibility: visible;







}























td#teaserbottom {











	border-top-width: 10px;











	border-top-style: solid;











	border-top-color: #0081BF;











	padding: 5px;











	margin: 0px;







	background: #181818 url(../images/teaserbottombg.png) repeat-x scroll bottom;







	clear: left;







	right: 0;







}







/* This next section controls the look of the footer */











#teaserbottom p, #teaserbottom div, #teaserbottom td {











	color: #FFFFFF;











	font-size: 12px;







}







































/*Joomla Specific Display*/











.small,.modifydate,.createdate {color: #999;text-align: left;font: 9px/11px Tahoma, Verdana, Helvetica;text-transform: uppercase;}











.createdate {top:-3px;}











.inputbox {color:#ccc;background:#fff;border: 1px solid #999;color:#333;}











.button {background:#666;border: 1px solid #000;color:#ccc;line-height: 100%;font-size: 0.75em;padding: 3px;}











.article_seperator {width:100%;height:16px;}











#contact_text {width:300px;}











table.contentpaneopen, table.contentpane, table.blog {border-collapse: collapse;padding: 0;margin: 0;width: 100%;}











ul.latestnews, ul.latestnewsS1, ul.latestnewsS2, ul.latestnewsS3, ul.mostread, ul.mostreadS1, ul.mostreadS2, ul.mostreadS3











{list-style:none;padding-left:8px;margin:0px;}























.mostread li, .mostreadS1 li, .mostreadS2 li, .mostreadS3 li,











.latestnews li, .latestnewsS1 li, .latestnewsS2 li, .latestnewsS3 li











{padding-bottom:2px;}











div div .syndicate div {margin:5px; padding:0;}



































/*Joomla Tables*/











td.sectiontableheader {color: #FFF;font-weight: bold; background:#222;height: 25px;padding: 4px;}











tr.sectiontableentry1 td {padding: 4px;background-color: #f8f8f8;}











tr.sectiontableentry2 td {padding: 4px;background-color: #F2F2F2;}











td.sectiontableentry1 {padding: 4px;background-color: #f8f8f8;}











td.sectiontableentry2{padding: 4px;background-color: #F2F2F2;}











.sectiontableentry2 a, .sectiontableentry1 a  {padding-left:5px;}























/*Read More Link Styles*/











a.readon, a.readon:hover{margin-top: 10px;display: block;float: right;line-height: 12px;background: url(../images/readon.gif) no-repeat left center;text-indent: 16px;}























/*Polls*/











table.pollstableborder td {padding:0; text-align:left; background:none;}











.pollstableborder td {text-align:left; font: 0.9em Arial, Helvetica, sans-serif; padding: 3px 0px 3px 5px; vertical-align:middle;}























/*Print and Email View*/











body.contentpane {background:#fff}























/*Keeps the blog tables from crowding*/











table.contenttoc {margin: 5px;padding: 0px;float:right;}























/*Article Index*/











table.contenttoc {margin:5px;padding:5px;}











table.contenttoc td {padding: 0 7px;}











table.contenttoc th {padding: 0px 10px;font-size: 1em;color: #ccc;background: #333;}























.contentheading {width:100%; white-space:nowrap;}























/*Content Links*/























td.contentheading, .contentheading {











	color:#000;











	text-align: left;











	text-decoration:none;











	font: normal 20pt/1.5em "Trebuchet MS", Geneva, sans-serif;



	font-variant:small-caps;







	background-image: url(../images/contentheading.png);











	background-repeat: no-repeat;











	background-position: left center;











	padding-top: 0;











	padding-right: 0;











	padding-bottom: 0px;











	padding-left: 18px;











}











a.contentpagetitle:link,a.contentpagetitle:visited {











	color:#000;











	text-align: left;











	text-decoration:none;











	font: normal 1.0em/1.0em "Trebuchet MS", Geneva, sans-serif;











}























a.contentpagetitle:hover {color:#0081BF;text-decoration:none;}











.componentheading {color:#0081BF;font:bold 1.07em/1.5em Arial, Helvetica, sans-serif;}



























































/*Some bonus custom styles*/











ol {margin-left:25px;}











blockquote {padding:5px; border: 1px dashed #cecece; background: #ececec; color:#323232; margin:3px; font-size:.90em;}











ul#checklist {padding-left:5px; list-style:none;}











#checklist li {background:url(../images/checklist.png) no-repeat left center; padding-left:16px; margin: .25em 0 .25em 0;}











.right{display:none;}























#headercontainer {











	height: 150px;











	width: 100%;/*inner element*/











	margin: 0px;











	padding: 0px;











	margin:0px;











	background-image: url(../images/headerbg.png);











	background-repeat: repeat-x;











}











#header {











	height:90px;











	width: 100%;/*inner element*/











	margin: 0px;











	padding: 0px;











	margin:0 auto;











}























/*Sidenav Menus must be set to flat list in order to be styled correctly otherwise sublevels get messed up*/











#leftcol ul#mainlevel-sidenav, #leftcol ul#mainlevel











{list-style:none;padding:0px 15px 0px 5px;position:relative;}











#leftcol ul#mainlevel-sidenav li a, #leftcol ul#mainlevel li a











{











text-decoration:none;











padding-left:10px;











padding-top:1px;











background: url(../images/sidenavup.png) no-repeat left center;











border-bottom: 1px solid #cacaca;











display:block;











font:bold 12px/24px Arial, Tahoma, Verdana, sans-serif;











color:#666666;











width:90%;











}











/*Sidenav Links*/











#leftcol ul#mainlevel a:hover, #leftcol ul#mainlevel a#active_menu, #leftcol ul#mainlevel-sidenav a:hover, #leftcol ul#mainlevel-sidenav2 a:hover, #leftcol ul#mainlevel-sidenav a#active_menu-sidenav, #leftcol ul#mainlevel-sidenav2 a#active_menu-sidenav2











{











text-decoration:none;











padding-left:10px;











padding-top:1px;











background:url(../images/sidenavover.png) no-repeat left center;











display:block;











font:bold 12px/24px Arial, Tahoma, Verdana, sans-serif;











color:#0081BF;











}











/*Sidenav Menus when used as a vertical (TABLED) style*/











#leftcol a.mainlevel:link,#leftcol a.mainlevel:visited,#leftcol a.mainlevel-sidenav:link,#leftcol a.mainlevel-sidenav:visited {











text-decoration:none;











padding-left:10px;











padding-top:1px;











padding-bottom:3px;











background: url(../images/sidenavup.png) no-repeat 0px 5px;











border-bottom: 1px solid #cacaca;











display:block;











font:bold 12px/16px Arial, Tahoma, Verdana, sans-serif;











color:#666666;











margin:0;











width:90%;











}











#leftcol a.mainlevel:hover, #leftcol a.mainlevel-sidenav:hover {











text-decoration:none;











padding-left:10px;











padding-top:1px;











padding-bottom:3px;











background:url(../images/sidenavover.png) no-repeat 0px 5px;











display:block;











font:bold 12px/16px Arial, Tahoma, Verdana, sans-serif;











color:#0081BF;











width:90%;











}











#leftcol a.mainlevel#active_menu, #leftcol a.mainlevel-sidenav#active_menu-sidenav {











text-decoration:none;











padding-left:10px;











padding-top:1px;











padding-bottom:3px;











background:url(../images/sidenavover.png) no-repeat 0px 5px;











display:block;











font:bold 12px/16px Arial, Tahoma, Verdana, sans-serif;











color:#0081BF;











}











#leftcol a.mainlevel#active_menu:hover, #leftcol a.mainlevel-sidenav#active_menu-sidenav:hover {











text-decoration:none;











padding-left:10px;











padding-top:1px;











padding-bottom:3px;











background: url(../images/sidenavup.png) no-repeat 0px 5px;











border-bottom: 1px solid #cacaca;











display:block;











font:bold 12px/16px Arial, Tahoma, Verdana, sans-serif;











color:#666666;











margin:0;











width:90%;







	list-style-type: none;







}











#leftcol a.sublevel, #leftcol a.sublevel-sidenav {











font:normal 12px/16px Arial, Tahoma, Verdana, sans-serif;











}























#navcontainer {











	background: url(../images/menubg2.png) repeat-x;











	height: 60px;











	padding: 0px 0px 0px 15px;











	overflow: hidden;











	position:relative;











}























#navbar {











	margin-top: -1px;











	padding: 0 0 0 2px;











	position: relative;











	height: 61px;











	background: url(../images/menubar.png) 0 0 no-repeat;











	font: normal 12px Arial, Helvetica, sans-serif;











	margin-left: -22px;











}























#navbar ul {











	margin: 0;











	padding: 0;











	float: left;











}























#navbar ul ul ul {











display:none;











}























#navbar li {











	padding: 0;











	margin: 0;











	float: left;











	display: block;











	background: url(../images/menubar.png) 100% 0 no-repeat;











}























#navbar li li {











	background:none;











}























#navbar li.mainlevel_current {



































}











#navbar ul ul li a {font-weight:bold;}























#navbar li ul {











	width: 100%!important;











	width:2500px;











	display: none;











	margin: 0;











	padding: 0;











	position: absolute;











	top:33px;











	height: 20px;











	left: 0;











	











}























#navbar a {











	color: #fff;











	text-decoration: none;











	cursor: pointer;











}























#navbar a:hover {











color: #ccc;























}











#navbar ul#mainlevel li a:hover {











background:#000 url(../images/navbar_over.png) right center no-repeat;











color:#fff;











}























#navbar ul#mainlevel ul li a:hover {











background:none;











color:#0081BF;











}



































#navbar li ul a:hover,











#navbar li.mainlevel_current ul a:hover {











	color: #000;











}























#navbar li:hover ul, #navbar li.sfhover ul {











	display: block;











	z-index: 6000;











}























#navbar li a {











	display: block;











	float: left;











	padding: 0 15px;











	height: 33px;











	line-height: 33px;











}























#navbar li:hover a, 











#navbar li.over a {











}











/* sub level links */























#navbar ul li {











	border-right: 0;























}











#navbar li ul a, #navbar li.mainlevel_current-navmenu ul a {











	display: block;











	float: left;











	color: #fff;











	font-weight: normal;











	padding: 0 10px;











	background: none;











	height: 25px;











	line-height: 25px;











}











.designer, .designer a, .designer a:visited {text-align:center; text-decoration:none; margin-bottom:10px; font:11px normal Arial, Helvetica, sans-serif; color:#666;}



































#navbar li:hover a, #navbar li.over a  {











background:#000000 url(../images/navbar_over.png) no-repeat scroll right center;











color:#FFFFFF;











}























#navbar li.over li a, #navbar li:hover li a  {











background:none;











color:#ffffff;}























#navbar li ul li a, #navbar li ul li:hover a, #navbar li ul li.over a  {











background:none;











color:#0081BF;}























fieldset {











border:none;}







.moduletablefooter a{



color:#ffffff;



margin:15px auto;



text-align:center;



text-decoration:none;



}







.moduletablefooter a:hover{



color:#3300FF;



margin:15px auto;



text-align:center;



}



















div.rsform fieldset {







border:1px solid;



margin-bottom:10px;



padding:0 0 10px 10px;



}



div.rsform fieldset legend {



background:#eee none repeat scroll 0 0;



font-size:16px;



font-weight:bold;



padding:7px 10px;



border:1px solid #000



}







div.rsform div.formCaption {







display:block !important;



float:left !important;



height:12px !important;



width:42% !important;



font-family:Arial; 



font-weight:bold; 



}







div.rsform strong.formRequired {







display:none; 



}







.gmnoprint{display: none;}







#inputArea



{



    font-family: Arial, Sans-Serif;



    font-size: 12px;



    background-color: #d6e5f4;



    padding: 10px;



	width:50%;



}







#inputArea input[type="text"], #inputArea textarea



{



    font-family: Arial, Sans-Serif;



    font-size: 12px;



    margin-bottom: 2px;



    display: block;



    padding: 4px;



    border: solid 1px #85b1de;



    width: 300px;



}



label

{

width: 300 px;

float: left;

text-align: right;

margin-right: 0.5em;

display: block

}





input

{

color: black;

background: white;

font-size:14px;

margin: 0.1em;

font-size: 14px;

border: 1px solid blue

}



.submit input

{

color: blue;

background: white;

border: 1px solid blue

} 

fieldset

{

border: 1px solid #781351;

width: 20em

}



legend

{

color: #fff;

background: #ffa20c;

border: 1px solid #781351;

padding: 2px 6px

}



#accordion  {

  margin: 20px 0 0;

  max-width: 400px;

}

  #accordion H2 {

    background: #6B7B95;

    color: white;

    cursor: pointer;

    font: 12px Helvetica, Arial, sans-serif;

    line-height: 16px;

    margin: 0 0 4px 0;

    padding: 3px 5px 1px;

  }

  #accordion .content {

    background-color: #F4F5F5;

  }

  #accordion .content p {

    margin: 0.5em 0;

    padding: 0 6px 8px 6px;

  }

#leftcolumn { width: 225px; border: 0px solid red; float: left; display:inline;}
#rightcolumn { width: 225px; border: 0px solid red; float: right;}