/**   Intricate Designs 2008 - Kaslo.org Community Network - CSS Stylesheet   **/

/**   Core HTML   **/


html 		{ 	height: 100%; margin-bottom: 1px; }
body 	{	margin: 0px;}
a, a:visited {	text-decoration: none; font-weight: bold; color: #000099;}
a:hover	{	color: #666666; }
a img 	{	border: none;}
.clear		{ clear: both; height: 0.1%;} 
.clearleft 	{clear: left:}


#component fieldset { border: solid 1px #CCCCCC; 
			font: normal 10pt Arial, Helvetica, Sans-Serif; 
			padding: 10px;
			position: relative;
			margin: 3em 0 1em 0;
			background: #EEEEEE;	}


#component legend { font: bold 14px "Times New Roman", Times, Serif;
			position: absolute;
			top: -1.7em;
			left: 1em;
			background: #EEEEEE; 
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 3px;
			padding-bottom: 3px;
			margin: 0px;
			border-top: solid 1px #CCCCCC;
			border-left: solid 1px #CCCCCC;
			border-right: solid 1px #CCCCCC;
			border-bottom: solid 1px #EEEEEE;
			font: bold 10pt Arial, Helvetica, Sans-Serif;	}

table.adminform { padding-bottom: 10px; font-weight: bold; clear: both;}


#editor-xtd-buttons {}

#editor_toggle_text {margin-top: 10px;}


.tool-tip {
			float: left;
			background: #ffc;
			border: 1px solid #D4D5AA;
			padding: 5px;
			max-width: 200px;}


.tool-title {
			padding: 0;
			margin: 0;
			font-size: 100%;
			font-weight: bold;
			margin-top: -15px;
			padding-top: 15px;
			padding-bottom: 5px;
			background: url(../../system/images/selector-arrow.png) no-repeat;
			border-bottom: 1px solid #D4D5AA;}


.tool-text {	padding-top: 5px;
			font-size: 100%;
			margin: 0;}


/**   Wrapper  **/


#fullwrapper { 	width: 100%; }
#wrapper	 {	width: 980px; margin: auto; display: block;}


/**   Top Menu **/


#search { 	float: right; 
			height: 24px; 
			margin: 0px; 
			padding-left: 10px; padding-right: 10px; }
			
#search input {border: solid 1px #d7d7d7; 
			color: #888888; 
			height: 19px; 
			padding-left: 4px; 
			margin: 0px;	}


/**   Header  / Logo  **/


#header { 	width: 100%; 
			height: 125px; 
			border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC;
			background: url(../images/wave_bg.jpg) repeat-x; 
            margin: 0px;
			float: left;
			padding: 0px;			}


/**   NAV  **/


#nav { 		border: double 3px #CCCCCC; 
			float: left; 
			width: 976px;	}

#nav  ul.menu {
			background: url(../images/whiteglass_bg.gif) repeat-x;	
			font: bold 10pt Arial, Helvetica, Sans-Serif;
			margin: 0px;
			padding: 0px;
			width: 100%;
			float: left;
			list-style: none;
			height: 32px;	}

#nav  ul.menu  li{
			display: inline;
            margin: 0px;
			padding: 0px;
			float: left;	}

#nav  ul.menu li a { 
			color: #000000; 
			text-decoration: none; 
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 8px;
			padding-bottom: 8px;
			margin: 0px;
			display: block;
			border-right: solid 1px #CCCCCC;	}

#nav ul.menu li a:hover { 
			background: url(../images/greyglass_bg.gif) repeat-x; 	 }
			 
#nav ul.menu li a#current { background: url(../images/redglass_bg.gif) repeat-x !important; 
			padding-top: 8px;
			padding-bottom: 8px; color: #FFFFFF;	}
			
#nav ul.menu li#current a{color: #FFFFFF; }

/**   NFP Menu **/


#topmenu { 	border: double 3px #CCCCCC; 
			float: left; 
			width: 976px;	}


#topmenu  ul.menu {
			background: url(../images/blackglass_bg.gif) repeat-x;	
			font: bold 10pt Arial, Helvetica, Sans-Serif;
			margin: 0px;
			padding: 0px;
			width: 100%;
			float: left;
			list-style: none;
			height: 32px;	}


#topmenu  ul.menu  li{
			display: inline;
            margin: 0px;
			padding: 0px;
			float: left;	}


#topmenu  ul.menu li a { 
			color: #FFFFFF; 
			text-decoration: none; 
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 8px;
			padding-bottom: 8px;
			margin: 0px;
			display: block;
			border-right: solid 1px #999999;	}


#topmenu ul.menu li a:hover { 
			background: url(../images/blackglass_bg2.gif) repeat-x; 
			 }

#topmenu ul.menu a#current { background: url(../images/redglass_bg.gif) repeat-x!important; 
			padding-top: 8px;
			padding-bottom: 8px; color: #FFFFFF;	}


/**   Universal Drop-Down Suckerfish & JQuery Menu  **/


ul li ul {		position: absolute;
			left: -999em;		
			font: bold 10pt Arial, Helvetica, Sans-Serif;
			top: auto;
			border-top: solid 1px #CCCCCC;
			border-left: solid 1px #CCCCCC;
			border-right: solid 1px #CCCCCC;
			margin: 0px;
			padding: 0px;
			list-style: none;
			width: 220px;
			float: left;
			height: auto;	}


ul li ul li{	margin: 0px; 
			padding: 0px; 
			display: block; 
			width: 220px; 
			border-bottom: solid 1px #DDDDDD;
			border-right: solid 1px #DDDDDD;
			border-top: solid 1px #FFFFFF;
			background: #F5F5F5;	}


ul li ul li a{	color: #000099 !important; 
			text-decoration: none; 
			margin: 0px;
			list-style: none;
			display: block;
			font: bold 8pt Arial, Helvetica, Sans-Serif;
			border: none !important;
			padding-left: 8px;		}


ul li ul a:hover { 
			padding-top: 8px; 
			padding-bottom: 8px; 
			left: auto; 
			background: #F5F5F5 url(../images/content_bg.jpg) no-repeat !important; 
			border: none !important;	}
			
ul li ul { 		display: none; 
			left: auto;		}	
			
ul:animated { display: block; 
			left: auto;		}
			
ul li:hover ul { 
			display: block; 
			left: auto;	}
			
ul { height: auto; }

ul li#current {background: url(../images/redglass_bg.gif) repeat-x;}

li#current a{color: #FFFFFF ;}

ul li ul li#current a{ color: #990000 !important;}

ul li ul li#current {background: #F5F5F5 url(../images/content_bg.jpg) no-repeat !important; }

/**   Content Wrapper  **/


#sidebar {	width: 205px; 
			float: left; 
			margin-right: 10px; 	}


#content { 	width: 100%; 
			background: url(../images/wave_bg.jpg) repeat-x;
			float: left;
			border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC;	}


#component { float: left;}							


/**   Whitebox  **/


#whitebox { 
			font: normal 8pt Arial, Helvetica, Sans-Serif;
			color: #333333;
			background: #EEEEEE;
			border-bottom: double 3px #CCCCCC;
			border-top: solid 1px #F7F7F7;
			padding-top: 5px;
			padding-bottom: 5px;
			width: 100%;
			height: 22px;
			margin-bottom: 20px;	}


#breadcrumb {font: normal 8pt Arial, Helvetica, Sans-Serif;
			color: #800000;
			background: #F5F5F5;
			border-top: solid 1px #CCCCCC;
			border-bottom: solid 1px #CCCCCC;
			padding-top: 6px;
			padding-bottom: 6px;
			width: 100%;
			margin-top: 10px;
			float: left;	}
			

#breadcrumb #text { 
			padding-left: 13px; 
			font-weight: bold;	}


#breadcrumb .date { border-right: solid 1px #CCCCCC; 
			margin-right: 10px; 
			padding-right: 10px; padding-top: 6px; padding-bottom: 6px;		}


#login {		width: 500px; 
			display: inline;	}


#usermenu { 	width:958px;	}	


#usermenu  ul.menu {
			background: url(../images/blackglass_bg.gif) repeat-x;	
			font: bold 10pt Arial, Helvetica, Sans-Serif;
			margin: 0px;
			padding: 0px;
			width: 100%;
			float: left;
			list-style: none;
			border: solid 1px #CCCCCC;		}


#usermenu  ul.menu  li{
			display: inline;
            margin: 0px;
			padding: 0px;
			float: left;	}


			


#usermenu  ul.menu li a { 
			color: #FFFFFF; 
			text-decoration: none; 
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 7px;
			padding-bottom: 7px;
			margin: 0px;
			display: block;
			border-right: solid 1px #CCCCCC;	}


#usermenu  ul.menu li a:hover { background: url(../images/blackglass_bg2.gif) repeat-x;		}


/**   Component  **/


#main  { 	padding: 10px; 
			width: 717px; 
			border: double 3px #CCCCCC; 
			background-color: #FFFFFF ;
			font: normal 10pt "Times New Roman", Times, Serif;
			float: left;	}


#main h2 { 	font: bold 14pt "Times New Roman", Times, Serif; 
			color: #660000;
			text-align: left; 		}


#component h3 { font: bold 12pt "Times New Roman", Times, Serif; 
			color: #660000;
			text-align: left }


#newscontent { float: left; 
			padding: 10px; }


#main .contenttoc { margin-left: 10px; 
			border: double 3px #cccccc; 
			background: #F4F4F4;	}


#main .contenttoc th { background: url(../images/blackglass_bg.gif) repeat-x;	
			font: bold 10pt Arial, Helvetica, Sans-Serif;
			padding-top: 7px;
			padding-bottom: 7px;
			color: #FFFFFF;
			border-bottom: solid 1px #cccccc;
			text-align: center;		}


#main .contenttoc td { padding-top: 4px; 
			padding-bottom: 4px;	}


#main .pagenavcounter , .pagenavbar { 
			border-bottom: solid 1px #CCCCCC; 
			font: bold 10pt "Times New Roman", Times, Serif; 
			color: #660000;
			text-align: left;	}


a.toclink {  padding-left: 10px;

			padding-right: 10px;

			font: bold 8pt Arial, Helvetica, Sans-Serif;	}


div.componentheading{ 
			font: bold 16pt "Times New Roman", Times, Serif; 
			color: #660000;
			border-bottom: solid 1px #CCCCCC;
			text-align: left;
			margin-bottom: 10px;
			margin-left: 8px;
			margin-top: 3px; }


table.blog, table.contentpane, #component-contact {}


td.contentheading { 
			font: bold 16pt "Times New Roman", Times, Serif; 
			color: #660000;
			border-bottom: solid 1px #CCCCCC;
			text-align: left;	}	


.small { 	font: normal 8pt Arial, Helvetica, Sans-Serif;

			color: #666666;	}


.createdate{ 
			font: normal 8pt Arial, Helvetica, Sans-Serif;
			color: #666666;
			padding-bottom: 10px;	}


.modifydate { font: normal 8pt Arial, Helvetica, Sans-Serif;
			color: #666666;
			border-top: solid 1px #CCCCCC;
			padding-bottom: 10px;
			padding-top: 5px;		}


.contentpaneopen { 
			padding-left: 5px; padding-right: 5px; 
			font: normal 10pt "Times New Roman", Times, Serif; 
			text-align: justify;	}


.poll { 		text-align: left;	}
		

#users { 	background: url(../images/wave_bg.jpg) repeat-x; 
			padding-top: 10px; 
			border-top: double 3px #CCCCCC; 
			height: 100%; 
			min-height: 75px; 
			float: left; 
			width: 100%;	}			


/**   Latest & Most Read Modules **/


.usermod {	float: left; 
			width: 475px; 
			padding-left: 10px;}


.usertitle{ color: #FFFFFF;
			font: bold 10pt Arial, Helvetica, Sans-Serif;
			text-align: center;
			padding-top: 7px; padding-bottom: 0px; 
			margin-top: 0px;
			background: url(../images/blackglass_bg.gif) repeat-x; 
			height: 24px;		
			border: solid 1px #CCCCCC;
			margin-bottom: 1px;	}
			
.usercontent{
			background: #F5F5F5 url(../images/content_bg.jpg) no-repeat;
			padding: 10px; 
			border: double 3px #CCCCCC;
			margin-top: 1px; margin-bottom: 10px;
			font: normal 8pt Arial, Helvetica, Sans-Serif; 	}


.usercontent ul {padding: 0px 0px 0px 15px; 
			margin: 0px;	}


.usercontent ul li {padding: 0px; 
			margin: 0px;	}


/**   Left Column Modules **/


.columnmodtitle { color: #FFFFFF;
			font: bold 10pt Arial, Helvetica, Sans-Serif;
			text-align: center;
			padding-top: 7px; padding-bottom: 0px;
			margin-top: 0px; margin-bottom: 1px;
			background: url(../images/redglass_bg.gif) repeat-x; 
			height: 24px;		
			border: solid 1px #CCCCCC;	}


.columnmodcontent{

			background: #F5F5F5 url(../images/content_bg.jpg) no-repeat;
			padding: 10px; 
			border: double 3px #CCCCCC;
			margin-top: 1px; margin-bottom: 10px;
			font: normal 8pt Arial, Helvetica, Sans-Serif; 	
			text-align: left;	}


.columnmodcontent ul {padding: 0px 0px 0px 0px; 
			margin: 0px; 
			list-style: none;	}


.columnmodcontent ul li { padding: 2px 0px 2px 0px; 
			margin: 0px; 
			list-style: none;	}


/**   Footer  **/


#footer {	background: url(../images/whiteglass_bg.gif) repeat-x; 
			width: 980px;
			border-top: double 3px #CCCCCC;	border-bottom: double 3px #CCCCCC;
			color: #666666;
			font: bold 8pt Arial, Helvetica, Sans-Serif;
			text-align: center;
			padding-top: 9px; padding-bottom: 8px;
			margin: 0px;
			float: left;	} 


#copyright {	color: #333333;
			font: normal 8pt Arial, Helvetica, Sans-Serif;
			text-align: center;
			padding-top: 10px; padding-bottom: 10px;
			margin-top: 10px;
			float: left;
			width: 976px;	}


#copyright p {padding: 0px; 
			margin:0px;	}


.mce_editable { width: 100%; }