/***This css file seperates the actual styling 
from the layout, it contains all colors, links and
specific Joomla styling***

/*global resets - eliminates cross browser inconsistancies*/

/*#####ONLY EDIT IF YOU KNOW WHAT YOU ARE DOING#####*/
* {
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
	margin:0.5em 0;
}
li,dd {
	margin-left:1em;
}
fieldset {
	padding:.5em;
}
img {
	border:0;
	margin: 10px 10px 10px 10px;
}
a img {
	border:0;
}
/* This helps fix the relative font sizing problem with tables in internet explorer */
table {
	font-size:1em;
}
.hidden {
	display:none;
}
/*end global resets*/

/* Layout styles seperated from template_css.css as they are not structural but graphical */
body {
	color:#424242;
	font:76.1%/1.3em Arial, Helvetica, sans-serif;
}

/*Typography -->
These control the general, asthetic, typographical/text
elements of the css*/
h1 {
	font:bold 1.4em Garamond, Arial, Helvetica, sans-serif;
	color:#F1A11B;
}
h2 {
	height: 34px;
	font:bold 1.2em Garamond, Arial, Helvetica, sans-serif;
	color:#666;
}
h3 {
	font:bold 1em Garamond, Arial, Helvetica, sans-serif;
}
h4 {
	font:bold 1.2em Garamond, Arial, Helvetica, sans-serif;
	color:#CC9900;
}
h5 {
	font:bold 1em Garamond, Arial, Helvetica, sans-serif;
}
h6 {
	font:bold 1em Garamond, Arial, Helvetica, sans-serif;
	color:#507C01;
}
blockquote {
	background:#ECFFDF;
	border:1px solid #999;
	margin:10px;
	padding:1.2em;
	color: #444;
	line-height:140%;
}

/*List item Styling
Universal item Styling*/
li{
	list-style-type:none;
	background:url(../images/li-bullet.png) 0 1px no-repeat;
	padding-left:18px;
	padding-bottom:2px;
	text-indent:0px;
	margin-left:0px;
}
ol li {
	background-image:none;
	list-style-type:decimal; 
	margin:0;
	padding:0;
	margin-left: 30px;
}

/*Link Styling*/
a:link,a:visited {
	text-decoration:none;
	color: #589F27;
}
a:hover,a:active {
	color:#F9A930;
	text-decoration:underline;
}
a.category:link,a.category:visited {
	font-weight:bold;
}

/* A symantic style to allow you to add text with this class, that is used for small text, 
like date/written by etc */
.small {
	font-size:9px;
	color:#fe3b0e;
	letter-spacing:0.1em;
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:normal;
}

/* Used when adding code to a content item */
pre {
	background:#ececec;
	padding:10px;
	color: #589F27;
}

/**
General Joomla Styling - Covers common Joomla CMS Styles
Graphical Elements - These styles provide management of content's appearences.
*/

/* Many components use this as a seperator line */
hr {
	background:transparent;
	height:1px;
	border:1px solid #999;
	margin:13px 0;
}

/* this is for formatting texts where you see "<< Start < Previous 1 Next > End >>" links within content */
.pagenav {
	font-weight:normal;
	margin:5px;
}
/* as above but specifically if they are links */
a.pagenav,a.pagenav:visited {
	font-weight:bold;
}
/* as above but specifically when the links are hovered over */
a.pagenav:hover {
}
.pagenav_prev a {
	font-weight:bold;
}
.pagenav_next a {
	font-weight:bold;
}

/* Back Button */
.back_button {
	margin:5px 0 5px 20px;
}
.back_button a {
	background:url(../images/back.png) no-repeat 0;
	width:75px;
	height:20px;
	display:block;
	text-indent:-5000em;
	outline:none;
}

/* Styling the Date the content was created on */
.createdate {
	// background:url(../images/calendar.gif) no-repeat 0 5px;
	font-size:0.9em;
	color: #111;
	font-weight:normal;
	margin:0;
	margin:7px 0 5px 4px;
	padding:5px 0;
	color: #666;
}
/* Styles the "Last updated on" text at the end of articles/content */
.modifydate {
	font-size:10px;
	color:#666;
	text-decoration:none;
	font-weight:normal;
	font-style:italic;
}

/* formatting the "Read on..." link on blog layout pages */
a.readon {
	background: url(../images/readon-bg.png) 1px 3px no-repeat;
	text-align:left;
	text-indent:20px;
	margin:1em 0;
	float: right;
	color:#6A9F45;
}
a.readon:link,a.readon:visited,a.readon:hover {
	text-decoration:none;
	font-size:11px;
}

/* Site Path */
div#sitePath{
	width:900px;
	height:34px;
	font:normal 11px/34px Arial, serif;
	color:#fff;
	text-indent:10px;
	position:relative;
	background:#507C01 url(../images/path-bg.gif) repeat-x;
}
div#sitePath a{
	font:bold 11px/34px Arial, serif;
	color:#fff;
	text-decoration:none;
}
span.pathway {
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	display:block;
	position:absolute;
	top:0px;
	left:5px;
}
span.pathway a {
	background: url(../images/pathway-bullet.gif) 100% 50% no-repeat;
	padding-right: 15px;
}
span.pathway img {
	display: none;
}
a.pathway {
	color: #616772;
	line-height: 34px;
	text-decoration: none;
}
a.pathway:hover {
	color: #6ead33;
	text-decoration: underline!important;
}

/* Search */
div#searchBox{
	position:absolute;
	top:0px;
	right:6px;
}
div#searchBox input{
	background:transparent url(../images/search-bg.gif) repeat-x;
	width:153px;
	height:18px;
	font:normal 12px Arial, serif;
	border:0;
	color:#fff;
	padding:3px 0 0 5px;
}

/* 
Joomla Styling for Contents
These are all the styles for content
*/
.contentpane {
/* This is used mainly for Table that holds all non-article information (components, category lists, contact forms, etc).
all contained within a single table*/
	font-size:0.9em;
	margin:0 10px;
}
.moduletable table.contentpaneopen td {
	background:none;
	font-size:1em;
	margin-top:10px;
	background:none;
	border:none;
	padding:6px;
}
table.contentpaneopen td {
	padding: 1px 10px 0 10px;
	font-family:normal 11px/14px "Lucida Grande",Lucida,Arial,Helvetica,sans-serif;
}
table.contentpaneopen td.contentheading {
	font:bold 1.3em Garamond, Arial, Helvetica, sans-serif;
}
.contentpane-wrapper{
padding-top:20px;
}
table.blog .contentpaneopen {
	padding-bottom: 5px;
}
/*Title of articles*/
.contentpagetitle {
	font-size:0.9em;
	font-weight:bold;
	text-align:left;
}
/* Used to format a components heading or title */
.componentheading {
	font:bold 1.3em Garamond, Arial, Helvetica, sans-serif;
	text-indent:10px;
	padding-top:2px;
}
table.contenttoc {
	margin:10px;
	padding:0;
	float:right;
}
.contentpaneopen p {
	padding:8px 20px 10px 15px;
}
.contentpaneopen p img{
	padding:0 0 10px 6px;
}
table.blog table.contentpaneopen td p{
	padding:0;
}
table.blog table.contentpaneopen td {
	padding:0 20px;
}

/*
Joomla Sections Styles
Styling of sections tables 
*/

td.sectiontableheader {
/* This is for styling the section table headers on a SECTION's page.*/
	background-color:#C6DFB5;
	font:bold 1.1em/2em Arial,serif;
	height:2em;
	color:#3D6F1B;
	border-top:3px solid #819F6D;
	border-bottom:2px solid #819F6D;
	padding-left:5px;
}

tr.sectiontableentry1 {
/* this is used when there's a whole list of data to provide and
you need to create alternate colors for each row of data. This is
the first color */
	background-color:#F5FFEF;
	border-top:1px solid #999;
	border-bottom:1px solid #fff;
	font:normal 1.1em Arial,serif;
}
tr.sectiontableentry2 {
/* this is the second color for the row*/
	background-color:#E6EFE0;
	border-top:1px solid #999;
	border-bottom:1px solid #fff;
	font:normal 1.1em Arial,serif;
}
tr.sectiontableentry1  td,
tr.sectiontableentry2  td{
	padding:3px 5px;
}
.sectiontableentry1  a,
.sectiontableentry2  a{
	color:#1D4A00;
}
/*If you use mosimage to ad images
this helps style those images */
.mosimage {
	border:1px solid #ccc;
	padding:5px;
	background:#fff;
	margin:0 5px;
}
.mosimage img {
}
.mosimage_caption {
	color:#999;
}
/* Print, Email and PDF Links */
td.buttonheading {
	padding:0!important;
}
td.buttonheading a{
	color:#999;
	padding:0!important;
}
td.buttonheading a:hover{
	color:#1D4A00;
	text-decoration:none;
}
.article_seperator{
	display:none;

}
/*Form Elements - These styles control the appearance of forms */
/* button style for Joomla component, form and module buttons*/
.button {
	background: green url(../images/footer-bg.gif) repeat-x;
	background-position:top;
	border:1px solid #7BAF57;
	padding: 1px 7px;
	color:#FFFFFF;
	margin:10px 0;
	font-size:0.9em;
	font-weight:normal;
	text-align:center;
}
.button:hover {
	background-position:bottom;
}
/* the look of input boxes in forms in main content */
.inputbox {
	background: #ececec;
	border: 1px solid #999;
}

/* Sidebar Module Styling */
div#sidebar div.moduletable,
div#sidebar div.moduletable-login{
	margin-bottom:20px;
}
/* Sidebar Module Header */
div#sidebar div.moduletable h3,
div#sidebar div.moduletable-login h3{
	background:#fff url(../images/module-header.png) no-repeat;
	width:189px;
	height:34px;
	font:bold 12px/34px verdana;
	text-indent:15px;
	color:#99CC00;
	margin:0 -11px 10px -12px;
}

/*Login Form Styling*/
div#sidebar input.inputbox{
	border:1px solid #ccc;
	width:150px;
	padding:2px 5px;
	background:#fff;
	color:#999;
}
div#sidebar input#mod_login_remember{
	border:1px solid #ccc;
	width:10px;
	padding:0;
	margin-left:2px;
	margin-top:5px;
}
div#sidebar label{
	margin-top:3px;
	color:#666;
	padding:10;
}
div#sidebar div.moduletable-login input.button{
	width:166px;
	height:41px;
	padding: 41px 0 0;
	background:#fff url(../images/login-btn.png) no-repeat;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
}
form>div#sidebar div.moduletable-login input.button { /* For non-IE browsers*/
  height: 0px;
}
div#sidebar div.moduletable-login div input.button{
	background:#fff url(../images/logout-btn.png) no-repeat;
}
label#mod_login_remember{
	font-size:11px;
}

/* Styling for the Polls Module */
div#sidebar div.moduletable table.poll thead td{
	padding-bottom:7px;
	color:#666;
	text-align:left;
}
div#sidebar div.moduletable td.sectiontableentry1,
div#sidebar div.moduletable td.sectiontableentry2{
	padding-bottom:5px;
	text-indent:5px;
	text-align:left;
}

/* Contact Page Styling */
div.contact_email input,
div.contact_email textarea{
	border:1px solid #ccc;
	background:#fff url(../images/input-bg.jpg) repeat-x;
}
div.contact_email input{
	width:400px;
	padding:2px 5px;
}
div.contact_email input.button{
	width:129px;
	height:31px;
	padding: 31px 0 0;
	background:#fff url(../images/contact-us.png) no-repeat;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
form>div.contact_email input.button { /* For non-IE browsers*/
  height: 0px;
}

/* Inset Module Styling */
div#inset{
	border:1px solid #ccc;
	margin-bottom:10px;
}
div#inset .moduletable-orange{
	// background:#e02002 url("http://www.joomlajunkie.com/commercial/absolute/templates/jj_absolute/images/inset-bg-orange.jpg") repeat-x;
	border:1px solid #fff;
	padding:1.2em;
	color: #444;
	line-height:140%;
	color:#fff;
}
div#inset .moduletable-orange a.readon {
	// background:url("http://www.joomlajunkie.com/commercial/absolute/templates/jj_absolute/images/orange-feature-readon.jpg") no-repeat;
	width:78px;
	height:24px;
	display:block;
	text-indent:-7998px;
	margin:-12px -13px -5px 0;
	float: right;
}
div#inset .moduletable-green{
	background:#507c01 url("../images/inset-bg-green.jpg") repeat-x;
	border:1px solid #fff;
	padding:1.2em;
	color: #444;
	line-height:140%;
	color:#fff;
}
div#inset table.contentpaneopen,
div#inset table.contentpaneopen p{
	padding:0;
	border:0;
	margin:0;
	padding-left:130px;
	// background:url("http://www.joomlajunkie.com/commercial/absolute/templates/jj_absolute/images/joomla-essentials.png") no-repeat;
}


table.contentpaneopen table.templateFeatures{
	margin:0;
	padding:0;
}
table.templateFeatures td img{
	border:1px solid #ccc;
	padding:5px;
margin-right:10px;
}
table.contentpaneopen table.templateFeatures td{
	margin:0;
    padding:0;
	width:auto;
}
div#content div.message{
background:#DB602D url("../images/alert-bg.jpg") repeat-x;
height:21px;
font:bold 12px/23px Arial;
color:#fff;
text-align:center;
border: 2px solid #FF9966;
margin-bottom:10px;
}