/*

JS Education  MY VERSION NOT ORIGINAL EXPERIMENTAL



Copyright 2007 Joomlashack



*/


/*--- editor body ---*/



body.mceContentBody {

background-color: #ffffff !important;

background-image: none;

}

/* undohtml.css 
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet is licensed under a Creative Commons License.
Purpose: undo some of the default styling of common (X)HTML browsers */
body.contentpane {background:#fff; margin: 20px;}
body.contentpane .contentheading {color:#900;
	font-size: 1em;
	font-weight: normal;

}



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



ul,ol { }



h1,h2,h3,h4,h5,h6,pre,code { font-size:1em}



ul,ol,li,h1,h2,h3,h4,h5,h6

{ margin:0; padding:0px;
}

pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding-right:20px;
}

.rightdes{text-indent:-5000px;text-decoration:none;}



a img,:link img,:visited img { border:none }



address { font-style:normal }



a:focus {outline:0;}



.designer {margin:14px 5px 0px 5px;color: #ffffff;text-align:center;}



.designer a:link,.designer a:visited{color: #4A8DFB;font-size:0.8em;text-decoration:none; padding-right:4px; margin-right:4px; border-right: #000 solid 1px;}



.designer a:hover {color:#000;}


/* twitter */

.twitter {position: absolute; width: 170px;}






/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/



/* @group Basic Styles */


html, body {
	height:100%;
	font-family:"Tahoma", Verdana, "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;
	line-height:180%;
	background-color: #fff;
}

a:focus {
	outline: 0;
}

#mainbody ul {
	padding-left: 20px;
}

p {
	margin: 0px 0px 10px 0px;
	color: #666;
	font-size:9pt;
	line-height: 180%;
}

td {
	color: #666;
}
ul, li {

	margin: 0;

	padding: 0;
}
img {

	border: none;
}

.clear {

	clear: both;
}


#main_content h1 {
	font: bold 1.75em/1.2em Helvetica, Arial, Verdana, serif;
	letter-spacing: -1px;
	color: #343F8B;
}

#main_content h2 {
	font: bold 1em/0.8em Arial, Verdana, serif;
	letter-spacing: 1px;
	line-height: 180%;
	color: #666;
}

/*#main_content h3 {
	font: bold 1.5em/1.75em Arial, Verdana, serif;
	letter-spacing: -1px;
	color: #2d3129;

}
#main_content h4 {
	font: bold 1.25em/1.5em Arial, Verdana, serif;
	letter-spacing: -1px;
	color: #2d3129;

}*/

ul#checklist li {
	list-style: none;
	line-height: 16px;
	padding: 2px 0px 2px 18px;
	background: url(../images/tick.png) no-repeat left center;

}


blockquote {
	background: #fffee4;
	color: #333;
	border: 1px solid #d5d5d5;
	padding: 10px;
	margin: 10px 50px;
}

/* @end */


/* ------------------------------Controls site look-----------------------------*/

table.table-wrapper {
	height:100%;
	padding:0px; /* controls padding of site central bit*/
	background:#fff; /*background color site */
	border-bottom:0px solid #4A8DFB;

	}



table.blog {
	width:100%;} /*1.5 bug fix*/ /*-------controls the width of the article display----*/



#header {

	position:relative;

	height:40px;
	
	border:0px solid #000000; 

	}




#site-container {	

	/*background:#fff url(../images/back_repeat.gif) repeat;*/
	padding-top:30px; /*added by me to give edging at to of site*/
	}


#container {

	background:#fff url(../images/saltyheader.png) no-repeat;

	width:1000px;

	margin:0 auto;
	
	border:0px solid #000000; 

	}


#content-container { /*main content editor */



	width:1000px;

	padding-top:30px;

	padding-bottom:0px;
	
	font: 1em "Tahoma", Verdana, "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;

	color:#4A4537;



}



#leftcol {



width:21%;

padding:0 2%;

}

#maincol {
	width:25%;
	padding:0 2%;

	/*background:url(../images/border-line.gif) 0px 40px no-repeat;*/

	}

#rightcol {

	width:42%;

	padding:0 2%;

	/*background:url(../images/border-line.gif) 0px 40px no-repeat;*/

	}

#left_sidebar { width:180px; padding:5px;line-height:2em;

background: #e1edff; /* url(../images/border-line_left.gif) repeat-y left;*/
/* changes the background content box */


}

#left_sidebar h2, #right_sidebar h2 {

	padding: 5px;

	margin: 0;

	/*background: url(../images/lower-content-bg.gif) repeat-x;*/ 
	
	/*HEADER LEFT COLM BACKGROUND*/

	margin: -5px -5px 5px -5px; 

	font-weight: normal;

	height: 20px;

	line-height: 25px;

	text-indent: 5px;

}


#main_content { padding:5px 10px; } /* changes the gutter between main content and side menu*/

#right_sidebar { width:180px; padding:5px;line-height:1.5;
background: #E8E3D4 url(../images/border-line_right.gif) repeat-y right;

	}

#lower-content {

	/*background: url(../images/lower-content-bg.gif) repeat-x;*/
	padding-bottom:30px;



	}


.lower-content-container {

	width:780px;

	margin:0 auto;

	font:1em "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;

	line-height:1.5;

	/*background:url(../images/border-line.gif) 100% 40px no-repeat;*/

	}


.footer {
	
	text-align:center;

	margin-top: 30px;
	padding-bottom:30px;

}


/* $2 - Header Styles */


.header-logo {

	position: relative; /* needed for IE otherwise IE expresses below container also needs to be relative not absolute*/
	
	background: url(../images/salt_temp_logo.png) no-repeat;
	
	height:88px;
	
	width:320px;

	padding-top:0px;
	
	padding-left:0px;
	
	border:0px solid #000000;

	}



.header-logo h1 a {

	color: #000;

	padding:0;

	margin: 0;

	/*font: 30px/30px Optima, "Times New Roman", Times, serif;*/

	text-decoration: none;
	
	border:0px solid #000000;

}

.header-logo h2 {

	color: #8C0000;

	font: 12px/12px Arial, "Arial", Helvetica, sans-serif;

	padding:0;

	margin: 0;
	
	border:0px solid #000000;


}


#header-functions {

/* Date and text size controls*/

	position:relative;

	/*top:293px;*/
	
	/*z-index:906;*/

	left:0;

	width:200px;

	border:0px solid #000000;

	}


p.date {

	padding-left:5px;

	font:normal .75em "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;

	color:#000;

	letter-spacing:1px;

	margin:0 0 6px 0;

	}


.moduletable-search {

	padding-left:5px;

	}

.search-search input {

	float:left;

	border:none;

	}

.search-search input {

	height:15px;

	width:110px;

	padding:0 3px;

	margin-right:2px;

	background:url(../images/search-bg.gif) no-repeat;

	}


.search-search input.button-search {

	height:25px;

	width:30px;

	padding:0px 2px;

	background:url(../images/button-search-bg_green.png) no-repeat;

	font:.7em "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;

	color:white;

	cursor:pointer;

	}


/* $3 - Content Styles */
/*------------------------- controls the internal article links---------*/
a,

a:link,

a:visited {

	color:#4A8DFB; 

	}

a:hover {

	text-decoration:underline;

	}


/*Content Links*/ /* BODY TITLE INFORMATION */



#content-container td.contentheading, #content-container .contentheading {

	color:#4A8DFB;
	text-align: left;
	text-decoration:none;
	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;
	padding: 0;
	border-bottom: 1px solid #ccc;

}


#content-container a.contentpagetitle:link,#content-container a.contentpagetitle:visited {
/* link colours and formatting*/

	color:#4A8DFB;
	text-align: left;
	text-decoration:none;
	font: normal 1.0em/1.5em "Trebuchet MS", Geneva, sans-serif;

}

#content-container a.contentpagetitle:hover {color:#666;text-decoration:none;}



#content-container .componentheading {color:#000;font:normal 1.07em/1.5em Arial, Helvetica, sans-serif; border-bottom: 1px solid #ccc;}



#content-container div.sitemap h2.componentheading {

    color:#4A8DFB;
	text-align: left;
	text-decoration :none;
	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;
	padding: 0;
	border-bottom: 1px solid #ccc;

}	

h1,h2,h3,h4,h5,h6 {

	font-size:10pt;
	
	font-weight:200;
	
	color:#778899; /*left side menu headings*/



	font-family:"Tahoma", Verdana, Arial, Helvetica, Sans-Serif;


	}


.lower-content-container h3 {

	height:35px;
	line-height:31px;
	font-size:13px;

	}

div#content-container ul, div#content-container ol, #lower-content ul, #lower-content ol {
	margin-left: 20px;

	}

div#content-container ul, #lower-content ul {
	margin-left:0px;
	list-style:none;

	}

img {
	border:none;
	}

.lower-content-container .moduletable {
	padding:0 0 15px 0;
	margin-bottom:15px;
	background:url(../images/border-hz.gif) 0% 100% no-repeat;

	}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 
	clear: both; 
	visibility: hidden;

}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */


#saltrotator { /* placeing a "position:" tag in IE doesnt display drop-down menu*/

position:relative;

padding: 0px 0px -20px 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom:-20px;

width:100%;

height:100%; /*putting a percentage or 'auto' adds gap in FF as it does in IE6*/

border: 0px solid #000000;

background-color:#fff;

}



/*top links*/

#quicklinks {
	
	font: normal normal 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	
	position: relative;
	
	top:10px;
	
	width: 60%; /*needs a fixed width or % that does not encroach on the header-logo for IE6 otherwise it displays the logo below quicklinks*/

	height: 65px;
	
	float: right;
	
	padding: 0px 10px 0px 0px; /* top right bottom left */
	
	text-align: right;

	background:none;

	border:0px solid #000000;

}

#quicklinks ul	{
	
	float: right; 
	
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	
	list-style: none;

	padding: 0;

	margin: 0;

	margin-left: 2px;}
	

#quicklinks ul li {
	position: relative;
	margin: 0;}	
	
	

	
#quicklinks a {
	
	float: left;
	
	display: block; /* determines the style of the menu as vertical or horizontal inline, block etc*/

	height: 16px;

	padding: 2px 5px 5px 10px;

	margin-bottom: 0px;
	
	margin-right:5px;

	color: #fff; /* top level colour static colour*/

	text-decoration: none;

	border: none;
	
	border-right: 1px solid #000;

}

#quicklinks li a:hover {
	color: none; background:none;}

#quicklinks ul li:hover, #quicklinks ul li.sfhover {color: none;}


#quicklinks li{
	float: left;
	color: none;
	padding: 0;
	border-bottom: 0px solid #000000;}
	

#quicklinks ul li {
	color: none;
	
	margin-right: 1px;

	border-right: 0px solid #000000;}
	
#quicklinks ul li ul li {
	
	color: none;

	margin-right: 0px;

	border-right: 0px solid #000000;

}

#quicklinks li:hover ul,

#quicklinks li li:hover ul, 

#quicklinks li li li:hover ul, 

#quicklinks li li li li:hover ul,

#quicklinks li.sfhover ul, 

#quicklinks li li.sfhover ul, 

#quicklinks li li li.sfhover ul,

#quicklinks li li li li.sfhover ul {

	background:none;
	color: none;
}

#quicklinks li:hover a, #quicklinks li.sfhover a { /*main buttons rollover colour*/
color: #008b8b;
}



#quicklinks ul li ul li a:link,

#quicklinks ul li ul li a:visited

 {

	color: none;

}

#quicklinks ul li ul li a:hover
}

#quicklinks ul li.active ul li a:hover {

	color: none;

}

#quicklinks li li a {

	font-weight: normal;

	padding: 0px;

	height:25px; /*effects the height of the dropdown*/

	line-height: 17px; /* space between text on the dropdown*/

	text-indent: 5px;

}



#quicklinks ul ul a {

	display: Block;

	text-decoration: none;

	width: 70px; /* control the width of dropdown submenus*/

	text-transform: none;

}



#quicklinks li li {

	padding: 0;

	background: none;

	/*DONT SHOW THE BACKGROUND IMAGE*/

}



/*SUBLEVEL POSITIONING*/



#quicklinks li li {

	float: left;

	padding: 0;

	width: 70px; /*this also needs to be the same as above navbar ul ul a parent*/

}



#quicklinks li ul ul {

	margin: -29px 0 0 120px; /* this is the borderline, margin around dropdown also needs to match*/

}



#quicklinks li:hover, #quicklinks li.sfhover {

	left: 0;

}

#quicklinks ul ul a:hover {

	background: none;

	height: 25px;

	line-height: 17px;

	padding: 0;

	margin: 0;

}

#quicklinks li ul {

	top: 20px;

	position: absolute;

	left: -999em;

	height: auto;

	width: 70px; /* borderline needs to match above size also*/

	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;

	font-weight: normal;

	border-width: 0;

	margin: 0;

	padding: 0;


}

#quicklinks li.active a:link,

#quicklinks li.active a:visited,

#quicklinks li.active ul.sfhover

 {

	background:none;

	color: none; /* colour when link is active, on the page of the link, if set to none top-level (#quicklinks li:hover a, #quicklinks li.sfhover a +#quicklinks a )take over*/

}

/* SUBLEVEL LI BACKGROUND */

#quicklinks li li:hover {

	background: none;

}

/* HIDE OTHER LISTS FROM IE */

#quicklinks li:hover ul ul, 

#quicklinks li:hover ul ul ul,

#quicklinks li:hover ul ul ul ul,  

#quicklinks li.sfhover ul ul, 

#quicklinks li.sfhover ul ul ul, 

#quicklinks li.sfhover ul ul ul ul {

	left: -999em;

}


#quicklinks li:hover ul, 

#quicklinks li li:hover ul, 

#quicklinks li li li:hover ul, 

#quicklinks li li li li:hover ul,

#quicklinks li.sfhover ul, 

#quicklinks li li.sfhover ul, 

#quicklinks li li li.sfhover ul,

#quicklinks li li li li.sfhover ul {

	z-index: 100;

	left: 0;

}



/* BECAUSE IE DOESNT UNDERSTAND CSS EVEN IN 2007 */



#quicklinks li.sfhover ul li.sfhover {

	background: none;

}


#quicklinks li:hover li:hover a.child,

#quicklinks li.sfhover li.sfhover a.child {

	color: none;

}


/* Left Column Menu Flat List */


#left_sidebar ul {

	font: normal normal 10px "Lucida Grande", Lucida, Verdana, sans-serif;

	list-style:none;

	margin:0;

	padding:0px;

}



#left_sidebar li {

	list-style:none;

	margin:0;

	padding:0;

}


#left_sidebar li a {

	height: 18px;

	display: block;



	padding: 2px 0px 2px 5px;



	margin-bottom: 1px;



	color: #4A8DFB;



	text-decoration: none;



	border-bottom: 1px solid #4A8DFB;



	/*background: url(../images/mainlevel.png) repeat-x 0 0;*/



}







#left_sidebar li a:hover {

	color:#444;

	/*background: url(../images/mainlevel.png) repeat-x 0 -20px;*/



}











#left_sidebar li.latestnews a,#left_sidebar li.mostread a{



display:inline;



padding:0;



	margin-bottom:0;



	color:#000;



	background:none;



}







#left_sidebar a.latestnews:hover,#left_sidebar a.mostread:hover {



background:none;



text-decoration:underline;



}



/* @end */











/* $4 Header Nav Styles */











	



/*--- forms styles ---*/



form {



	padding: 0;



	margin: 0;



}







input.button {



	color: #000;



	padding: 4px;



	margin: 10px;



	font-size: 10px;



	background: url(../images/but_bg.png) repeat-x center center;



	border:1px solid #ccc;



}







div.message {



	color: #cd2800;



	font-size: 18px;



	font-weight: bold;



}







.inputbox {



	border: 1px solid #999;



}







.moduletable .inputbox {



	border: 1px solid #999;



	height: 14px;



	font: 11px Arial, Helvetica, Geneva, sans-serif;



	color: #333;



}







/*-- default Joomla styles --*/



.article_seperator { }

.article_column {padding:8px; margin:0 8px;}/* added by me! defines column spaceing between articles in main content*/

.back_button { }



.blog { }



.blog_more { }



.blogsection { }



.button {background: #666 url(../images/mainlevel.png) repeat-x left center;border: 1px solid #000;color: #fff;font-size: 11px;line-height: 16px;}



.buttonheading { }



.category { }



.clr {clear:both;}



.componentheading { }



.contact_email { }



.content_rating { }



.content_vote { }



.contentdescription { }



.contentheading { }



.contentpagetitle { }



.contentpane { }



.contentpaneopen {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:9pt;}   



.contenttoc { }



.createdate {margin:5px;color: #bbb;font-size: 10px;}



.fase4rdf  { }



.frontpageheader  { }



.highlight {background-color:#FFFFff;color:#000000;}



.latestnews  { }



.message  { }



.modifydate {margin:5px;color: #bbb;font-size: 10px;}



.module  { }



div.moduletable {margin-bottom: 20px;} 



div.mosimage {border: 1px solid #eaeaea;margin: 7px;}



div.mosimage_caption {padding: 2px;background-color: #f7f7f7;border-top: 1px solid #eee;}



.mostread  { }



.newsfeed  { }



.newsfeeddate {margin:5px;color: #bbb;font-size: 10px;}



.newsfeedheading { }



.pagenav { }



.pagenav_next { }



.pagenav_prev { }



.pagenavbar { }



.pagenavcounter { }



.pathway { }



.polls { }



table.pollstableborder {text-align:left;}



table.pollstableborder tr {padding: 2px 0;}



table.pollstableborder td {padding: 0 2px;}



a.readon {color: #ffa500;display: block;float: right;line-height: 12px;background: url(../images/readon.gif) no-repeat left center;text-indent: 16px;text-decoration: underline;}



a.readon:hover {color: #600;display: block;float: right;line-height: 12px;background: url(../images/readon.gif) no-repeat left center;text-indent: 16px;text-decoration: none;}



#left_sidebar a.readon {color: #ffa500;display: block;float: right;line-height: 12px;background: url(../images/readon_side.gif) no-repeat left center;text-indent: 16px;text-decoration: underline;}



#left_sidebar a.readon:hover {color: #600;display: block;float: right;line-height: 12px;background: url(../images/readon_side.gif) no-repeat left center;text-indent: 16px;text-decoration: none;}



#right_sidebar a.readon {color: #ffa500;display: block;float: right;line-height: 12px;background: url(../images/readon_side.gif) no-repeat left center;text-indent: 16px;text-decoration: underline;}



#right_sidebar a.readon:hover {color: #600;display: block;float: right;line-height: 12px;background: url(../images/readon_side.gif) no-repeat left center;text-indent: 16px;text-decoration: none;}



.search { }



.searchintro { }



td.sectiontableentry1 {padding: 4px;}



td.sectiontableentry2 {background: #f2f2f2;padding: 4px;}



td.sectiontableheader {background: #d8d8d8;color: #333;font-weight: bold;padding: 4px;}



.sitetitle { }



.small {margin:5px;color: #bbb;font-size: 10px;}



.smalldark {margin:5px;color: #994;font-size: 10px;}



.syndicate { }



.syndicate_text { }



.toclink { }



.weblinks { }



.wrapper { }