/* Primary CSS file  - 
(c) 2007 Pure Joomla! Pro Template Club
www.pure-joomla.com - "Keep it Pure!"
4D759A - light blue
2C4256 - dark blue
*/

/*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%;padding-top:50px;}/*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{background:#000;width:100%;}
#headerinner{background:#000;overflow:hidden;}
#lower{margin-left:0px;padding-bottom:25px;}
#pagecolor{background:#342F27 url(../images/page/sidecol-r.png) right top repeat-y;}

/*Pathway*/
#pathway{position:relative;color:#fff;font-weight:bold;line-height:30px;height:30px;text-indent: 10px;background:#4D759A;
border-top:#2C4256 3px solid;}
#pathway a{color: #1C2B37;}

/*LOGO*/
#logocontainer {position: relative;z-index:500;}
#logo {position: absolute;top: -41px; left:20px;height:43px;width:475px;
	background: url(../images/logo.png) no-repeat !important;
	background: transparent;
}
#footerlogo {background: url(../images/page/footerlogo.png) no-repeat 50% 100%;height:78px;}
#botspace  {height:30px;width:100%;background: url(../images/page/ss_sf_menubg.gif) bottom repeat-x;}/*come into play with carousel/fisheye*/
#botspace2  {height:30px;}
#topspace {width:100%;background:#000;height:30px;}

/*Sections*/
body {background:#CBBB9A  url(../images/page/pagebg.png) repeat-x;}

#top-l{background:  url(../images/page/top-l.png) 0 0 no-repeat;}
#top-r{background:  url(../images/page/top-r.png) 100% 0 no-repeat;}
#top-mid {background: url(../images/page/top-mid.png) 100% 0 repeat-x;margin:0 20px 0 20px;height:60px;}/*<<< Main Header Height*/

#mid-mid{background:#444;margin:0 10px 0 10px;}
#mid-l{background:  url(../images/page/mid-l.png) 0 0 repeat-y;}
#mid-r{background:  url(../images/page/mid-r.png) 100% 0 repeat-y;}

#bot-l{background:  url(../images/page/bot-l.png) 0 100% no-repeat;}
#bot-r{background:  url(../images/page/bot-r.png) 100% 100% no-repeat;}
#bot-mid {background: url(../images/page/bot-mid.png) 100% 100% repeat-x;margin:0 20px 0 20px;height:100px;}

.vertcolfix {min-height:300px;}
/*Inset*/
	#inset{width:200px;}
	#inset-fixed{width:200px;}
	#inset-mid-left {background:none;}
	#inset-mid-right {background:none;}

	/*#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:0px solid #fff; border-left:2px solid #fff;}*/
#sidecol{margin-right:230px;background:#342F27 url(../images/page/sidecol-l.png) left top repeat-y;}
#rightcol{padding-top:30px;float:right;width:230px;background:url(../images/page/sidecol-tr.png) left top no-repeat;}
 	/*CENTER - left and middle columns */
		/*Middle Column */
#centercol {margin-left:230px;background:#F2F1D3;margin-right:0px;}
#centercolmain {padding:0px;}
#mainbody{float:left;width:100%;/*overflow:hidden;*/border-top:4px solid #DBD2AC;padding-bottom:10px;background:url(../images/page/mainbodyside.png) repeat-y;}
#mainbodyinner{padding:10px;}
		/*Left Column */
#leftcol{padding-top:30px;float:left;width:230px;/**/background:url(../images/page/sidecol-tl.png) right top no-repeat;}
#advert1{width:100%;position:relative;overflow:hidden;}
#adverts{}
/*#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;width:100%;overflow:hidden;}
#footerzone a{font-weight:bold;}
#footerzone a, #footerzone .module{color:#4D759A;}
.nomargin{margin-right:0;}
#pagecolor{border-bottom:4px solid #2C4256;}
/*Alternating table rows*/
tr.sectiontableentry1 td,td.sectiontableentry1 {padding: 4px;background-color:#DBD2AC;}
tr.sectiontableentry2 td,td.sectiontableentry2 {padding: 4px;background-color:transparent;}
#userscont2 tr.sectiontableentry1 td,#userscont2 td.sectiontableentry1,
#leftcol tr.sectiontableentry1 td,#leftcol td.sectiontableentry1, #rightcol tr.sectiontableentry1 td,
#rightcol td.sectiontableentry1  {padding: 4px;background-color:#29251F;}
/*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 {font-family:Verdana, Arial, Helvetica, sans-serif;
color:#838263; } 
/*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:.65em;}

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

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

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

#mainbody a:link,#mainbody a:visited {color:#903900;}
.contentpaneopen p a:link {background: url(../images/link.png) no-repeat left 50%;padding-left: 13px;}
#pathway a:hover, #mainbody p 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:#917C4F;}
h4 {color:#758DB3;}
h6 {color:#7797AC;}
.contentheading {color:#4D759A;/*background:url(../images/contentheading.png) no-repeat left top;text-indent:25px;*/}
.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: #DBD2AC;margin: 5px 0 15px;border-top: 5px solid #ACCCA8;border-bottom: 5px solid #ACCCA8; color:#4A4643;}
.quotes {color:#4D759A; 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 10px 10px 20px;
background: url(../images/accents/quotend.png) bottom right no-repeat;} 
.quotebox {color:#4D759A; background: url(../images/accents/quotebox.png) no-repeat 0px 0px #DBD2AC;padding:10px 0 0 10px;margin:10px;text-align:center;
font-style:italic;font-weight:bold;}
.quotebox div {background: url(../images/accents/quoteboxend.png) no-repeat right bottom; margin:0;padding: 0 10px 10px 0;}
.highlight {border-bottom: 1px dotted;font-weight: bold;background: #D9DFF0;}
.dropcap {float: left;padding: 4px 8px 0 0;display: block;color: #999474; font: 50px/40px Georgia, Times, serif;}
.attn {padding-left: 25px;color: #CC0000;background:#DBD2AC url(../images/accents/attn.gif) no-repeat top left;line-height:20px;}
.info {padding-left: 25px;color: #3589E3;background:#DBD2AC  url(../images/accents/info.gif) no-repeat top left;line-height:20px;}
.tip {padding-left: 25px;color: #DF8600;background:#DBD2AC  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 20px;background: url(../images/accents/check.gif) no-repeat 0px 0px;}
#mainbody ul.checklist ul li {background:url(../images/indent2.png) no-repeat 0 3px;padding:0 0 2px 8px;}
.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.module {color:#848364;padding-top:10px;}
div.module a{color:#838263;font-weight:bold;}
div.module a:hover{text-decoration:underline;}
div.module h3 {color:#fff;font-size: 1.2em;}
#rightcol .module h3 {text-align:center;font-weight: bold;margin-top:0px;
height:35px;line-height:30px;color:#fff; margin-left:-15px;background:url(../images/page/mod_h3.png) left no-repeat;}
#leftcol .module h3 {text-align:center;font-weight: bold;margin-top:0px;
height:35px;line-height:30px;color:#fff; margin-right:-15px;background:url(../images/page/mod_h3_l.png) right no-repeat;}
div.module div {padding-bottom:10px;}
div.module div div div { padding:0px 15px 0px 5px; margin-left:10px;}

div.moduleimage {color:#617684;overflow:hidden;padding:0px;background:#000;margin:0px;width:100%;}
div.moduleimage a{color:#617684;font-weight:bold;}
div.moduleimage a:hover{text-decoration:underline;}
div.moduleimage h3 {border-bottom: 1px solid #C1DBBE; text-align:center;font-weight: bold;font-size: 1.2em;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;}

div.modlook {color:#848364;padding-top:0px;background:#E5DFC0 url(../images/page/mod_1.png) left top repeat-y;}
div.modlook a{color:#848364;text-decoration:none;font-weight:bold;}
div.modlook a:hover{text-decoration:underline;}
div.modlook h3 {border-bottom: 1px solid #DBD2AC; text-align:left;font-weight: bold;font-size: 1.2em;margin-top:0px;margin-left:-10px;
height:25px;line-height:25px;color:#4D759A;}
div.modlook div {padding-bottom:8px;}
div.modlook div div div { padding:0px 10px 0px 0px; margin-left:10px;}

#inset .module, #inset .module a{color:#fff;}
#inset .module h3 {text-align:center; text-indent:0px; color:#fff;border-bottom:3px solid #DBD2AC;padding:3px;}
/*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%;border-bottom:4px solid #DBD2AC;}
#topwidener {width:100%;height:0;}
.fullwidthcontainer1{width:100%;}
#userscont1{width:100%;background:#E5DFC0;}
#userscont1border{border-top:4px solid #DBD2AC;}
#userscont2 {padding:0px;background:#1D2C38 url(../images/page/bottom_blue.png) repeat-x;border-top:4px solid #4D759A;}
.userahalf {float: left;overflow: hidden;width: 49.999%; }
.userbhalf {float: right;overflow: hidden;width: 48.9%; padding-left: 1.0%;}
.userathird {float: left;overflow: hidden;width: 33%; }
.userbthird {padding-left: .999%;float: left;overflow: hidden;width: 32.4%;}
#users45container{position:relative;float:left;padding:0;border-top:4px solid #DBD2AC;border-bottom:4px solid #DBD2AC; background:#E5DFC0 /*url(../images/mods/mod_2_top.png) top repeat-x*/;}

.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;text-indent:4px;}
.normlist a.mainlevel#active_menu{ background:url(../images/active_menu_1.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:#F2F1D3;border: #666 1px solid;background: #29251F;margin-right: 5px;font-size:1.0em;padding:2px;} */

.inputbox { color: black; font-size: 1em; background: #fff; margin-right: 5px; padding: 2px; border: solid 1px #666 }


.button {margin:8px 0;font-size: 1.0em;background:#29251F;color:#F2F1D3;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:#968155;}
		#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,#mainbody a.readon:hover  {float: left;display: block;background: url(../images/readon_blue.gif) no-repeat top;
text-decoration:none;border-bottom:0px;	width: 100px;height: 25px;text-indent: -300%;}

/*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:#F2F1D3;
}
#ss li li a, #sf li li a, #carousel 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;

}
#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;
}