/* OpenID icon style */
input.system-openid, input.com-system-openid {
   background: url(http://openid.net/images/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; 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-bottom: 10px; list-style: none; padding: 10px;}

/* 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;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption.left {
	float: left;
	margin-right: 1em;
}

.img_caption.right {
	float: right;
	margin-left: 1em;
}

.img_caption.left p {
	clear: left;
	text-align: center;
}

.img_caption.right p {
	clear: right;
	text-align: center;
}

.img_caption  {
text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}

.caption.left {
	float: left;
	margin-right: 1em;
}

.caption.right {
	float: right;
	margin-left: 1em;
}

.caption.left p {
	clear: left;
	text-align: center;
}

.caption.right p {
	clear: right;
	text-align: center;
}

.caption.none {
	margin-left:auto;
	margin-right:auto;
}

.caption  {
	text-align: center!important;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
/*Global Resets*/
* {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,blockquote,label,ul,ol,dl,fieldset,address {margin:0.5em 0;padding:0;}
p {margin:1em 0;}
fieldset {padding:.5em;}
img {border:0;}
a img {border:0;}
ul, li {margin-left:0;padding:0;}
table {font-size:1em;}


/**********************/
/*Clearfix for FF float problem*/
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/* End hide from IE-mac */
li{list-style-type:none;}

body{
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
font-size: 14px;
} 
#pageoverall {float:left; width: 100%}

#fond_haut{display:block;height:130px;margin:auto;}

/*Layout CSS*/
/*font sizes*/
body.smallfonts {font-size:12px;}
body.mediumfonts {font-size:14px;}
body.largefonts {font-size:16px;}

/*menu area*/
#menuwrapper {z-index:200; margin-top: 95px;float:left; width:100%;/* background: url(../images/sf-mid.png) repeat-x 0 50%;*/}
#menuwrapper-inner { margin: 0 auto; /*background: #fff;padding: 20px 0;border: 4px solid #bbb;*/}


/*header*/
#headerwrapper {width:100%; float:left;z-index:0; }
#headerwrapper-inner {margin: 0 auto; color:#fff;padding:10px 0 0px 0;}
#headertop {background: url(../images/header-top.png) no-repeat 50% 0%;padding-top:21px;}
#headerbot {background: url(../images/header-bottom.png) no-repeat 50% 100%;padding-bottom:21px;}
#headermid {background: #111;}


/*topmodule*/
#topmodule {width:100%; float: left;}
#topmodule-inner{padding-top:30px; margin: 0 auto;}
#top2module-inner {padding-top:20px;}


/*Users 1-3*/
#topusers-area {float:left;width:100%;  margin-top:30px;}
#topusers-area-inner {margin: 0 auto;}
#topusers {width:100%; float:left;}
#topusers-r{width:100%;height:0px;}
#topusers-mid{color:#fff;padding:20px; background: #333; }

/*Main Area - Main Content - Left, Right, Outer-Left, Outer-Right ( Users 4 and 5 also ) */
#outer-container {width:100% ; float:left;  margin-top: 5px;
}
#outer-container-2 {margin:auto; padding:0;}

/*Users 4-5*/
#users45{ width:100%;float:left;position:relative;z-index:0;
} 
#users45-inner {padding:0 10px;
}

/*Users 6-9*/
#bottom-users-area {float:left; width:100%;color:#666;}
#bottom-users-inner {margin: 0 auto;}
#bottom-users {width:100%; float:left;  /*draw it up*/}
#bottom-users-r{width:100%;height:0px;}
#bottom-users-mid{padding:20px;}


/*Users 10-13*/
#bottom-users-2 {float:left; width:100%; }
#bottom-users-2-shade {float:left; width:100%; }
#bottom-users-2-frame {margin: 0 auto;}
#bottom-users-2-inner {}
#bottom-users-2-inner2 {padding:20px 20px 0px 20px;background: #999; color:#ddd;}

/*bottom fixed*/
#bottomwrapper {float:left;position:fixed;bottom:0;background: url(../images/shadedbg.png); z-index:200;padding:10px 0; text-align:center;}
#bottomwrapper2 {position:fixed;bottom:0;width:100%;z-index:200; text-align:right;}
.backtotop {float:right;}


#inner-pad { width:100%;
float:left;


}
#inner-pad-border {background:#fff;border:0px dashed #CCC; float:left; width:100%;padding-bottom:10px;
}
/*Outer Columns*/
/*Outer Left*/
#outercolumn-l{ 


/**/
float: left;
height:100%;
padding:0;

}
#outerpad-l{
position:relative; 
z-index:2;
height: 100%;
}
/*Outer Right*/
#outercolumn-r{ 
/**/
float: right;
height:100%;
padding:0;


}
#outerpad-r{
position:relative; 

height: 100%;
}
/*needful*/
.outer-mod{width:100%; 
	padding-top: 25px;

}
/**/

/*Left & Right Columns*/
#leftcolumn{
float: left;
position:relative;


}

#left-mod{
	padding-top: 15px;

}

#rightcolumn{
float: left;
position:relative;

}
#right-mod{
	padding-top: 15px;

}

#contentframe {width:100%; float:left;
}

#contentcolumn{border:1px dotted #CCC
/*	min-height:500px; */
}

#mainbody-pad{
	padding:20px;
}

/*toolbarframe*/
#toolbarframe {width:100%; float:left;background: #333;}
#toolbarframe-inner {margin: 0 auto; height: 35px;margin-top: 0px;}

/*breadcrumb*/

#breadcrumb {text-align:left; font-size:11px;color:#666;float:left; width:100%;padding-top: 0px;margin-top:-1px}
#breadcrumb-inner {margin:0 auto;margin-left:10px;margin-top:5px}
#breadcrumb a:link, #breadcrumb a:visited {color: #666; font-weight: normal; border-bottom: 0px dotted #fff;}
#breadcrumb a:hover {color:#990000;border-bottom: 1px dotted #990000;}

/*Social Icons*/
#social_icons {text-align:left;padding:5px;width:30px;margin-top: 50px;position:fixed;}

/*logo*/
#logo_frame {position:relative;height:0px;width:100%;top:-95px;}
#logo {border:0px solid #CC0000;height:145px;width:450px;background: url(../images/logo.png) no-repeat;position:absolute; left:0px;}
#logo2 {border:0px solid #CC0000;height:145px;width:145px;background: url(../images/logo2.png) no-repeat;position:absolute; right:10px;top:10px}

/*small logo*/
#small_logo_frame {width: 100%;}
#small_logo {background: url(../images/purejoomla.png) no-repeat; height:22px; width: 193px; margin:0 auto;}


/*banner*/
#banner_frame {position:relative;height:0px;width:100%;top:17px;}
#banner {margin:0 auto; position:relative;}
#banner-inner {position:absolute;right:0;}


/*pjsearch*/
#pjsearch_frame {position:relative;height:0px;width:100%;z-index:201;}
#pjsearch_inner {height:60px;position:absolute;top:-90px;left:70px;}
#pjsearch-area {height:0;right:0px;position: relative;z-index:2001; }
#pjsearch-button {position:relative;top:100px;right:65px;
	font-size: .8em;text-transform:uppercase;
	color:#fff;font-weight:normal; background: url(../images/readon-arrow.png) no-repeat right 50%; 
	margin-right: 15px;
	padding-right: 15px;}
#pjsearchbox { position: absolute; display: none; right:-60px; top: 105px; padding: 0; background: url(../images/pjsearch-bg.png) no-repeat; width: 191px; height: 62px; }
#pjsearch_frame input{border:0;color:#ddd;background: none;padding-left:28px;margin-top:15px;}
#pjsearch-button:hover  {
	border-bottom: 1px dotted;
	}
/*pjlogin*/
#pjlogin_frame {position:relative;height:0px;width:100%;z-index:200;}
#pjlogin_inner {height:10px;position:absolute;top:-40px;left:90px;}
#pjlogin-area {height:0;right:0px;position: relative;z-index:2001; }
#pjlogin-button {position:relative;top:50px;right:15px;	
	font-size: .8em;text-transform:uppercase;
	color:#fff;font-weight:normal; background: url(../images/readon-arrow.png) no-repeat right 50%; 
	margin-right: 15px;
	padding-right: 15px;}
#pjlogin-button:hover  {
	border-bottom: 1px dotted;
	}
#pjloginbox {font-size: 10px; position: absolute; display: none; left:-30px; top: 55px; padding: 0; background: url(../images/pjlogin-bg.png) no-repeat; width: 322px; height: 200px; padding-top:25px;}

#pjlogin_frame #form-login {text-align:center;line-height: 28px;color:#fff;}
#pjlogin_frame #form-login-password  {position:relative; height: 40px; left: 110px; top: -50px;margin:0;text-align:left;}
#pjlogin_frame #form-login-username  {position:relative; height: 40px; left:0; top:-10px; margin:0;text-align:left;}
#pjlogin_frame label {margin-left:20px; color:#ddd;}
#pjlogin_frame #form-login .button /*logout button*/{position:relative; top:0px; left: 0px;border:2px solid #666; background: #333;}
#pjlogin_frame #form-login fieldset .button /*login button*/{position:relative; top:-110px; left: 115px;border:2px solid #666; background: #333;}
#pjlogin_frame input {color:#fff;}

#pjlogin_frame #form-login-remember {visibility:hidden;}
#pjlogin_frame #form-login-username input,#pjlogin_frame #form-login-password input {border:2px solid #666; background: #000;margin-left:20px;}
#pjlogin_frame li{visibility:hidden;}

/*pjaddthis*/
#pjaddthis_frame {float:left;margin-left:200px;height:20px;margin-top:7px;z-index:200;color:#CCC;border:0px solid #CCC}

/*footer*/
#footer-wrapper {color: #666; font-size:12px;width:100%;}
#footer-outer {width:100%; float:left;margin-top:10px;margin-bottom: 5px;}
#footer-inner { margin:0 auto; color:#555;padding: 15px 0;margin-bottom:15px;position:relative;background: #666;}
#footer-inner a{color:#fff;}
#footermod {text-align:center;}
#footermod .moduletable {background: #CCC;}
#footermod .moduletable a:hover{background: #CCC;border-bottom:1px dotted;}

/*footerusers*/
#footerusers {font-size:.85em;margin-bottom:10px}
/*Links*/
a:link, a:visited {text-decoration:none;outline:none;border-bottom:none; color:#000;font-weight:600;}
#bottom-users-2 a:link,#bottom-users-2 a:visited,#bottom-users a:link,#bottom-users a:visited {text-decoration:none;outline:none;border-bottom:none; color:#fff;}

a:hover{text-decoration:none;border-bottom:0px dotted;}
span.Tips2, a.linker:link,a.linker:visited {padding-left:18px;background: url(../images/linker.png) 0 50% no-repeat;border-bottom:none;font-weight:bold;}
span:hover.Tips, a.linker:hover {text-decoration:none;border-bottom:1px dotted;}
ul li a:link {}
ul li a:hover {}
.contentpaneopen .buttonheading a{padding-right:3px;border-bottom:none;}
.contentpaneopen .buttonheading a:hover {padding-right:3px;border-bottom:none;}
.contenttoc {margin:8px;}

/*lists*/
ul li,  ul {list-style: none; text-indent:10px;}
li { padding-left: 7px;}
ul li, .anythingSlider ul li ul li {background:url(../images/indent3.png) no-repeat 6px 9px;padding: 4px 0 4px 10px; }

/*active linked lists*/
ul.mostread li a, ul.latestnews li a, ul#mainlevel li a, ul.menu li a  {display:block;width:100%;font-size:.9em;font-weight:normal;padding: 5px 0 5px 10px;}
ul.mostread li, ul.latestnews li, ul#mainlevel li, ul.menu li  {padding:0;}

/*Typography*/
h1 {font-size:1.5em; color:#111111;}
h2 {color:#007FB2;font-size:1.3em}
h3 {color:#990000;font-size:1.2em;font-weight:normal; line-height:1.8em;}
h4 {color:#555;font-size:1.2em}
h5 {color:#000;font-style:italic;font-size:1.2em}
h6 {color:#990000;font-size:1.1em}
.huge-white {font-size:2.8em; color: #fff; line-height: 1.2em;}
.huge-white-highlight {font-size:2.4em; color: #fff; line-height: 2.4em; background:#000; padding: 0 10px;}
.contentheading,a.contentpagetitle {color:#666;font-size:1.8em;line-height:1.0em;font-weight:bold;/* background: url(../images/title-bg.png) no-repeat;*/ text-indent:0px;height:40px;}

.componentheading {color:#111111;font-size:2.0em;font-weight:bold; line-height:1.2em;}
div.componentheading {color:#000;font-size:1.8em;font-weight:bold; text-transform: uppercase; line-height:1.2em;}
td.componentheading, td.componentheading a, a.contentpagetitle{color:#666;font-size:1.2em;font-weight:bold;line-height:1.2em;}


table.contentpaneopen tbody tr td div{padding-top:10px;}
.sectiontableheader {background:transparent;}
#userscont2 .mosimage_caption{color:#90AA82;}
.small, .createdate, .modifydate {color:#999;font-size:.8em;}
pre, .code {padding: 10px 15px;background: #eee;margin: 5px 0 15px;border-top: 5px solid #ddd;border-bottom: 5px solid #ddd; color:#333;}
.dropcap {float: left;padding:7px 7px 0 0;display: block;color: #000; font:60px/40px Arial;}
.attn {font-weight:bold;padding-left: 30px;color:#111111;background:#ddd url(../images/accents/attn.png) no-repeat 3px 50%;border-top: 5px solid #ccc;border-bottom: 5px solid #ccc;margin-bottom:8px;}
.info {font-weight:bold;padding-left: 30px;color:#111111;background:#ddd url(../images/accents/info.png) no-repeat 3px 50%;border-top: 5px solid #ccc;border-bottom: 5px solid #ccc;margin-bottom:8px;}
.tip {font-weight:bold;padding-left: 30px;color: #111111;background:#ddd url(../images/accents/tip.png) no-repeat 3px 50%;border-top: 5px solid #ccc;border-bottom: 5px solid #ccc;margin-bottom:8px;}
.highlight {color:#fff; padding: 0 5px;background:#0DB1FD;;font-weight: normal;}
ul.checklist {list-style: none;}
li.checklist {margin-left: 3px;padding: 0px 0 12px 18px;background: url(../images/accents/check.png) no-repeat 0px 0px;}
li.checklist ul li {background:url(../images/indent2.png) no-repeat 0 3px;padding:0 0 2px 14px; font-size: .9em;}
.bubble {clear: both;padding: 5px 15px 10px;position: relative;}
.bubblenum {float: left;margin-right: 8px;padding: 6px 7px;display: block;color: #666;
background: url(../images/accents/big_number.png) no-repeat top left;font: 20px/normal Arial, sans-serif;font-weight: bold;}
ol li {margin-left: 35px;line-height: 170%;list-style:decimal;font-weight:normal;}
#system-message {
	font-size : 14px;
	color : #990000;
	text-align: center;
	width: auto;
	background-color: #FFF;
	border: solid 3px #990000;
	-moz-border-radius:15px;
	border-radius:15px;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

#system-message dt.error {background:#FFF; font-weight:bold;border:none;font-size:120%;margin:0px;margin-bottom:10px}
#system-message dt.message { display: none; }
#system-message dd.message { color: #003300; }
#system-message dd.notice { color: #006699; }
#system-message dt.notice { display: none; }
#system-message ul,#system-message dd {margin:0}
#system-message li { background:none;font-weight:bold;}

/*tables*/
tr.sectiontableentry1 td,td.sectiontableentry1, td.sectiontableentry1solid {padding: 6px;background-color:transparent;}
tr.sectiontableentry2 td,td.sectiontableentry2, td.sectiontableentry2solid {padding: 6px;background: url(../images/tables.png);}
td.article_column {padding:0 4px;}
/* polls table IE fix*/
.pollstableborder {text-align:left;}
.poll thead tr td{padding-bottom:10px;}
.poll .button {margin-top: 10px;}
/*table of contents*/
table .contenttoc { background: #eee; float: right; margin:10px; padding: 10px;}

/*imput box, readon, buttons*/
.inputbox, .inputbox-2, textarea, .regpro_inputbox {color:#000;border: #ccc 1px solid;background:#eee; font-size:1em;margin-right: 5px;padding:4px;margin:3px 0;}
fieldset{border:0;}

a.readon {float:right;text-indent:0px;border:0;color:#000; font-weight: bold; 
padding:6px 12px;font-size:1.2em;background: #efefef; border: 1px solid #999;}
.readon:hover {background: #333; color: #fff;}

.button, .regpro_button{font-size: .9em;border: #ccc 1px solid;background:#ddd; color: #333;
padding:4px;font-size:1em;margin: 3px 0;
}

/*CSS for Module Space Splitting*/
.userahalf {float: left;overflow: hidden;width: 49.999%;}
.userbhalf {float: right;overflow: hidden;width: 48.5%; padding-left:.5%; padding-right:.75%;}
.userathird {float: left; overflow: hidden; width: 32.5%;padding-left: .35%;padding-right:.32%}
.userbthird {padding-left: .35%; padding-right: .32%;float: left;overflow: hidden;width: 32.5%; }
.userafourth {float: left;overflow: hidden;width: 25%;padding-right:.45%;padding-left:.3%;}
.userbfourth {padding-left: .3%; padding-right: .35%;float: left;overflow: hidden;width: 24%; }
.usersbinner3{width:100%;}


/*IMAGE FORMATTING*/
img.frame, #pj_news_articles .image img   {padding:8px;background: #ddd; text-align:center;border: 1px solid #0DB1FD; margin:0 8px 4px 12px;}
p img  { border: 0;}

#inner-pad #pj_news_articles .image img, #inner-pad img.frame {border: 1px solid #0DB1FD;}


/* ToolTips */
.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
.tool-title {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	color: #fff;
	padding: 12px 15px 4px;
	background: url(../images/bubble.png) no-repeat top left;
	border-bottom:#222 solid 0px;
}
.tool-text {
	font-size: 12px;
	padding: 8px 15px 20px 15px;
	background: url(../images/bubble.png) no-repeat bottom left;
}

/*TopPanel*/
.panel_button {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 150px;
	height: 40px;
	background: url(../images/tools/toolstab.png) no-repeat bottom;
	cursor: pointer;
	top:0px;
}
.panel_button a {
	text-decoration: none;
	color: #6D7B8D;
	position: relative;
	line-height:25px;
	z-index:5002;
}
.panel_button a:hover {
	color: #fff;
}

#toppanel-frame {position:relative; height:0;z-index:1;width:100%;top:-10px;}
#toppanel {font-size: 12px;color:#90AA82;}
#toppanel a {color:#999;font-weight:normal;}
#toppanel a:hover {color:#fff}
#toppanel .moduletable {padding: 0 10px;}
#toppanel {
	position: absolute;
	width: 100%;
	right: 0px;
	top:0px;
	text-align: center;
	z-index:5002;
}
#panel {
	position: relative;
	top: 0px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;	

}
#panel_contents {
	background:#000;
	height: 100%;
	position: absolute;
	z-index: -1;	
	width:100%;
	
}
#panel .inputbox {background:#000; border: 1px solid #999;color:#fff}

/* footermenu 
---------------*/
#footermenu {
float:left;width:100%;background:#CCC;clear:both;text-align:center
	}
	
#footermenu ul.menu { 
	margin:0px;padding:0px;display:inline-block;border:0px solid #000;
	}
	
	#footermenu ul.menu li {
		display:inline;
		float:left;
		font-size:1em;
		padding-left:5px;padding-right:10px;
		margin:0px;
		list-style-type:none;}
	#footermenu ul.menu li span{padding:0px}
		#footermenu ul.menu li a {font-weight:bold;
			color:#000;}
			#footermenu ul.menu li a:hover {
				text-decoration:none;
				color:#990000;}
		
		#footermenu ul.menu li:first-child {
			border:0px solid #000;background:none;padding-left:0px;
			}

.footerend{width:100%;clear:both;height:15px;line-height:15px}
.article_separator {
	clear: both;
	display: block;
	height: 5px;
}/*Toolbar States*/
.toolshoriz li a{display:block;float:left;}

.toolspace{position:relative;height:0;}
#toolset{background:transparent;height:0;position:absolute;right:0;}
	#toolarea{height:0;padding-top:0px;}
		#tools{height:30px;padding-left:15px;}
		#tools ul {display:inline;height:30px;margin:0;}
		#tools li {	height:30px; overflow:hidden;display:inline;background: none;margin: 0;padding: 0 0px 0 0;}
		#tools li a {height:0;overflow:hidden;background-position: 0 0;background-repeat:no-repeat;font-size:0px;text-indent:0;padding: 0 2px;padding-top:30px;}
		#tools li a:hover {background-color:transparent;}

/* Open/Close Toolbox */
#toolbox {height:0px;background:#fff;float:left;}
#toolbutton {padding-top:7px;height:30px;}

/*Width Setting buttons*/

#tools li a#spacera {background-image:url(../images/tools/spacer.png); width:30px; background-position: 0 0;}


#tools li a#Width_75 {background-image:url(../images/tools/w_75.gif); width:30px; background-position: 0 -60px;}
#tools li a#Width_85 {background-image:url(../images/tools/w_85.gif); width:30px; background-position: 0 -60px;}
#tools li a#Width_95 {background-image:url(../images/tools/w_95.gif); width:30px; background-position: 0 -60px;}
#tools li a#Width_650 {background-image:url(../images/tools/w_650.gif); width:30px; background-position: 0 -60px;}
#tools li a#Width_770 {background-image:url(../images/tools/w_770.gif); width:30px; background-position: 0 -60px;}
#tools li a#Width_930 {background-image:url(../images/tools/w_930.gif); width:30px; background-position: 0 -60px;}

#tools li a#t_Width {background-image:url(../images/tools/w_thin.gif); width:30px; background-position: 0 -60px;}
#tools li a#w_Width {background-image:url(../images/tools/w_wide.gif); width:30px; background-position: 0 -60px;}
#tools li a#tf_Width {background-image:url(../images/tools/w_tfluid.gif); width:30px; background-position: 0 -60px;}
#tools li a#wf_Width {background-image:url(../images/tools/w_wfluid.gif); width:30px; background-position: 0 -60px;}

/*Color Scheme buttons*/
#tools li a#color2 {background-image:url(../images/tools/2.png); width:30px;  background-position: 0 -60px;}
#tools li a#color1 {background-image:url(../images/tools/1.png); width:30px; background-position: 0 -60px;}
#tools li a#color3 {background-image:url(../images/tools/3.png); width:30px; background-position: 0 -60px;}
#tools li a#color4 {background-image:url(../images/tools/4.png); width:30px; background-position: 0 -60px;}
#tools li a#color5 {background-image:url(../images/tools/5.png); width:30px;  background-position: 0 -60px;}
#tools li a#color6 {background-image:url(../images/tools/6.png); width:30px; background-position: 0 -60px;}
#tools li a#color7 {background-image:url(../images/tools/7.png); width:30px; background-position: 0 -60px;}
#tools li a#color8 {background-image:url(../images/tools/8.png); width:30px; background-position: 0 -60px;}

/*Font Size buttons*/
#tools li a#sfonts {background-image:url(../images/tools/sfonts.png); width:30px; background-position: 0 -60px;}
#tools li a#mfonts {background-image:url(../images/tools/mfonts.png); width:30px; background-position: 0 -60px;}
#tools li a#lfonts {background-image:url(../images/tools/lfonts.png); width:30px; background-position: 0 -60px;}

/*Hover States Positioning*/
#tools li a#color2:hover,#tools li a#color1:hover,#tools li a#color3:hover,#tools li a#color4:hover,#tools li a#color5:hover,#tools li a#color6:hover,#tools li a#color7:hover,#tools li a#color8:hover,
#tools li a#sfonts:hover,#tools li a#mfonts:hover,#tools li a#lfonts:hover,#tools li a#t_Width:hover,#tools li a#w_Width:hover,#tools li a#tf_Width:hover,#tools li a#wf_Width:hover,
#tools li a#Width_75:hover,#tools li a#Width_85:hover,#tools li a#Width_95:hover,#tools li a#Width_650:hover,#tools li a#Width_770:hover,
#tools li a#Width_930:hover
{background-position: 0 0px; }
/*Active State Positioning*/
#tools li a#color2.active-option,#tools li a#color1.active-option,#tools li a#color3.active-option,
#tools li a#color4.active-option,#tools li a#color5.active-option,#tools li a#color6.active-option,#tools li a#color7.active-option,
#tools li a#color8.active-option,#tools li a#sfonts.active-option,#tools li a#mfonts.active-option,#tools li a#lfonts.active-option,
#tools li a#t_Width.active-option,#tools li a#w_Width.active-option ,#tools li a#tf_Width.active-option,#tools li a#wf_Width.active-option ,
#tools li a#Width_75.active-option,#tools li a#Width_85.active-option,#tools li a#Width_95.active-option,#tools li a#Width_650.active-option,
#tools li a#Width_770.active-option,#tools li a#Width_930.active-option
{background-position: 0 -30px; }

/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

/* General Forsm Styles */

label { 
	font-weight: normal;
	vertical-align:top;
	width:160px;
	display:inline-block}

fieldset { 
	-moz-border-radius:15px;
	border-radius:15px;
	padding:1.4em;
	margin: 1em 0 1.5em .2em; 
	border:1px solid #333;}
	
legend  { 
	font-size:1.5em;
	-moz-border-radius:15px;
	border-radius:15px;
	color:#333;
	background:#FFF;
	border:1px solid #333;
	padding:0.3em 1em 0.4em}

/* Text fields */
.inputbox {
	background-color: #CCC;
	-moz-border-radius:15px;
	border-radius:15px;
	border:1px solid #333;
	margin:0 0.25em 0 0;
	color:#000;
	padding:3px 5px;}
	
	.inputbox:hover,
	.inputbox:focus {
	-moz-border-radius:15px;
	border-radius:15px;
		border-color:#CCC;
		}
/*	
textarea { 
	-moz-border-radius:15px;
	border-radius:15px;
	background-color: #CCC;
	border:1px solid #333;
	margin:0 0.25em 0 0;
	color:#000;
	padding:3px 5px;
	overflow:auto;
	}
	
	textarea:hover,
	textarea:focus { 
	-moz-border-radius:15px;
	border-radius:15px;
		border-color:#CCC;
		}
*/

select {
	color:#000;
	background-color: #111;
	border:1px solid #333;
	outline:none;}
	select:focus { }
	
input[type='radio'], input[type='checkbox'] {margin-top:10px}

/* Other */
form p img {
	float:none;
	margin:0;
	vertical-align:middle}


/* Success, Notice and Error Form Messages */
.success,
.notice,
.error { 
	-moz-border-radius: 15px;
	-webkit-border-radius:15px;
	border-radius:5px;
	border:1px solid #333;
	border: 1px solid rgba(255,255,255,.2);
	padding:.6em 1em 0.6em 3.4em;
	margin-bottom: 2em;
	color:#CC0000;}
	.success { 
		background:#041003 url(../images/typo_success.png) no-repeat 10px center;}
	.notice { 
		background:#131304 url(../images/typo_note.png) no-repeat 10px center;}
	.error { 
		background:#FFF url(../images/typo_error.png) no-repeat 10px center;}





	
/* Buttons 
------------ */
	
button,.validate,
input.button,
a.button {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #000;
	background-color: #999;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	display:block;
	-moz-border-radius:15px;
	border-radius:15px;
	cursor:pointer;
	margin-left:200px;
	min-width:200px;
	}
	
	button:hover,.validate:hover,
	input.button:hover,
	a.button:hover {
		color:#FFF;
		border-color:#333;
		background-color: #990000;
		text-decoration:none;
		 }
	
	
	a.button {
		padding:1px 15px}
	

/*
    anythingSlider v1.0
    Adapted for Joomla template use by www.pure-joomla.com
	Original Credits:
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider li {padding:0;margin:0;text-indent:0;background:none;color:#fff;}
.anythingSlider ul {padding:0;text-indent:0;margin:0;}
.anythingSlider ul li ul li {background:url(../images/indent1.png) no-repeat 3px 5px;line-height:1.2em; }

.anythingSlider                         { z-index: 0;width: 870px; height: 178px; position: relative; margin: 0 auto 0px; background: url(../images/as_bg.png) repeat-x;}

.anythingSlider .wrapperas               { width:845px; overflow: auto; height: 181px; margin: 0 12px; position: absolute; top: 0; left: 0; }


.anythingSlider .wrapperas ul              { width: 9999px; list-style: none; position: absolute; top: 0; left: 0;  margin: 0;  }
.anythingSlider ul li                      { display: block; float: left; padding: 0; height: 157px; width: 845px; margin: 0; overflow:hidden;}


.anythingSlider .arrow		           { display: block; height: 100px; width:100px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top:30px; cursor: pointer; }
.anythingSlider .forward               { background-position: 0 0; right: -58px; }
.anythingSlider .back                  { background-position: -100px 0; left: -58px; }
.anythingSlider .forward:hover         { background-position: 0 -100px; }
.anythingSlider .back:hover            { background-position: -100px -100px; }

#thumbNav                               { position: relative; top: 0px; text-align: right;}
#thumbNav a                             { color: black; font: 20px Arial;line-height: 18px; display: inline-block; padding: 6px 0px; height: 30px; width:30px;margin: 10px 0px 0 0; background: url(../images/slider-inactive1.png) no-repeat; text-align: center;}
#thumbNav a:hover                       { background: url(../images/slider-active1.png) no-repeat; color:#fff;}
#thumbNav a.cur                         { background: url(../images/slider-active1.png) no-repeat; color: #fff; }

#start-stop                             { font: 22px Arial; display: inline-block; padding: 6px 0px; height: 50px; width:50px;margin: 4px 5px 0 0; background: none; text-align: left; position: absolute; right: -55px; top: 0px; color:#999;  }
#start-stop.playing                     {  }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapperas ul ul    { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapperas ul ul li  { float: none; height: auto; width: auto; background: none; }

.anythingSlider ul ul.checklist li {margin-left: 3px;padding: 0px 0 5px 30px;background: url(../images/accents/check.png) no-repeat 0px 0px; }
ul.checklist ul li {background:url(../images/indent2.png) no-repeat 0 3px;padding:0 0 2px 8px;}
.sf-horizontal span, .sf-navbar span, .sf-list span, .sf-vertical span {cursor:pointer;}
#sf {
	height:70px;
	/*margin-left: auto;
	margin-right: auto;
	width: 50em;*/
background: url(../images/sf-mid.png) repeat-x;
}

/*font COLORS*/
#sf.sf-horizontal li a {color:#000;}
#sf.sf-horizontal li a:hover {color:#000;}
#sf ul.sf-horizontal li.active a {color:#000;}
#sf ul.sf-horizontal li a:hover li a {color:#fff;}
#sf ul.sf-horizontal ul li ul li a:hover {color:#fff;}
#sf ul.sf-horizontal li.active li a{color:#fff;}
#sf ul.sf-horizontal li li a {color: #fff;}

#sf-l {background: url(../images/sf-l.png) no-repeat top left;padding-left:18px;}
#sf-r {padding-right:18px;background: url(../images/sf-r.png) no-repeat top right;}
#sf ul li {border:0;}
/*** ESSENTIAL STYLES ***/
.sf-horizontal, .sf-horizontal *,
.sf-navbar, .sf-navbar * ,
.sf-vertical, .sf-vertical * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:3;
}
.sf-vertical, .sf-vertical * {
z-index:2;
}
.sf-horizontal,
.sf-navbar,
.sf-vertical {
	line-height:	1.0;
}
.sf-horizontal ul,
.sf-navbar ul,
.sf-vertical ul {
	position:		absolute;
	top:			-999em;
	width:			236px; /* left offset of submenus need to match (see below) */
	
}
.sf-horizontal ul li,
.sf-navbar ul li,
.sf-vertical ul li {
	width:			100%;
}
.sf-horizontal li:hover,
.sf-navbar li:hover,
.sf-vertical li:hover   {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-horizontal li,
.sf-navbar li,
.sf-vertical li {
	float:			left;
	position:		relative;
}
.sf-horizontal a,
.sf-navbar a,
.sf-vertical a  {
	display:		block;
	position:		relative;
}
.sf-horizontal li:hover ul,
.sf-horizontal li.sfHover ul,
.sf-navbar li:hover ul,
.sf-navbar li.sfHover ul
 {
	left:			0;
	top:			60px; /* match top ul list item height */
	z-index:		99;
}

ul.sf-horizontal li:hover li ul,
ul.sf-horizontal li.sfHover li ul,
ul.sf-navbar li:hover li ul,
ul.sf-navbar li.sfHover li ul,
ul.sf-vertical li:hover li ul,
ul.sf-vertical li.sfHover li ul {
	top:			-999em;
}
ul.sf-horizontal li li:hover ul,
ul.sf-horizontal li li.sfHover ul,
ul.sf-navbar li li:hover ul,
ul.sf-navbar li li.sfHover ul,
ul.sf-vertical li li:hover ul,
ul.sf-vertical li li.sfHover ul {
	left:			100%; /* match ul width */
	top:			0;
}
ul.sf-horizontal li li:hover li ul,
ul.sf-horizontal li li.sfHover li ul,
ul.sf-navbar li li:hover li ul,
ul.sf-navbar li li.sfHover li ul,
ul.sf-vertical li li:hover li ul,
ul.sf-vertical li li.sfHover li ul {
	top:			-999em;
}
ul.sf-horizontal li li li:hover ul,
ul.sf-horizontal li li li.sfHover ul,
ul.sf-navbar li li li:hover ul,
ul.sf-navbar li li li.sfHover ul,
ul.sf-vertical li li li:hover ul,
ul.sf-vertical li li li.sfHover ul {
	left:			236px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-horizontal,
.sf-navbar,
.sf-vertical {
	float:			left;
	margin-bottom:	0;
}
.sf-horizontal a, .sf-horizontal li span.separator,
.sf-navbar a, .sf-navbar li span.separator,
.sf-vertical a, .sf-vertical li span.separator  {
	height:60px;
	line-height:40px;
	text-decoration:none;
		
}


.sf-horizontal li li a, .sf-horizontal li li span.separator,
.sf-navbar li li a,.sf-navbar li li span.separator,
.sf-vertical li li a  {	
	height:40px;
	line-height:40px;
}
.sf-horizontal li,
.sf-navbar li,
.sf-vertical li {
}
.sf-horizontal li li,
.sf-navbar li li,
.sf-vertical li li  {
	width:236px;
}
.sf-horizontal li li li,
.sf-navbar li li li,
.sf-vertical li li li   {
}
/*
.sf-horizontal li:first-child, .sf-horizontal li.first-child, .sf-navbar li:first-child, .sf-navbar li.first-child, .sf-vertical li:first-child, .sf-vertical li.first-child  {
}

.sf-horizontal li:last-child, .sf-horizontal li.last-child,.sf-navbar li:last-child, .sf-navbar li.last-child, .sf-vertical li:last-child, .sf-vertical li.last-child {
}
*/
.sf-horizontal li:hover, .sf-horizontal li.sfHover,
.sf-horizontal a:focus, .sf-horizontal a:hover, .sf-horizontal a:active,
.sf-navbar li:hover, .sf-navbar li.sfHover,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active,
.sf-vertical li:hover, .sf-vertical li.sfHover,
.sf-vertical a:focus, .sf-vertical a:hover, .sf-vertical a:active  {
	outline:		0;
}

/*** arrows **/
.sf-horizontal a.sf-with-ul, .sf-navbar a.sf-with-ul, .sf-vertical a.sf-with-ul  {
	padding-right: 	20px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator  {
	position:		absolute;
	display:		block;
	right:			5px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(../images/arrows-horizontal.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.sf-navbar li li .sf-sub-indicator  {
	background:		url(../images/arrows-horizontal-2.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			50px;
	width:			10px;
	height:			10px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}


ul ul .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			14px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
		right:			20px;

}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-horizontal ul .sf-sub-indicator, .sf-navbar ul .sf-sub-indicator,.sf-vertical ul .sf-sub-indicator  { background-position:  -10px 0; }
.sf-horizontal ul a > .sf-sub-indicator,
.sf-navbar ul a > .sf-sub-indicator,
.sf-vertical ul a > .sf-sub-indicator  { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-horizontal ul a:focus > .sf-sub-indicator,
.sf-horizontal ul a:hover > .sf-sub-indicator,
.sf-horizontal ul a:active > .sf-sub-indicator,
.sf-horizontal ul li:hover > a > .sf-sub-indicator,
.sf-horizontal ul li.sfHover > a > .sf-sub-indicator,
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator,
.sf-vertical ul a:focus > .sf-sub-indicator,
.sf-vertical ul a:hover > .sf-sub-indicator,
.sf-vertical ul a:active > .sf-sub-indicator,
.sf-vertical ul li:hover > a > .sf-sub-indicator,
.sf-vertical ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(../images/shadow.png) no-repeat bottom right;
	padding: 0 12px 11px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.sf-horizontal .active, .sf-navbar .active, .sf-vertical .active  {
}

.sf-horizontal #current, .sf-navbar #current, .sf-vertical #current  {
}

#sf ul li span.pjmenunosub {line-height:58px;text-indent: 6px;}
#sf .sf-horizontal ul li span.pjmenunosub {text-indent: 20px;}
#sf .sf-navbar ul li li span.pjmenunosub {text-indent: 20px;}


#sf ul li ul li span.pjmenunosub {line-height:40px; font-size: 1em;font-weight:normal; height:40px; width:100%;}

.sf-horizontal .pjmenusub, .sf-navbar .pjmenusub, .sf-vertical .pjmenusub  {font-size:.75em;display:block; text-transform:none; margin-top:-20px; font-weight:normal;}

#sf ul {margin-left:10px;}
#sf ul ul{margin-left:12px;}
#sf a,#sf li span.separator{
	padding: 0 10px 0 0;	
	text-align:left;
	margin-right:0px;
}
#sf li li a, #sf li span.separator {margin-right:0;}
#sf li, #sf li span.separator {
	padding-left:15px;
	margin: 0;
	float: left;
	display: block;
	background: url(../images/ss_sf_left.png) 0% 0% no-repeat;
}
#sf li span.separator {
	padding-left:0px;
	}

#sf li:hover, #sf li.over, #sf li.sfHover{
	background: url(../images/ss_sf_left.png) 0% 100% no-repeat;
}
#sf li li:hover, #sf li li.over, #sf li li.sfHover{
background:none;
}
#sf li.active, #sf li.on {
	background: url(../images/ss_sf_left.png) 0% 75% no-repeat;
}

#sf a, #sf li span.separator{
	background: url(../images/ss_sf_right.png) 100% 0% repeat-x;
}

#sf li.active a, #sf li.on a, #sf li.active span.separator{
	background: url(../images/ss_sf_right.png) 100% 75% repeat-x;
}

#sf li:hover a, #sf li.over a, #sf li.sfHover a, #sf li:hover span.separator {
	background: url(../images/ss_sf_right.png) 100% 75% repeat-x;
}
#sf li:hover, #sf li.over, #sf li.sfHover, #sf li:hover {
	background: url(../images/ss_sf_left.png) 0% 75% no-repeat;
}

#sf li.parent li {padding:0;}
#sf li.parent li a{
	background: url(../images/sf-spacer.png) no-repeat right top;
	padding:0 15px 0 10px;
}
#sf li.parent li a{
	background: none;
	padding:0 15px 0 10px;
}
#sf li span.pjmenunosub {float:left;}
#sf li li span.pjmenunosub {float:none; margin-left:-5px;}

#sf li a, #sf li span.separator {font-size: 1.1em; font-weight:normal;text-transform: uppercase;}
#sf li li a, #sf li li span.separator {font-size: .9em}


#sf .sf-horizontal ul li{background:#222;}
#sf .sf-horizontal ul li:hover {background:#111;}


#sf .sf-horizontal ul li.active{
	background: url(../images/sf-submenu-active.png) repeat-x;
}



.sf-horizontal img.menu_img, .sf-navbar img.menu_img {position:relative;top:8px;display:block;}
.sf-navbar ul li img.menu_img {top:0px;}
.sf-horizontal ul li img.menu_img, .sf-navbar ul li li img.menu_img {top:0px; left: 10px;}

#sf-emb-l-frame {position:relative;height:0;}
#sf-emb-l {background: url(../images/flame-l.png) no-repeat left;width:150px;height:110px;position:absolute;left:-105px;top:-70px;}
/*font COLORS*/
#sf .sf-navbar  {
	height:100px;
}
#sf.sf-navbar li a {color:#000;}
#sf.sf-navbar li a:hover {color:#000;}
#sf ul.sf-navbar li.active a {color:#000;}
#sf ul.sf-navbar li a:hover li a {color:#666;}
#sf ul.sf-navbar li li a {color: #666;}

#sf ul.sf-navbar ul li a:hover li a {color:#fff;}
#sf ul.sf-navbar ul li ul li a:hover {color:#fff;}
#sf ul.sf-navbar li.active ul li a{color:#fff;}
#sf ul.sf-navbar li li li a {color: #fff;}


/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	position:		relative;
	width:100%;
}
.sf-navbar li {
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			100%; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	position:		relative;
	background: none;
}
.sf-navbar li li ul {
	width:			236px;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
/*.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {

}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
}*/
.sf-navbar li:hover ul,
.sf-navbar li.sfHover ul
  {
	left:			0;
	top:			60px; /* match top ul list item height */
	z-index:		99;
	
	
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			40px; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}


/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; top:30px; right: 20px;}
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
.sf-navbar ul ul a > .sf-sub-indicator { background-position: 0px 0px; top:14px }

/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
.sf-navbar ul ul a:focus > .sf-sub-indicator,
.sf-navbar ul ul a:hover > .sf-sub-indicator,
.sf-navbar ul ul a:active > .sf-sub-indicator,
.sf-navbar ul ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -0px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: none;
	padding: 0;
}


#sf .sf-navbar ul li {background:none;}
#sf .sf-navbar ul ul li, #sf .sf-horizontal ul li {background: url(../images/submenu.png) 50% 50%;width:236px; text-indent: 20px;}
#sf .sf-navbar ul ul li:hover,  #sf .sf-horizontal ul li:hover {background: url(../images/submenu.png) 50% 25%;width:236px;z-index: 1000;}
#sf .sf-navbar ul ul ul li.pjmenu-top,  #sf .sf-horizontal ul ul li.pjmenu-top {background: url(../images/submenu.png) no-repeat 0 0;height:22px;width:236px;}
#sf .sf-navbar ul ul li.pjmenu-bottom,  #sf .sf-horizontal ul li.pjmenu-bottom{background: url(../images/submenu.png) 50% 100%; height:22px;width:236px;}

#sf .sf-navbar ul li.active  {background: url(../images/sf-submenu-active.png); }
/*#sf .sf-navbar ul li:hover {background: url(../images/sf-submenu-active.png); }*/
#sf .sf-navbar ul li li.active,  #sf .sf-horizontal ul li.active {
background: url(../images/submenu.png) 50% 75%;}



.sf-vertical li a {color:#fff;}
.outer-mod .sf-vertical a{color:#fff;}
.sf-vertical li li a {color: #fff;}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical {
	margin-left:-13px;

}
#outercolumn-l .sf-vertical li li, #leftcolumn .sf-vertical li li {
	width:	236px;
}

.sf-vertical {margin-top:-5px;}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	100%; /* match ul width */
	top:	-20px;
	
}

.sf-vertical a, .sf-vertical li .separator, .sf-vertical span {
	height:40px;
	line-height:38px;
	text-decoration:none;
	padding:0px;
	font-weight:normal;
}


.sf-vertical .sf-sub-indicator, .sf-list .sf-sub-indicator    {
	position:		absolute;
	display:		block;
	right:			5px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			15px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(../images/arrows-flyout.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}


.sf-vertical a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			15px;
	right: 15px;
}
.sf-vertical li li a > .sf-sub-indicator {top :15px; right: 20px;}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.sf-vertical .pjmenutitle {line-height: 25px;}

.sf-vertical .pjmenusub {display: block;font-size:11px;margin-top:-1.5em; margin-left:0;}


.sf-vertical li.pjmenu-top, .sf-vertical li.pjmenu-bottom
{border-bottom:0;}


.sf-list .sf-shadow ul {
	background:	url(../images/shadow.png) no-repeat bottom right;
	padding: 0 8px 7px 0;
}

.sf-list li, .sf-vertical li {background: none;
	/*background:		#90AA82;
	
	border-bottom: 1px dashed #ddd;*/
	
}
.sf-vertical li li {
	border-bottom:0;
/*border-bottom:1px solid #c7c7c7; border-left: solid 1px #c7c7c7;

background:#dfdfdf;*/
height:40px;
}

.sf-vertical li li.pjmenu-top {border:0;}








.sf-vertical a,.sf-vertical li span.separator{
	padding: 0 10px 0 0;	
	text-align:left;
	margin-right:10px;
}
.sf-vertical li, .sf-vertical li span.separator {
	padding-left:20px;
	margin: 0;
	background: url(../images/vert-menu-l.png) 0% 0% no-repeat;
	text-indent:0;
}

.sf-vertical li span.separator {
	padding-left:0px;
	}

.sf-vertical li:hover, .sf-vertical li.over, .sf-vertical li.sfHover{
	background: url(../images/vert-menu-l.png) 0% 100% no-repeat;
}

.sf-vertical li.active, .sf-vertical li.on {
	background: url(../images/vert-menu-l.png) 0% 75% no-repeat;
}

.sf-vertical a, .sf-vertical li span.separator{
	background: url(../images/vert-menu-r.png) 100% 0% repeat-x;
}

.sf-vertical li.active a, .sf-vertical li.on a, .sf-vertical li.active span.separator{
	background: url(../images/vert-menu-r.png) 100% 75% repeat-x;
}

.sf-vertical li:hover a, .sf-vertical li.over a, .sf-vertical li.sfHover a, .sf-vertical li:hover span.separator {
	background: url(../images/vert-menu-r.png) 100% 25% repeat-x;
}
.sf-vertical li:hover, .sf-vertical li.over, .sf-vertical li.sfHover, .sf-vertical li:hover {
	background: url(../images/vert-menu-l.png) 0% 25% no-repeat;
}

/*Get Rid of BG for Sub levels ------------------*/
.sf-vertical li li, .sf-vertical li li span.separator {
	background: none;
}
.sf-vertical li li:hover, .sf-vertical li li.over, .sf-vertical li li.sfHover{
	background: none;
}
.sf-vertical li li.active a, .sf-vertical li li.on a, .sf-vertical li li.active span.separator{
	background: none;
}
.sf-vertical li:hover li, .sf-vertical li.over li, .sf-vertical li.sfHover li, .sf-vertical li:hover li{
	background: url(../images/submenu.png) 50% 50%;width:236px;padding:0;
}
.sf-vertical li.active li a, .sf-vertical li.sfHover li a, .sf-vertical li li.parent a {background:none;}


/**/
.sf-vertical li span.pjoveralltitle{padding-left:5px;}
.sf-vertical li li span.pjmenunosub {padding-left:5px;}
.sf-vertical ul li {background: url(../images/submenu.png) 50% 50%;padding:0;text-indent:20px;}
.sf-vertical ul {z-index: 3000;}
.sf-vertical ul li:hover {background: url(../images/submenu.png) 50% 25%;z-index: 3000;}
 .sf-vertical ul li.pjmenu-top {background: url(../images/submenu.png) no-repeat 0 0;height:22px;}
 .sf-vertical ul li.pjmenu-bottom{background: url(../images/submenu.png) 50% 100%; height:22px;}
 
 .sf-vertical ul li.active {
background: url(../images/submenu.png) 50% 75%;}
	ul.sf-list {width: 100%;}
.sf-list, .sf-list li {
	width:	100%;
}


/*** ESSENTIAL STYLES ***/
.sf-list, .sf-list * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-list {
	line-height:	1.0;

}
.sf-list ul {
	position:		relative;
	top:			-999em;
	width:			100%; /* left offset of submenus need to match (see below) */
}
.sf-list ul li {
	width:			100%;
}
.sf-list li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-list li {
	float:			left;
	position:		relative;
}
.sf-list a, sf-list span {
	display:		block;
	position:		relative;
}
.sf-list li:hover ul,
.sf-list li.sfHover ul {
	position:		relative;
	left:			0;
	top:			0; /* keep it together*/
	z-index:		99;
}
ul.sf-list li:hover li ul,
ul.sf-list li.sfHover li ul {
	top:			-999em;
}
ul.sf-list li li:hover ul,
ul.sf-list li li.sfHover ul {
	left:			0; /* keep it together */
	top:			0;
	position:		relative;

}
ul.sf-list li li:hover li ul,
ul.sf-list li li.sfHover li ul {
	top:			-999em;
}
ul.sf-list li li li:hover ul,
ul.sf-list li li li.sfHover ul {
	left:			0; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-list {
	float:			left;
	margin-bottom:	0;
}
.sf-list a, .sf-list li .separator, .sf-list span.separator {
	height:40px;
	line-height:38px;
	text-decoration:none;
	padding:0 20px 0 0px;
}

.sf-list li li a {	
	height:35px;
	line-height:35px;
	
}
.sf-list li li {
	width:100%;
	background:#ddd;
}

.sf-list li li li {
}

/*.sf-list li:first-child, .sf-list li.first-child {
}

.sf-list li:last-child, .sf-list li.last-child {
}
*/
/*** arrows **/
.sf-list a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-list .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-gray.png') no-repeat 0 -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
.sf-list a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			15px;
		right: 15px;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

.sf-list ul ul .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			14px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
.sf-list a:focus > .sf-sub-indicator,
.sf-list a:hover > .sf-sub-indicator,
.sf-list a:active > .sf-sub-indicator,
.sf-list li:hover > a > .sf-sub-indicator,
.sf-list li.sfHover > a > .sf-sub-indicator {
	background-position: 0 -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-list ul .sf-sub-indicator { background-position:  0 -100px; }
.sf-list ul a > .sf-sub-indicator { background-position:  0 -100px; }
/* apply hovers to modern browsers */
.sf-list ul a:focus > .sf-sub-indicator,
.sf-list ul a:hover > .sf-sub-indicator,
.sf-list ul a:active > .sf-sub-indicator,
.sf-list ul li:hover > a > .sf-sub-indicator,
.sf-list ul li.sfHover > a > .sf-sub-indicator {
	background-position: 0 -100px; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-list .sf-shadow ul {
	background:	transparent;
}
.sf-list .sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.sf-list li span.pjoveralltitle{padding-left:10px;}
.sf-list li span.pjmenunosub {padding-left:5px;}

.sf-list li li.sfHover, .sf-list li li:hover {background:#fff;}

.sf-list .pjmenutitle {line-height: 25px;font-weight:bold}
.pjmenutitle {font-weight:bold}

.sf-list .pjmenusub {display: block;font-size:11px;margin-top:-1.5em;padding:0;}

.sf-list .pjmenu-top, .sf-list .pjmenu-bottom {height:0;}
.puremodule {padding:0 4px;}
.outer-mod .puremodule {padding:0;}
#left-mod .puremodule {padding: 0 10px 0 10px;}
#right-mod .puremodule {padding: 0 10px 0 10px;}
#outerpad-r .puremodule h3, #right-mod .puremodule h3 {background: url(../images/module-h3.png) top right;padding:0;height:40px;line-height:40px;text-indent: 42px; color:#fff;border-left: 0px solid #ccc;}
#outerpad-r .outer-mod {padding-left: 2px;} /*total pixels of border width from #inner-pad-BORDER */
.puremodule_content {padding:12px 10px 15px 10px;}
.puremodule_content p {margin-top:0;}

.moduleh3-l {background: url(../images/module-h3.png) top left;padding:0;height:40px;line-height:40px; color:#fff;border-left: 0px solid #ccc;margin-right:30px;text-transform: uppercase; font-weight: bold;}
.moduleh3-r { width:100%;height:0px;position:relative;}
.moduleh3-r-inner {background: url(../images/module-h3.png) top right;width:30px;height:40px;position:absolute;top:0;right:-30px;}
.moduleh3-l span {padding-left: 42px; font-size:1.2em;}

#footerusers .moduleh3-l, #footerusers .moduleh3-r-inner, #footerusers span{background:none; font-size:1em;padding:0;margin:0;text-indent:0;height:20px; text-align:center;}


.-style2 .moduleh3-l {background-image: url(../images/module-h3-2.png);}
.-style3 .moduleh3-l {background-image: url(../images/module-h3-check.png);}
.-style4 .moduleh3-l {background-image: url(../images/module-h3-excl.png);}
.-style5 .moduleh3-l {background-image: url(../images/module-h3-5.png);}
.-style6 .moduleh3-l {background-image: url(../images/module-h3-question.png);}
.-style7 .moduleh3-l {background-image: url(../images/module-h3-7.png);}

#outerpad-l .moduleh3-l {margin-right:0;}
#outerpad-l .moduleh3-r-inner {width:0;}
#outerpad-r .moduleh3-l {background-position: top right; margin-right:0;}
#outerpad-r .moduleh3-r-inner {width:0;}
#outerpad-r .moduleh3-l span {padding-left: 12px;}


.outer-mod .puremodule {color: #666;}
.outer-mod a {color:#999;}


.dklist a {color:#fff;}

.ltlist ul.mostread li, .ltlist ul.latestnews li, .ltlist ul#mainlevel li, .ltlist ul.menu li { border-bottom: 1px dotted #0DB1FD; width:100%;}

.dklist ul.mostread li, .dklist ul.latestnews li, .dklist ul#mainlevel li, .dklist ul.menu li{ border-bottom: 1px dotted #0DB1FD; width:100%;}

.dklist ul.mostread li:hover, .dklist ul.latestnews li:hover, .dklist ul#mainlevel li:hover, .dklist ul.menu li:hover { background:#222;}