/* Primary CSS file  - 
(c) 2007 Pure Joomla! Pro Template Club
www.pure-joomla.com - "Keep it Pure!"
*/

/*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;padding-right:5px;}
a img {border:0;}
ul, li {margin-left:0;padding:0;}
table {font-size:1em;}
.hidden {display:none;}
/**********************/
/*Clearfix for FF float problem*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body{font-size: .7em;} 
.wrapping {margin: 0 auto; height:100%;}/*to align left a bit --- div#wrapping {margin-left:25px; height:100%;}*/
.wrapping {width:770px;}

/*Overall Width and Framing */
.widefixed div.wrapping{width:920px;}
.thinfixed div.wrapping{width:770px;}
.widefluid div.wrapping{width:95%;}
.thinfluid div.wrapping{width:75%;}

.fluid75 div.wrapping{width:75%;}
.fluid85 div.wrapping{width:85%;}
.fluid95 div.wrapping{width:95%;}
.fixed650 div.wrapping{width:650px;}
.fixed770 div.wrapping{width:770px;}
.fixed920 div.wrapping{width:920px;}

/*Header Section*/
#headermod{width:100%;top:0;min-height:90px;}
#lower{margin-left:0px;min-height:200px;background:#000;}
#pagecolor{background:#fff;}

/*Pathway*/
#pathway{position:relative;color:#fff;font-weight:bold;height:30px;line-height:30px;text-indent: 10px;background:#111111;width:100%;border-bottom:#000 2px solid;}

/*LOGO*/
#logocontainer {position: relative;z-index:500;}
#logo {position: absolute;top: 0px; leftt:5px;height:70px;width:475px;
	background: url(../images/logo.png) no-repeat !important;
	background: transparent;
}
#botspace  {height:30px;width:100%;background:#111111;}/*come into play with carousel/fisheye*/
#botspace2  {height:30px;}
#topspace {width:100%;background:#000;height:30px;}
/*Sections*/
#top-mid {background: url(../images/header.jpg) left;height:150px;}/*<<< Main Header Height*/
#mid-mid{background:#444;width:100%;}
/*#bot-l{background:  url(../images/bot-l.png) 0 0 no-repeat;}
#bot-r{background:  url(../images/bot-r.png) 100% 0 no-repeat;}
*/#bot-mid {background: #000;}

/*Inset*/
	#inset{width:200px;}
	#inset-fixed{width:200px;}
	#inset-mid-left {background: #111111 url(../images/insetcol.png) right repeat-y;padding-top:30px;}
	#inset-mid-right {background: #111111 url(../images/insetcol.png) left repeat-y;padding-top:30px;}

	/*#inset-bot {background:url(../images/inset-bot.png) no-repeat bottom; height:100px;width:200px;}
*/
		/*3-2-1- Columns*/
	/*SIDE - right column	
    #pageborders{border-right:2px solid #fff; border-left:2px solid #fff;}*/
#sidecol{margin-right:200px;}
#sidecolmain{}
#rightcol-light{float:right;width:200px;background:#fff url(../images/sidecol.png) left bottom repeat-y;}
#rightcol-dark{float:right;width:200px;background:#fff url(../images/sidecol-dark.png) left bottom repeat-y;}

 	/*CENTER - left and middle columns */
		/*Middle Column */
#centercol {margin-left:200px;background:#fff;min-height:150px;}
#centercolmain {padding:10px;}
#mainbody{float:left;width:100%;/*overflow:hidden;*/min-height:300px;}
#mainbodyinner{padding:10px;}
		/*Left Column */
#leftcol-light {float:left;width:200px;background: #fff url(../images/sidecol.png) right bottom repeat-y;}
#leftcol-dark {float:left;width:200px;background: #fff url(../images/sidecol-dark.png) right bottom repeat-y;}

/*#leftcol-mid{background:url(../images/rightcol-top.png) right top no-repeat;padding:5px;}
#leftcol-bot{background: url(../images/rightcol-bot.png) 100% 100% no-repeat;height:15px; }
*/
/*Footer*/
#footerzone{text-align:center;background:#000 url(../images/footer.png) repeat-x bottom;padding-top:10px;width:100%;}
#footerzone a{color:#9BC197;font-weight:bold;}
.nomargin{margin-right:0;}

/*Alternating table rows*/
tr.sectiontableentry1 td,td.sectiontableentry1 {padding: 4px;background-color:#f1f1f1;}
tr.sectiontableentry2 td,td.sectiontableentry2 {padding: 4px;background-color:transparent;}
#userscont2 tr.sectiontableentry1 td,#userscont2 td.sectiontableentry1,#leftcol-dark tr.sectiontableentry1 td,#leftcol-dark td.sectiontableentry1, #rightcol-dark tr.sectiontableentry1 td,#rightcol-dark td.sectiontableentry1  {padding: 4px;background-color:#333;}
/*Mosimage styling*/
.mosimage_caption {min-height:10px;padding:3px;color:#999;margin-top:4px;font-style:italic;}
.mosimage{margin:4px;padding:4px;border:#3B5E78;}

/*Fonts*/
body {background:#243A4A  url(../images/pagebg.png) fixed repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif;
color:#617684; } 
/*Sizing*/
.componentheading{font-size:1.5em;font-weight:bold;text-transform:uppercase;padding-bottom:5px;}
.contentheading {font-size:2.0em;font-weight:bold;font-style:normal;padding-bottom:5px;}

h1 {font-size:1.7em;}
h2 {font-size:1.5em;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}
.small,.createdate,.modifydate {font-size:.9em; font-style:italic;}
.createdate{padding-bottom:10px;}

/*Controllables via Toolbar*/
body.smallfonts {font-size:.80em;}

body.mediumfonts {font-size:.85em;}

body.largefonts{font-size:.95em;}

a:link,a:visited {text-decoration:none;}

a:link,a:visited {color:#65A05F;}

#pathway a:hover, #mainbody a:hover, #mainbody a:active {border-bottom:1px dotted;}

a.category:link,a.category:visited {font-weight:bold;}
/*lists in content*/

#mainbody ul li, #mainbody ul {
	list-style: none;
	padding-left: 10px; margin-bottom:7px;
}

/**/#mainbody li {
	text-indent:10px;	
	margin-bottom: 7px; padding-left: 10px;
}
/*#mainbody li  {background:url(../images/indent1.png) no-repeat 0 0;}*/
#mainbody ul li {background:url(../images/indent2.png) no-repeat 0 3px;}

/*Color Font Accents for this Pure Joomla! Template*/
h1 {color:#8B7637;}
h2 {color:#65A05F;}
h4 {color:#758DB3;}
h6 {color:#7797AC;}
.contentheading {color:#65A05F;}
.componentheading {color:#617684;}
.sectiontableheader {background:transparent;}
.mosimage_caption{color:#5A7F99;}
.small, .createdate {color:#666;}
.moduletable a:hover {color:#fff;}
pre, .code {padding: 10px 15px;background: #C9DEC7;margin: 5px 0 15px;border-top: 5px solid #ACCCA8;border-bottom: 5px solid #ACCCA8; color:#4A4643;}
.quotes {font: bold 1em/1.5 Verdana, Arial, Helvetica, sans-serif; text-align:center; background: url(../images/accents/quote.png) 5px 10px no-repeat;} 
.quotes div{font: bold italic 1em/1.5 Verdana, Arial, Helvetica, sans-serif; text-align:center; padding: 20px 25px 10px 20px;
background: url(../images/accents/quotend.png) bottom right no-repeat;} 
.quotebox {background: url(../images/accents/quote.png) no-repeat 8px 8px #EAEEED;padding : 10px;margin:3px;border: 1px solid #EAEAEA; text-align:center;
font-style:italic;font-weight:bold;}
.quotebox div {background: url(../images/accents/quotend.png) no-repeat right bottom; margin: 0;}
.highlight {border-bottom: 1px dotted;font-weight: bold;background: #D9DFF0;}
.dropcap {float: left;padding: 4px 8px 0 0;display: block;color: #CCC; font: 50px/40px Georgia, Times, serif;}
.attn {padding-left: 25px;color: #CC0000;background:#EAEEED url(../images/accents/attn.gif) no-repeat top left;line-height:20px;}
.info {padding-left: 25px;color: #3589E3;background:#EAEEED  url(../images/accents/info.gif) no-repeat top left;line-height:20px;}
.tip {padding-left: 25px;color: #DF8600;background:#EAEEED  url(../images/accents/tip.gif) no-repeat top left;line-height:20px;}
.highlight {border-bottom: 1px dotted #999999;padding: 0 5px;background: #FFFFCC;font-weight: bold;}
ul.checklist {list-style: none;}
#mainbody ul.checklist li {margin-left: 3px;padding: 0px 0 5px 30px;background: url(../images/accents/check.gif) no-repeat 0px 0px;}
.bubble {	clear: both;padding: 5px 15px 10px;position: relative;}
.bubblenum {float: left;margin-right: 8px;padding: 6px 7px;display: block;color: #FFFFFF;
background: url(../images/accents/big_number.gif) no-repeat top left;font: 20px/normal Arial, sans-serif;font-weight: bold;}
#mainbody ol li {
	margin-left: 35px;
	line-height: 170%;
}

.normlist li, #menusystem li {list-style-type:none;} /*undo lists*/

/* Module Styles*/

div.moduleoutline {color:#617684;padding-top:10px;border: #ccc 1px solid ;background: url(../images/mod_gray.png) bottom repeat-x;margin-bottom:8px;}
div.moduleoutline a{color:#617684;text-decoration:underline;}
div.moduleoutline a:hover{font-weight:bold;}
div.moduleoutline h3 {border-bottom: 1px solid #C1DBBE; text-align:center;font-weight: bold;font-size: 1.2em;/*using margin-top:0px; for FF compatibility*/margin-top:0px;
height:25px;line-height:25px;color:#617684;}
div.moduleoutline div {padding-bottom:10px;}
div.moduleoutline div div div { padding:0px 10px 0px 0px; margin-left:12px;}

div.modulegray {color:#617684;padding-top:10px;background:url(../images/mod_gray.png) bottom repeat-x;margin-bottom:8px;}
div.modulegray a{color:#617684;text-decoration:underline;}
div.modulegray a:hover{font-weight:bold;}
div.modulegray h3 {border-bottom: 1px solid #C1DBBE; text-align:center;font-weight: bold;font-size: 1.2em;/*using margin-top:0px; for FF compatibility*/margin-top:0px;
height:25px;line-height:25px;color:#617684;}
div.modulegray div {padding-bottom:10px;}
div.modulegray div div div { padding:0px 10px 0px 0px; margin-left:12px;}

/*Image includes -- 
div.modulegray {color:#617684;background:url(../images/mods/modbg.png) no-repeat bottom right;margin-bottom:8px;}
div.modulegray a{color:#617684;text-decoration:underline;}
div.modulegray a:hover{font-weight:bold;}
div.modulegray h3 {border-bottom: 1px solid #C1DBBE; text-align:center;font-weight: bold;font-size: 1em;margin-top:0px;
height:25px;line-height:25px;color:#617684;}
div.modulegray div {padding-bottom:10px;background: url(../images/mods/modbg-bl.png)  0 100% no-repeat;}
div.modulegray div div {  background: url(../images/mods/modbg-tl.png) 0 0 no-repeat;}
div.modulegray div div div { padding:0px 10px 0px 0px; margin-left:12px;background: url(../images/mods/modbg-tr.png) 100% 0 no-repeat;}
*/

div.moduleblue {color:#fff;padding-top:10px;background:#2C6A85 url(../images/mod_blue.png) bottom repeat-x;margin-bottom:8px;}
div.moduleblue a{color:#fff;text-decoration:underline;}
div.moduleblue a:hover{font-weight:bold;}
div.moduleblue h3 {border-bottom: 1px solid #C1DBBE; text-align:center;font-weight: bold;font-size: 1.2em;/*using margin-top:0px; for FF compatibility*/margin-top:0px;
height:25px;line-height:25px;color:#C1DBBE;}
div.moduleblue div {padding-bottom:10px;}
div.moduleblue div div div { padding:0px 10px 0px 0px; margin-left:12px;}

div.modulegreen {color:#fff;padding-top:10px;background:#78A437 url(../images/mod_green.png) bottom repeat-x;margin-bottom:8px;}
div.modulegreen a{color:#fff;text-decoration:underline;}
div.modulegreen a:hover{font-weight:bold;}
div.modulegreen h3 {border-bottom: 1px solid #C1DBBE; text-align:center;font-weight: bold;font-size: 1.2em;/*using margin-top:0px; for FF compatibility*/margin-top:0px;
height:25px;line-height:25px;color:#C1DBBE;}
div.modulegreen div {padding-bottom:10px;}
div.modulegreen div div div { padding:0px 10px 0px 0px; margin-left:12px;}

div.modulered {color:#fff;padding-top:10px;background:#AE1600 url(../images/mod_red.png) bottom repeat-x;margin-bottom:8px;}
div.modulered a{color:#fff;text-decoration:underline;}
div.modulered a:hover{font-weight:bold;}
div.modulered h3 {border-bottom: 1px solid #C1DBBE; text-align:center;font-weight: bold;font-size: 1.2em;/*using margin-top:0px; for FF compatibility*/margin-top:0px;
height:25px;line-height:25px;color:#C1DBBE;}
div.modulered div {padding-bottom:10px;}
div.modulered div div div { padding:0px 10px 0px 0px; margin-left:12px;}

div.module {color:#617684;padding-top:10px;margin-bottom:8px;}
div.module a{color:#617684;text-decoration:underline;}
div.module a:hover{font-weight:bold;}
div.module h3 {border-bottom: 1px solid #C1DBBE; text-align:center;font-weight: bold;font-size: 1.2em;/*using margin-top:0px; for FF compatibility*/margin-top:0px;
height:25px;line-height:25px;color:#617684;}
div.module div {padding-bottom:10px;}
div.module div div div { padding:0px 10px 0px 0px; margin-left:12px;}
#centercol .module h3, #userscont2 .module h3 {text-align:left; text-indent: 5px;}

div.moduleimage {color:#617684;width:100%;overflow:hidden;margin-bottom:8px;padding:0px;}
div.moduleimage a{color:#617684;text-decoration:underline;}
div.moduleimage a:hover{font-weight:bold;}
div.moduleimage h3 {border-bottom: 1px solid #C1DBBE; text-align:center;font-weight: bold;font-size: 1.2em;/*using margin-top:0px; for FF compatibility*/margin-top:0px;
height:25px;line-height:25px;color:#617684;}
div.moduleimage div {padding:0px;margin:0;}
div.moduleimage div div {padding:0;margin:0;}
div.moduleimage div div div { padding:0px;margin:0;}


#inset .module, #inset .module a{color:#D3E9D0;}
#inset .module h3 {text-align:center; text-indent:0px; color:#8BB986; border-bottom: 1px solid #151515;border-top: 1px solid #151515;}
/*CLEAR further special Mod Divs*/
#extcal_minical, div.module div div div div * a{background:url(../images/mods/blank.png) no-repeat; padding:0; border-bottom:0px;}

/*CSS for Module Space Splitting*/
.topuser {width:100%;}
.fullwidthcontainer1{width:100%;}
#userscont1{padding-top:5px;width:100%;}
#userscont2 {padding:10px;background:#000;}
.userahalf {float: left;overflow: hidden;width: 49.999%; }
.userbhalf {float: right;overflow: hidden;width: 48.9%; margin-left: 1.0%;}
.userathird {float: left;overflow: hidden;width: 33%; }
.userbthird {margin-left: .999%;float: left;overflow: hidden;width: 32.4%; }
#users45container{float:left;width:100%;padding:10px 0 10px 0;}

.user6 {width:100%;}

	/*Joomla Menu in Module*/
.normlist li a,
.normlist a.mainlevel {font-size:1em; text-align:left; width: 100%;display: block;text-decoration:none;}
.normlist li a{line-height:20px;background:url(../images/active_menu.png) no-repeat left center;text-indent:15px;}
/*joomla module lists / menus*/
.normlist a.mainlevel {line-height:25px;}
.normlist li a:hover {font-style:italic;text-decoration:none;text-indent:19px;}
.normlist a.mainlevel:hover {text-decoration:none;font-weight:bold;}
.normlist a.mainlevel#active_menu{ background:url(../images/active_menu1.png) no-repeat center left; text-indent:15px;font-weight:bold;}

.normlist a.sublevel {font-size:.95em;font-weight:normal;line-height:22px;background:transparent;width:100%;text-decoration:none;}
.normlist a.sublevel:hover{font-weight:bold;} 
.normlist a.sublevel#active_menu:hover { }
.normlist a.sublevel#active_menu {background:transparent; font-weight:bold;text-decoration:underline;}
html>body a.mainlevel {width:100%;} /* Opera5-Fix-fix ;-) */
html>body a.sublevel {width:100%;} /* Opera5-Fix-fix ;-) */

/*imput box, buttons*/
.inputbox {color:#333;border: #D3E7D0 1px solid;background: #ccc;margin-right: 5px;font-size:1.0em;padding:2px;}
.button {margin:8px 0;font-size: 1.0em;background:#ccc;color:#333;border: #D3E7D0 1px solid;}
#userscont2 .inputbox, #leftcol-dark .inputbox,#rightcol-dark .inputbox {color:#fff;border: #666 1px solid;background: #333;margin-right: 5px;font-size:1.0em;padding:2px;}
#userscont2 .button ,#leftcol-dark .button,#rightcol-dark .button {margin:8px 0;font-size: 1.0em;background:#333;color:#fff;border: #666 1px solid;}

/*TOOLBAR States*/
#toolset{position:relative;float:right;top:0;z-index:200;width:100%;}/*modify the width here to make vertical/horizontal*/
		#tools{position:absolute;right:10px;top:5px;background:#000;}
		#tools ul {display:inline;height:20px;margin:0;}
		#tools li {height:20px; overflow:hidden;display:inline;background: none;margin: 0;padding:  0 2px 0 0;}
		#tools a {padding-top:20px;height:20px;overflow:hidden;background-position: 0 0;background-repeat:no-repeat;font-size:10px;}
		#tools li a:hover {background-color:transparent;}
		.toolshoriz li,.toolshoriz li a{display:block;float:left;}

/*Width Setting buttons*/
#tools li a#thinfixed {background-image:url(../images/tools/w_thin.png); width:20px; background-position: 0 -40px;}
#tools li a#widefixed {background-image:url(../images/tools/w_wide.png); width:20px; background-position: 0 -40px;}
#tools li a#thinfluid {background-image:url(../images/tools/w_tfluid.png); width:20px; background-position: 0 -40px;}
#tools li a#widefluid {background-image:url(../images/tools/w_wfluid.png); width:20px; background-position: 0 -40px;}

#tools li a#menuss {background-image:url(../images/tools/menu_ss.png); width:20px; background-position: 0 -40px;}
#tools li a#menusf {background-image:url(../images/tools/menu_sf.png); width:20px; background-position: 0 -40px;}
#tools li a#menucarousel {background-image:url(../images/tools/menu_carousel.png); width:20px; background-position: 0 -40px;}
#tools li a#menufisheye {background-image:url(../images/tools/menu_fisheye.png); width:20px; background-position: 0 -40px;}

#tools li a#lcoldark {background-image:url(../images/tools/lcol_dark.png); width:20px; background-position: 0 -40px;}
#tools li a#lcollight {background-image:url(../images/tools/lcol_light.png); width:20px; background-position: 0 -40px;}
#tools li a#rcoldark {background-image:url(../images/tools/rcol_dark.png); width:20px; background-position: 0 -40px;}
#tools li a#rcollight {background-image:url(../images/tools/rcol_light.png); width:20px; background-position: 0 -40px;}

#tools li a#colorred {background-image:url(../images/tools/red.png); width:20px; background-position: 0 -40px;}
#tools li a#colorgreen {background-image:url(../images/tools/green.png); width:20px; background-position: 0 -40px;}
#tools li a#colorblue {background-image:url(../images/tools/blue.png); width:20px; background-position: 0 -40px;}

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

/*Hover States Positioning*/
#tools li a#menufisheye:hover,#tools li a#menucarousel:hover,#tools li a#menuss:hover,#tools li a#menusf:hover,
#tools li a#colormixed:hover,#tools li a#colorblue:hover,#tools li a#colorred:hover,#tools li a#colorgreen:hover,#tools li a#colororange:hover,
#tools li a#smallfonts:hover,#tools li a#mediumfonts:hover,#tools li a#largefonts:hover,#tools li a#thinfixed:hover,#tools li a#widefixed:hover,#tools li a#thinfluid:hover,#tools li a#widefluid:hover
{background-position: 0 0px; }

/*Active State Positioning*/
#tools li a#menufisheye.active-option,#tools li a#menucarousel.active-option,#tools li a#menuss.active-option,#tools li a#menusf.active-option,
#tools li a#colormixed.active-option,#tools li a#colorblue.active-option,#tools li a#colorred.active-option,#tools li a#colorgreen.active-option,
#tools li a#colororange.active-option,#tools li a#smallfonts.active-option,#tools li a#mediumfonts.active-option,#tools li a#largefonts.active-option,
#tools li a#thinfixed.active-option,#tools li a#widefixed.active-option ,#tools li a#thinfluid.active-option,#tools li a#widefluid.active-option
{background-position: 0 -20px; }

a.readon,a.readon:hover  {float: left;display: block;background: url(../images/readon.gif) no-repeat top;
text-decoration:none;border-bottom:0px;
}

/*MENUSYSTEM
******
main font options for SS and SF
******
*/
#menusystem a{
font-size:1.2em;
/*MAIN LEVEL LINK COLOR*/
color:#CDCDCD;
}


#menusystem ul li.active a.topdaddy,
#menusystem ul li.active a, li.active a,
#menusystem ul li.on a, 
#menusystem ul li.on a.topdaddy, #menusystem li.on a {
/*ACTIVE MAIN LEVEL*/
color: #fff;
}

#menusystem a:hover {
/*MAIN LEVEL HOVER*/
	color: #fff;
}
#mid-mid{
/*SUBLEVEL BACKGROUND*/
background:#111111;
}
#ss li li a{	/* SUB BUTTON FONT*/
font-size:1.1em;
}
#menusystem li ul a:hover,
#menusystem li.on ul a:hover {
/*SUB-LEVEL HOVER*/
color: #fff;
text-decoration:underline;
}
#menusystem li ul a,
#menusystem li.on ul a{
/*SUB-LEVEL EXPANDED*/
color:#fff;
font-weight: normal;
}
#menusystem ul li.on ul li.on a, 
#menusystem ul li.on ul li.on a.topdaddy,
#menusystem ul li.active ul li.active a.topdaddy,
#menusystem ul li.active ul li.active a {
/*SUB-LEVEL ACTIVE*/
color: #fff;
font-weight: normal;
text-decoration:underline;
}