html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;} table {border-collapse: collapse;border-spacing: 0;}

/* Main Layout */
html {height: 100%;}
body { font:normal 13px/1.8em Arial, Helvetica, sans-serif;  }
.bgr {position: absolute;width: 100%;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:10px 0; font-weight:normal; color:#000;font-family:Arial, Helvetica, sans-serif;}
.componentheading {font-size:20px; line-height:20px; margin:0; padding:0 0 10px 0; color:#000}
h1{font-size:30px;}
h2 {font-size:25px;}
h3 {font-size:20px;}
h4 {font-size:18px;} h5 {font-size:18px;} h6 {font-size:18px;}
a,a.visited  {color: #ce5656;text-decoration: underline;}
a:hover{color:#000;text-decoration: none;}
ul {margin:0 0 0 15px;}
p {margin-top: 0;margin-bottom: 10px;}
blockquote {margin:5px; padding:5px; font-size:18px; font-family: "Times New Roman", Times, serif; font-style:italic}
element.style { height:auto;}
hr { width:100%; clear:both; border:none; height:2px; background:#eee; margin:0; padding:0;}
.clr {clear: both;}
.highlight { background:#e9ef48}
.white {
	color: #333;
	background-color: #fafafa;
	margin: 5px;
	padding: 5px 10px;
	border: 1px solid #f1f1f1;
}
.white:hover {
	color: #333;
	background-color: #fff;
}
.white h3, .dark h3, .flashed h3
{
margin: 0px -4px 7px -4px; padding: 4px; font-size: 150%; border-bottom: 1px solid #ccc; 
}
.dark {
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #f1f1f1;
}
.flashed { 
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #f1f1f1;
	color: #f1f1f1;
	background: #444;}
.flashed h3
{
	color: #f1f1f1; 
}
.dark, .white, .flashed { 	
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px ;
	border-radius: 5px ;
	-webkit-box-shadow: 0px 0px 2px #999;	
	-moz-box-shadow: 0px 0px 2px #999;
	box-shadow: 0px 0px 2px #999;}
	
/* Header */
#header {position:relative;margin:0 auto;padding:0; min-height:70px;}

#topheader  { margin-top: 10px;	padding:5px;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px ;
	border-radius: 5px ;
	-webkit-box-shadow: 0px 0px 4px #999;	
	-moz-box-shadow: 0px 0px 4px #999;
	box-shadow: 0px 0px 4px #999;}
#slide-w {margin:0 auto;padding:0; }
.logo {  left:0;}
.logo, .logo a { color:#fff; line-height:30px; font-size:30px; font-family:Arial, Helvetica, sans-serif; text-align:left; text-decoration:none;}
/* Login Module */
#form-login-username .inputbox,
#form-login-password .inputbox {
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 3px 10px;
}

#form-login-username .inputbox, #form-login-password .inputbox { width: 85%; }

#form-login p { margin: 0 0 5px; }

#form-login .button { margin: 10px 0; }
/* ++++++++++++++  login  ++++++++++++++ */

.login-fields
{
        margin:10px 0
}

.login-fields label
{
        float:left;
        width:9em
}

.login-description img,
.logout-description img
{
        float:left;
        margin-right:20px
}

.login-description,
.logout-description
{
        overflow:hidden;
                padding-left:5px;
                margin:20px 0 10px 0
}

.logout-description
{
        margin-bottom:20px
}

fieldset {
	margin: 10px 0 10px 0;
	padding: 0 10px 10px 10px;
}

legend {
	padding: 0 10px 0 10px;
	background: #ffffff;
}

form div { margin: 10px 0 10px 0; }

textarea { padding: 1px 0 1px 5px; }

option { padding: 0 0 1px 5px; }

input[type='hidden'] { display: none; }

input[type='text'],
input[type='password'] { padding: 1px 0 1px 5px; }

button,
input[type='button'],
input[type='submit'] {
	padding: 2px 4px 2px 1px;
	line-height: 100%;
}

input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select,
button { cursor: pointer; }

 
textarea,
input[type='text'],
input[type='password'],
select {
	border: 1px solid #c8c8c8;
	background: #ffffff;
}

 
textarea:hover,
input[type='text']:hover,
input[type='password']:hover,
select:hover { border-color: #aaaaaa; }

 
textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
select:focus {
	border-color: #8c8c8c;
	outline: 2px solid #dcdcdc;
}

.tip-wrap {
	display: none;
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #323232;
	font-size: 12px;
}

.tip-title {
	margin-top: -15px;
	padding: 15px 0 5px 0;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-weight: bold;
	font-size: 13px;
	
}

/* Menu*/
#nright {height:40px;  padding:0; margin-top:5px; position:relative; z-index:99; }
#nav {z-index:10; padding:0; margin:0 auto; height:42px;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px ;
	border-radius: 5px ;
	-webkit-box-shadow: 0px 0px 2px #999;	
	-moz-box-shadow: 0px 0px 2px #999;
	box-shadow: 0px 0px 2px #999;}
#nav ul {margin:0; padding:0;height:38px; float:left; margin-top: 2px;}
#nav ul li {list-style:none;float:left;position:relative; padding:0; margin:0; height:40px; line-height:38px; font-family:Arial, Helvetica, sans-serif;}
#nav ul li a { display:block;padding:0 15px; margin:0;line-height:38px;text-decoration:none;font-size:18px;}
#nav ul li.active a { color:#f1f1f1;height: 36px;background: #ce5656;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px ;
	border-radius: 5px ;
	-webkit-box-shadow: 0px 0px 2px #999;	
	-moz-box-shadow: 0px 0px 2px #999;
	box-shadow: 0px 0px 2px #999; }
#nav ul li:hover{}
#nav ul li:hover a, #nav ul li a:hover{color:#999; text-decoration:none;
}
/* SubMenu */
#nav ul li.active ul li span.li-l,#nav ul li.active ul li span.li-r { background:none}
#nav ul li ul {position:absolute;width:200px;left:-999em; margin: 0; padding:0;border-top:1px solid #bbb; }
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li:hover ul {left:200px; top:0px}
#nav ul li ul li {padding:0;height:auto;width:200px; margin:0; border:none;}
#nav ul li:hover ul li a {text-shadow:none;margin:0; padding:5px 0 5px 10px;line-height:18px;height:18px;border-left:1px solid #bbb;border-bottom:1px solid #bbb;border-right:1px solid #bbb;font-size:14px;font-weight:100;text-shadow:none;text-align:left;}
#nav ul li:hover ul li { background:none;}
#nav ul li ul ul, #nav ul li:hover ul ul,#nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em; padding:0; margin:-1px 0 0 0;border-top:1px solid #000;}
/* Search Module */
#search { position:absolute; top:15px; right:0px;}
#search .inputbox { background:#444; width:220px; height:30px; border:none; color:#f1f1f1; padding:0 0 0 10px; border:none; margin-right: 5px;}
#search .search_button {background:url(../images/search-button.png) 0 0 no-repeat; width:50px; height:32px; border:none; text-indent:-9999em; margin:0; cursor:pointer;}
/* Content */
#main { margin:0 auto; position: relative; }
#wrapper { margin:0 auto; position: relative;padding:0}
#main-content { clear:both;margin:0 auto;padding:0; }
#comp-i {padding:0 10px;}
.full { padding:10px 0;}
/* Content styles */
#archive {padding:0; margin:0;}
.archive {padding:0;}
.archive .article-count {color:#999;}
.blog-featured {}
.items-leading {position: relative; clear:both; margin:0 0 20px 0;  padding:0;}
.leading,.item { margin:0 0 20px 0; position:relative;}
.items-row {position: relative;clear:both;}
.item-separator {}
.item-page { position:relative}
.item-page-title {padding:0 70px 5px 0;}
.item-page-title, .item-page-title a {text-decoration:none;font-size:28px; line-height:28px;} 
.item-page-title a:hover {}
.buttonheading { position:absolute; top:5px; right:5px;}
.buttonheading .edit {float:right;margin:0 5px;}
.buttonheading .print { float:right; margin:0 5px;}
.buttonheading .email {float:right;margin:0 5px;}
.iteminfo {font-size: 12px;display:block;width: 100%; color:#ccc; margin:0;}
.iteminfo a {} .iteminfo a:hover {}
.iteminfo .category { padding:0 5px 0 0}
.iteminfo .sub-category {}
.iteminfo .create {}
.iteminfo .modified {}
.iteminfo .published {}
.iteminfo .createdby {font-weight:bold;}
.items-more {clear:both;} h3.items-more { font-size:14px; padding:0; margin:0;}
.items-more ol { margin:0 0 0 30px; padding:0}
table.category { width:100%}
/* Article Columns */
.cols-1 {width:100%; clear:both;}
.cols-2 .column-1{width:49%;float:left}
.cols-2 .column-2{width:49%;float:right;}
.cols-3 .column-1{width:32%;float:left}
.cols-3 .column-2{width:32%;margin-left:1%;float:left;}
.cols-3 .column-3{width:32%;float:right;}
.cols-4 .column-1{width:23%;float:left}
.cols-4 .column-2{width:23%;margin-left:1%;float:left;}
.cols-4 .column-3{width:23%;margin-left:1%;float:left}
.cols-4 .column-4{width:23%;margin-left:0;float:right}
.column-1, .column-2, .column-3, .column-4 { position:relative;margin:0 0 20px 0}
/* Contact styles */
th.item-title,th.list-title {padding:5px 2px; font-size:15px;text-align:left; font-weight:bold}
th.item-title a,th.list-title a{}
td.item-title,td.list-title {text-align:left; padding:3px 2px}
.contact label { width:100px;font-weight:bold; float:left}
.contact input { float:left;}
.contact .jicons-icons { float:left; padding:5px 10px 10px 0;}
.contact h3 { font-size:14px; padding:5px;}
.contact label { width:200px;}
.contact input { width:300px;}
.contact .checkbox input { width:10px;}
.contact textarea { width:300px;}
.contact .pane-toggler {display:block; cursor:pointer}
.contact .pane-toggler-down {display:block;cursor:pointer}
/* Module Spacing */
.spacer .module {float: left;}
.spacer.w99 .module {width: 100%;}
.spacer.w49 .module {width: 50%;}
.spacer.w33 .module {width: 33.3%;}
.spacer.w24 .module {width: 24.5%;}
/* Page NaRationaletion */
.readmore { padding:0; margin:0; line-height:16px;}
.readmore a { text-decoration:none; }
.readmore a:hover {}
ul.pagenav { display:block;} ul.pagenav li { list-style:none;}
.pagenav-prev { float:left;}
.pagenav-next { float:right}
#pagination {clear:both; text-align:center;  padding:0;}
.pagination { clear:both; text-align:center; padding:0;}
.pagination span,.pagination a{ background:none; padding:5px;}
.inputbox, input, textarea, select {background:#fff; border:1px solid #d4d4d4;}
/* Breadcrumbs */
.breadcrumbs { padding:0; margin:0 0 10px 0;}
.breadcrumbs a {}
.breadcrumbs .sep{ background:url(../images/arrow.png) 50% 50% no-repeat; padding:5px}
/* Sidebar */
#rightbar-w {float:right;  margin:0; }
#sidebar {padding:0}
#sidebar .module {padding:0 10px; margin:0 0 20px 0;}
#sidebar .module-title {font-size:30px; line-height:35px; color:#ce5656;  padding:0 0 0 10px; margin:0;}
#sidebar .module-body {margin:0; padding:0;}
#sidebar .module-body p{padding:0; margin:0;}
#sidebar .inner { margin:0; padding:5px 10px ; }
/* Sub and Side Menus */
ul.menu {
margin: 0px;
padding: 0;
}
ul.menu li {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu ul {
margin: 2px 0;
}
ul.menu ul li a {
text-indent: 7px;
}
ul.menu ul a {
background: none;
text-indent: 0;
}
ul.menu ul {
margin-left: 2px;
padding: 0;
}
ul.menu ul ul {
padding: 0;
margin-left: 10px;
}
ul.menu li li {
padding: 0;
margin: 0;
}
ul.menu ul a {
text-indent: 0;
}
ul.menu li a { padding: 1px 1px 5px 5px; text-decoration: none; }
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, ul.menu li.active .separator, ul.menu li.active li.active .separator {font-weight: bold;}
ul.menu li.active li a, ul.menu li.active li.active li a, ul.menu li.active li .separator, ul.menu li.active li.active li .separator {font-weight: normal;}
ul.menu li a:hover { background-color: transparent; text-decoration: none; }
ul.menu li.active li a,
ul.menu li.active li a:hover { background: transparent; }
ul.menu a { outline: none medium;  display: block; text-decoration: none;  }
#ol-leftcol ul.menu a, #ol-rightcol ul.menu a  { background-color: #f1f1f1; margin-bottom: 2px;}

/* Modules 1 */
#mods1{padding:0; margin:0 auto;clear:both;}
#mods1 .module { margin:0;padding:0;}
#mods1 .inner { padding:10px;}
#mods1 .module-title {margin:0;padding:10px 10px 0 10px;display: block; font-size: 20px; line-height: 15px; text-shadow:1px 1px #fff;}
#mods1 .module-body {padding:0; margin:0;}
#mods1 a {}#mods1 a:hover {}
#mods1 ul {margin:0; padding:0;}
#mods1 ul li {list-style:inside;  list-style:none;}
#mods1 ul li:hover {}
#mods1 ul li a { display:block; padding:0 0 0 20px; background:url(../images/dot.png) 0 50% no-repeat;text-decoration:none;}
/* Modules 2 */
#mods2{padding:0; margin:0 auto;clear:both; }
#mods2 .module { margin:0;padding:0;}
#mods2 .module-body {padding:0; margin:0;}
#mods2 ul {margin:0; padding:0;}
#mods2 ul li {list-style:inside; list-style:none;}
#mods2 ul li:hover {}
#mods2 ul li a { display:block; padding:0 0 0 20px; background:url(../images/dot.png) 0 50% no-repeat; text-decoration:none;}
/* Modules 3 */
#mods3{padding:0; margin:0 auto;clear:both;}
#mods3 .module { margin:0;padding:0;}
#mods3 .inner {padding:10px;}
#mods3 .module-title {margin:0;padding:10px 10px 0 10px;display: block;font-size: 20px; line-height: 15px; text-shadow:1px 1px #000;}
#mods3 .module-body {padding:0; margin:0;}
#mods3 ul {margin:0; padding:0;}
#mods3 ul li {list-style:inside; list-style:none;}
#mods3 ul li a { display:block; padding:0 0 0 20px; background:url(../images/dot.png) 0 50% no-repeat; text-decoration:none;}

/* Footer */
#bottom { margin:0 auto; padding: 10px; background: #444; color: #bbb; height: 30px;}
.copy { margin:0; padding:0 0 0 10px;float:right; }
.coright {margin:0; float:right;  }
/* MAIN NAVIGATION
--------------------------------------------------------- */
#ol-container,
#ol-container-bodyr,
#ol-container-bodyl,
#ol-container-body {
	clear: both;
	padding: 0;
}

#ol-content {
	padding: 10px;
}
/* CONTENT COLUMN
--------------------------------------------------------- */
#ol-mainbody {
	float: left;
	width: 75%;
}
#ol-mainbody #ol-contentwrap {
	float: right;
	width: 70%;
}
#ol-mainbody-bodyl {
	float: left;
	width: 75%;
}
#ol-mainbody-bodyl #ol-contentwrap {
	float: left;
	width: 100%;
}
#ol-mainbody-bodyr {
	float: left;
	width: 100%;
}
#ol-mainbody-bodyr #ol-contentwrap {
	float: right;
	width: 75%;
}
#ol-mainbody-bodyr #ol-leftcol {
	width: 25%;
}
#ol-mainbody-body {
	float: left;
	width: 100%;
}
/* LEFT COLUMN
--------------------------------------------------------- */
#ol-leftcol { float: left; width: 29.99%; padding-top: 10px; }
#ol-leftcol div.moduletable {  padding: 0 10px 10px; }
/* RIGHT COLUMN
--------------------------------------------------------- */
#ol-rightcol { background-color: transparent; float: left; width: 25%; padding-top: 10px; }
#ol-rightcol div.moduletable {
	margin-bottom: 5px;
	padding: 5px 0 10px;
	width: 92%;
}
/* System Messages */
#system-message    { margin: 0; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin: 0; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
#error {padding:20px;}
#error  .error { color:#FF0000; background:#fff; display:block; padding:10px;}
/* Tooltips */
.pctlc{margin: -23px 0 0; padding:0;text-indent: -9999em;}
.tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px;}
.tip-title {padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px;}
.tip-text {font-size: 100%; margin: 0;}

/* begin Button */
.ju-button-wrapper .ju-button{font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 12px; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: left;  text-decoration: none !important; color: #ce5656 !important; width: auto; outline: none; border: none; background: none;line-height: 30px; height: 30px; margin: 0 !important;padding: 0 14px !important; overflow: visible; cursor: pointer; z-index: 0;}
.ju-button img, .ju-button-wrapper img{ margin: 0; vertical-align: middle;}
.ju-button-wrapper{  vertical-align: middle; display: inline-block; position: relative; height: 30px; overflow: hidden;white-space: nowrap;width: auto; margin: 0;padding: 0; z-index: 0;}
.firefox2 .ju-button-wrapper{ display: block; float: left;}
.ju-button-wrapper.hover .ju-button, .ju-button:hover{ color: #000 !important;text-decoration: none !important;}
.ju-button-wrapper.active .ju-button{color: #000 !important;}
.ju-button-wrapper .l, .ju-button-wrapper .r{ display: block; position: absolute; z-index: -1; height: 90px; margin: 0; padding: 0; background-image: url('../images/button.png');}
.ju-button-wrapper .l{ left: 0; right: 8px;}
.ju-button-wrapper .r{width: 409px; right: 0; clip: rect(auto, auto, auto, 401px);}
.ju-button-wrapper.hover .l, .ju-button-wrapper.hover .r{top: -30px;}
.ju-button-wrapper.active .l, .ju-button-wrapper.active .r{top: -30px;}
.ju-button-wrapper input{float: none !important;}
/* end Button */

/* Slideshow */

#slideshow {
	margin: auto; padding: 10px;margin-top: 10px;
	-webkit-border-radius: 5px ;
	-moz-border-radius: 5px ;
	border-radius: 5px ;
	-webkit-box-shadow: 0px 0px 2px #999;	
	-moz-box-shadow: 0px 0px 2px #999;
	box-shadow: 0px 0px 2px #999;
}
#olweb {
	padding: 0px 0 0px 0;
	clear: both;
	font: 30px;
	right: 10px;
	bottom: 10px;
	position:absolute;
}

#slides {
	padding: 0px 0 0px 0;
	clear: both;
	position:relative;
}


.slides_container {
	overflow:hidden;
	position:relative;
	z-index: 1;
}

.slides_container a,
.slides_container img {
	display: block;
}

#slides .next,
#slides .prev {
	position:absolute;
	top: 0px;
	left: 0px;
	width:38px;
	height:38px;
	background-image:url(../images/slides_arrows.png);
	z-index:10;
}

#slides .next {
	left:10px;
}

.slides_nav {
	display: none;
}


.slides_nav a.prev {
	background-position: 0 0;
	margin: 10px 0 0 0px;
}

.slides_nav a:hover.prev {
	background-position: 80px 0px;
}

.slides_nav a.next {
	background-position: 160px 0;
	margin: 10px 0 0 30px;
}

.slides_nav a:hover.next {
	background-position: 40px 0px;
}

#slides ul.pagination {
	border: 0;
	position: absolute;
	z-index: 10;
	margin: -36px 0 0 10px;
}


#slides ul.pagination li {
	float:left;
	margin: 0;
	list-style:none;
}

#slides ul.pagination li a {
	display:none;
	width:3px;
	height:0;
	padding-top:12px;
	margin-left: 4px;
	background: url(../images/slides_arrows.png) 0 160px;
	float:left;
	overflow:hidden;
}

#slides ul.pagination li.current a {
	background: url(../images/slides_arrows.png) 188px 160px;
}