/********************************************************************
 * JOOMLA! TEMPLATE CSS FILE
 * ----------------------------------------------------------------
 * Copyright (C) 2005 - 2008 JoomlaShine.com. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: JoomlaShine.com
 * Websites:  http://www.joomlashine.com
 * ----------------------------------------------------------------
 * 
 * STANDARD JOOMLA ELEMENTS:
 * Settings for standard typography like headings, paragraphs, etc.
 * and standard Joomla elements like content heading, mosimage,
 * read more button, etc.
 *
*********************************************************************/

/** PATHWAY **/
/* Path way container */
span.pathway {
	font-weight: bold;
	font-size: 0.9em;
}

a.pathway:link,
a.pathway:visited {
	padding: 0 .35em;
	font-weight: normal;
	text-decoration: none;
}

a.pathway:hover {
	text-decoration: underline;
}

/** HEADING AREA **/
/* page heading */
.componentheading,
.contentheading {
	font-size: 18px;
}

/* Content title link */
a.contentpagetitle:link,
a.contentpagetitle:visited {
	text-decoration: none;
}

a.contentpagetitle:hover {
	text-decoration: underline;
}

/** CONTENT AREA **/
/* Blog page main wrapper */
table.blog {
	width: 100%;
}

table.blog td {
	padding-right: .4em;
}

/* Content container */
table.contentpane,
table.contentpaneopen {
	width: 100%;
}

/* Separator after each content container TD */
span.article_seperator {
	display: block;
	height: 1px;
}

table.blog span.article_seperator {
	height: 1.5em;
}

/* 3 buttons */
td.buttonheading {
	padding: 0 2px;
}

/* Data & written by area */
span.small,
td.createdate,
td.modifydate {
	font-size: 0.9em;
	padding-bottom: .6em;
}

/* Page counter */
div.pagenavcounter {
	margin: .5em 0;
	font-size: .9em;
	font-weight: bold;
}

/* Table of content */
table.contenttoc {
	margin: 1em;
	padding: 0 .5em;
}

table.contenttoc th {
	padding: .4em;
	background: url(../images/grey_dot.png) bottom repeat-x;
	font-weight: bold;
	text-align: center;
}

table.contenttoc td {
	padding: .2em .5em;
}

a.toclink:link,
a.toclink:visited {
	font-size: .9em;
}

a.toclink:hover {
}

div.mosimage {
	padding: .3em;
	margin: .8em;
}

div.mosimage_caption {
	padding: .2em;
	font-weight: bold;
	font-size: 0.9em;
}

/* Read more */
a.readon:link,
a.readon:visited {
	padding: 3px 6px 3px 22px;
	text-decoration: none;
}

a.readon:hover {
	text-decoration: none;
}

/** COMPONENT AND CONTENT TABLE PAGE **/
/* Description in content table and component page */
td.contentdescription {
	padding: .5em 0;
}

/* Links in Section Table page */
a.category:link,
a.category:visited {
	font-weight: bold;
}

a.category:hover {
}

/* table in category table page */
td.sectiontableheader {
	padding: .5em 1em;
	font-weight: bold;
	text-transform: uppercase;
}

/* table's row 1 */
tr.sectiontableentry1 td {
	padding: .5em .8em;
}

/* table's row 2 */
tr.sectiontableentry2 td {
	padding: .5em .8em;
}

.smalldark {
}

/** "MORE..." AREA **/
/* "More..." panel */
div.blog_more {
}

/* "More..." panel heading text */
div.blog_more div {
	padding-bottom: .3em;
}

/* "More..." block links */
div.blog_more ul {
}

div.blog_more li{
}

/* "More..." panel links */
a.blogsection:link, a.blogsection:visited {
	text-decoration: none;
}

a.blogsection:hover {
	text-decoration: underline;
}

/** BOTTOM NAVIGATION BAR **/
/* content page nav */
div.pagenavbar div {
	font-weight: bold;
	font-size: .9em;
}

div.pagenavbar a:link, 
div.pagenavbar a:visited {
	text-decoration: none;
}

div.pagenavbar a:hover {
	text-decoration: underline;
}

/* content item rolling nav */
th.pagenav_prev, th.pagenav_next {
	font-size: .9em;
	font-weight: bold;
}

th.pagenav_prev a:link, th.pagenav_prev a:visited,
th.pagenav_next a:link, th.pagenav_next a:visited {
	text-decoration: none;
}

th.pagenav_prev a:hover, th.pagenav_next a:hover {
	text-decoration: underline;
}

/* blog pages nav */
.pagenav {
	padding: 0 .5em;
	margin-top: 1em;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
}

/* blog pages nav link */
a.pagenav:link, a.pagenav:visited {
	text-decoration: none;
	text-transform: uppercase;
}

a.pagenav:hover {
	text-decoration: underline;
}

/* Back button */
div.back_button {
	margin: .5em 0;
	padding: .4em 0;
	font-weight: bold;
}

div.back_button a:link,
div.back_button a:visited {
	text-decoration: none;
	text-transform: uppercase;
}

div.back_button a:hover{
	text-decoration: underline;
}

.hd {
	display: none;
}

/** COMMON FORM **/
input.button {
}

input.inputbox {
}

input.inputbox:hover,
input.button:hover {
}

input.inputbox:focus {
}

/** POP UP FORMS **/
body.contentpane {
	padding: 1em;
}

/** SEARCH MODULE **/
/* Search wrapper */
div.search {
}

/* Search input box */
input#mod_search_searchword {
}

span.highlight {
	padding: .2em;
}

/** LOGIN MODULE **/
input#mod_login_username {
	width: 120px;
}

input#mod_login_password {
	width: 120px;
}

input#mod_login_remember {
	border: none;
	background: none;
	vertical-align: middle;
}

/** LATEST NEWS & POPULAR MODULE **/
ul.latestnews,
ul.mostread {
}

ul.latestnews li,
ul.mostread li {
}

/** POLL MODULE **/
/* poll's table */
td.poll {
}

/* poll's question */
td.poll thead td {
}

/* poll's answers */
table.poll td {
	text-align: left;
}

/* poll's answers table */
table.pollstableborder {
	margin: .5em 0;
	text-align: left;
}

table.pollstableborder td{
	font-size: .9em;
}

/* poll's answer row 1 */
td.sectiontableentry1 {
	padding: .3em .2em;
}

/* poll's answer row 2 */
td.sectiontableentry2 {
	padding: .3em .2em;
}


/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-suckerfish-horizontal, a.mainlevel_active-suckerfish-horizontal, a.mainlevel_current-suckerfish-horizontal,
a.mainlevel-suckerfish-horizontal:link, a.mainlevel_active-suckerfish-horizontal:link, a.mainlevel_current-suckerfish-horizontal:link,
a.mainlevel-suckerfish-horizontal:visited, a.mainlevel_active-suckerfish-horizontal:visited, a.mainlevel_current-suckerfish-horizontal:visited {
	background-color: red;
	color: white;
}

a.mainlevel-suckerfish-horizontal:hover, a.mainlevel_active-suckerfish-horizontal:hover, a.mainlevel_current-suckerfish-horizontal:hover {
	background-color: #E0E0E0;
	color: red;
}

a.sublevel-suckerfish-horizontal, a.sublevel_active-suckerfish-horizontal, a.sublevel_current-suckerfish-horizontal,
a.sublevel-suckerfish-horizontal:link, a.sublevel_active-suckerfish-horizontal:link, a.sublevel_current-suckerfish-horizontal:link,
a.sublevel-suckerfish-horizontal:visited, a.sublevel_active-suckerfish-horizontal:visited, a.sublevel_current-suckerfish-horizontal:visited {
	background-color: green;
	color: white;
}

a.sublevel-suckerfish-horizontal:hover, a.sublevel_active-suckerfish-horizontal:hover, a.sublevel_current-suckerfish-horizontal:hover {
	background-color: #E0E0E0;
	color: green;
}

ul.mainlevel-suckerfish-horizontal ul ul a.sublevel-suckerfish-horizontal, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_active-suckerfish-horizontal, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_current-suckerfish-horizontal,
ul.mainlevel-suckerfish-horizontal ul ul a.sublevel-suckerfish-horizontal:link, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_active-suckerfish-horizontal:link, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_current-suckerfish-horizontal:link,
ul.mainlevel-suckerfish-horizontal ul ul a.sublevel-suckerfish-horizontal:visited, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_active-suckerfish-horizontal:visited, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_current-suckerfish-horizontal:visited {
	background-color: blue;
	color: white;
}

ul.mainlevel-suckerfish-horizontal ul ul a.sublevel-suckerfish-horizontal:hover, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_active-suckerfish-horizontal:hover, ul.mainlevel-suckerfish-horizontal ul ul a.sublevel_current-suckerfish-horizontal:hover {
	background-color: #E0E0E0;
	color: blue;
}

ul.mainlevel-suckerfish-horizontal ul .expanded {
	display: block;
	background-image: url('../images/arrow_right.gif');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 10px
}


/** customize style / layout here */

a.mainlevel-suckerfish-horizontal, a.mainlevel_active-suckerfish-horizontal, a.mainlevel_current-suckerfish-horizontal, span.mainlevel-suckerfish-horizontal,
a.mainlevel-suckerfish-horizontal:link, a.mainlevel_active-suckerfish-horizontal:link, a.mainlevel_current-suckerfish-horizontal:link,
a.mainlevel-suckerfish-horizontal:visited, a.mainlevel_active-suckerfish-horizontal:visited, a.mainlevel_current-suckerfish-horizontal:visited,
a.mainlevel-suckerfish-horizontal:hover, a.mainlevel_active-suckerfish-horizontal:hover, a.mainlevel_current-suckerfish-horizontal:hover,
a.sublevel-suckerfish-horizontal, a.sublevel_active-suckerfish-horizontal, a.sublevel_current-suckerfish-horizontal, span.sublevel-suckerfish-horizontal,
a.sublevel-suckerfish-horizontal:link, a.sublevel_active-suckerfish-horizontal:link, a.sublevel_current-suckerfish-horizontal:link,
a.sublevel-suckerfish-horizontal:visited, a.sublevel_active-suckerfish-horizontal:visited, a.sublevel_current-suckerfish-horizontal:visited,
a.sublevel-suckerfish-horizontal:hover, a.sublevel_active-suckerfish-horizontal:hover, a.sublevel_current-suckerfish-horizontal:hover {
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
	display: block;
	border: 1px solid silver;
	padding: 0.3em 0.5em 0.3em 0.5em;	/* top, right, bottom, left */
	height: 1em;
	line-height: 1em;
}

a.mainlevel-suckerfish-horizontal, a.mainlevel_active-suckerfish-horizontal, a.mainlevel_current-suckerfish-horizontal, span.mainlevel-suckerfish-horizontal {
	float: left;
	width: auto;
}

a.sublevel-suckerfish-horizontal, a.sublevel_active-suckerfish-horizontal, a.sublevel_current-suckerfish-horizontal, span.sublevel-suckerfish-horizontal {
	font-size: 90%;
	border-top: 0px solid silver;
}

#active_menu-suckerfish-horizontal,
a.mainlevel_active-suckerfish-horizontal, a.mainlevel_current-suckerfish-horizontal,
a.mainlevel_active-suckerfish-horizontal:link, a.mainlevel_current-suckerfish-horizontal:link,
a.mainlevel_active-suckerfish-horizontal:visited, a.mainlevel_current-suckerfish-horizontal:visited,
a.mainlevel_active-suckerfish-horizontal:hover, a.mainlevel_current-suckerfish-horizontal:hover,
a.sublevel_active-suckerfish-horizontal, a.sublevel_current-suckerfish-horizontal,
a.sublevel_active-suckerfish-horizontal:link, a.sublevel_current-suckerfish-horizontal:link,
a.sublevel_active-suckerfish-horizontal:visited, a.sublevel_current-suckerfish-horizontal:visited,
a.sublevel_active-suckerfish-horizontal:hover, a.sublevel_current-suckerfish-horizontal:hover {
	font-weight: bold;
}

ul.mainlevel-suckerfish-horizontal, .mainlevel-suckerfish-horizontal ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.mainlevel-suckerfish-horizontal {
	width: auto;
	z-index: 101;
}

ul.mainlevel-suckerfish-horizontal ul {
	z-index: 102;
}

ul.mainlevel-suckerfish-horizontal ul ul {
	z-index: 103;
}


ul.mainlevel-suckerfish-horizontal li {
	padding: 0;
	margin: 0;
	background: none;
	list-style: none;
	float: left;
	position: relative;
	margin-right: 1px;
}

ul.mainlevel-suckerfish-horizontal li li {
	position: relative;
	width: 10em;
	margin: 0;
}

ul.mainlevel-suckerfish-horizontal li li ul {
	left: 10em;
	top: 0;
}

ul.mainlevel-suckerfish-horizontal ul {
	display: none;
	position: absolute; 
	top: 1.65em;
	left: 0;
}

ul.mainlevel-suckerfish-horizontal li > ul {
	top: 1.65em;
	left: auto;
}

ul.mainlevel-suckerfish-horizontal li:hover ul,
ul.mainlevel-suckerfish-horizontal li.hover ul {
	display: block;
}


ul.mainlevel-suckerfish-horizontal li:hover ul ul,
ul.mainlevel-suckerfish-horizontal li.hover ul ul {
	display: none;
}

ul.mainlevel-suckerfish-horizontal li:hover ul li:hover ul,
ul.mainlevel-suckerfish-horizontal li.hover ul li.hover ul {
	display: block;
}


ul.mainlevel-suckerfish-horizontal, ul.mainlevel-suckerfish-horizontal li li {
	clear: left;
}

/** separator */
span.mainlevel-suckerfish-horizontal, span.sublevel-suckerfish-horizontal {
	border-width: 0px;
	padding: 5px;
}