/*------------------------------------------------------------------------
# Community Action Partnership - JOOMLA CSS > March, 2008 (v1.0)
# ------------------------------------------------------------------------
# Copyright (C) 2007 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
-------------------------------------------------------------------------*/


/*------------------------------------------------------------------------
	BASE JOOMLA STYLES
-------------------------------------------------------------------------*/
table.blog { }

.article_seperator { display: block; height: 5px; background: url(../images/bg-separator.gif) no-repeat; margin-bottom: 1.6em; }

table.contentpane { border: none; width: 100%; }

table.contentpaneopen { border: none; }

table.contenttoc { margin: 0 0 10px 10px; padding: 0; width: 35%; }

table.contenttoc a { text-decoration: none; }

table.contenttoc td { padding: 1px 5px 1px 25px; background: url(../images/arrow.png) no-repeat 5% 50%; }

table.contenttoc th { padding: 0 0 3PX; border-bottom: 1px solid #CACACC; text-indent: 5px; }

table.poll { padding: 0; width: 100%; border-collapse: collapse; }

table.pollstableborder { padding: 0; width: 100%; border: none; text-align: left; }

table.pollstableborder img { vertical-align: baseline; }

table.pollstableborder td { padding: 2px!important; border-collapse: collapse; border-spacing: 0; }

table.pollstableborder tr.sectiontableentry1 td { border: none; background: #DCDDE0; }

table.pollstableborder tr.sectiontableentry2 td { border: none; }

table.adminform { width: 400px!important; /*Control the Frontend Editor area width*/ }

.adminform .inputbox { }

.blog_more { margin: 10px 0; border-top: 1px solid #ccc; }

.blog_more strong { display: none; }

.blog_more ul { padding-top: 10px !important;}

.blog_more ul li { padding: 4px 0px 4px 25px !important; line-height: normal; background: url(../images/bullet-list.gif) no-repeat 15px 5px !important; height: 1%; }

td.buttonheading { padding: 0 0 0 3px!important; text-align: center; }

.category { font-weight: bold; font-size: 125%; }

.clr { clear: both; }


.contentdescription { padding-bottom: 30px; }

.componentheading,
.componentheading-contactUs  { color: #24325e; font-size: 3em; line-height: 1.0em; font-weight: normal !important; padding-left: 40px;  padding-bottom: .6em; text-transform: lowercase; background: url(../images/arrow-heading.gif) no-repeat left 8px; }
.contentheading { color: #24325e; font-size: 3em; line-height: 1.0em; font-weight: normal !important; padding-left: 40px;  padding-bottom: .6em; text-transform: lowercase; background: url(../images/arrow-heading.gif) no-repeat left 8px; }

.contentpane .contentheading,
.contentpane-contactUs .contentheading-contactUs { color: #9D8D85; font-size: 1.4em; line-height: 1.1em; font-weight: bold; font-style: normal; padding-bottom: .2em; }

.contentpaneopen img {
	margin: 0px 10px 10px 0px;
	padding: 1px;
	border: 0px solid #24325e;
}

a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus { }

/*
a.readon { float: left; padding: 1px 5px 1px 16px; display: block; font-size: 90%; text-transform: uppercase; text-decoration: none; background: url(../images/arrow3.png) no-repeat 5px 7px #4F4F4F; color: #FFFFFF; }
a.readon:hover, a.readon:active, a.readon:focus { color: #FFFFFF; background: url(../images/arrow3.png) no-repeat 6px 7px #CC0000; text-decoration: none; }
*/

table.contentpaneopen td, table.contentpane td { }

table.contentpaneopen, table.contentpane, table.blog { width: 100%; }



.modifydate { color: #999999; height: 15px; padding-top: 15px; }

.moduletable { padding: 0; }

.mosimage { margin: 15px 5px 15px 0; padding: 0 5px 5px; }

* html .mosimage { /*IE 6*/ padding: 5px 0 !important; margin: 15px 10px 15px 0; }

*+html .mosimage { /*IE 7*/ padding: 5px 0 !important; }

.mosimage img { padding: 0 !important; margin: 0 !important; }

.mosimage_caption { margin-top: 5px; padding: 1px 2px; color: #999999; }

.pagenav, .pagenav_prev, .pagenav_next, .pagenavbar { padding: 0 2px; }

a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a { text-decoration: none; }

a.pagenav:hover, a.pagenav:active, a.pagenav:focus, .pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus, .pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus, .pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus { text-decoration: none; }

.pagenavbar { padding-left: 14px; background: url(../images/pages.gif) no-repeat center left; }

.pagenavcounter { padding: 8px 14px 0 14px; background: url(../images/pages.gif) no-repeat 0 11px; }

.sectiontableheader { padding: 5px; border: 1px solid #4F4F4F; background: #4F4F4F; color: #FFFFFF; font-weight: bold; }

tr.sectiontableentry1 td { padding: 8px 5px; background: url(../images/sep.gif) repeat-x bottom; }

tr.sectiontableentry2 td { padding: 8px 5px; background: url(../images/sep.gif) repeat-x bottom #EAEBEE; }

tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td { background: url(../images/sep.gif) repeat-x bottom #FFFFCC; }

.smalldark { text-align: left; }

div.syndicate div { text-align: center; }

.pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td { background: none; }



/*------------------------------------------------------------------------
	FORM
-------------------------------------------------------------------------*/
.typo form { margin: 0px 0px 0px 0px; padding: 0; }

.typo form label { cursor: pointer; font-weight: bold; color: #000; }

.typo input, .typo select, .typo textarea, .typo .inputbox { padding: 1px; font: 12px Helvetica, Arial, sans-serif; color: #000; }

.typo select, .typo textarea, .typo .inputbox { background: #FFFFFF; color: #000; }

.typo .button { padding: 4px; color: #000; cursor: pointer; font-weight: bold; }

.typo .button:hover {}

.typo .inputbox,
.typo textarea { margin-bottom: 10px; padding: 5px 5px 5px 5px; background: #fff url(../images/input-bg.gif) repeat-x; color: #000; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #8f8f8f; }

.typo .inputbox:hover, .inputbox:focus {}

.typo select.inputbox { margin-bottom: 0px !important; background: url(none); }

.typo select option { background: #fff; }

#contact_text { width: 400px; }

#contact_email, #contact_subject, #contact_name { width: 300px; }

.typo form#selectForm { padding: 0 0 2em 0; font-weight: bold; }

#formmailer .inputbox, #formmailer textarea { margin: 0px; }
#formmailer td { padding: 0 0 10px 0; vertical-align: top; }



/*------------------------------------------------------------------------
	SEARCH
-------------------------------------------------------------------------*/
input#search_searchword { margin: 0px 3px 0px 0px !important; }

input#searchphraseany { margin-top: 10px; }

select#search_ordering { margin: 10px 3px 0px 0px !important; }

select option { padding-right: 15px; }

table.searchintro { width: 100%; }

table.searchintro td { padding: 20px 0px 0px 0px !important; color: #666; text-align: center; }

table.searchintro b { color: #000; text-decoration: underline; }

.typo fieldset { padding-top: 20px; }



/*------------------------------------------------------------------------
	BLOG
-------------------------------------------------------------------------*/
.typo table.blog .contentheading { font-size: 1.4em; font-weight: bold !important; padding: 0px 0px 0px 0px; color: #24325e; font-style: normal; background: none; text-transform: none; }

.typo table.blog .contentheading a { color: #FF6600; }
.typo table.blog .contentheading a:hover { color: #990000; }

.typo table.blog .createdate { padding: 0px; font-size: .9em; color: #a594b8; }

/*
.typo table.blog a.readon { float: left; padding: 0px; display: block; font-size: .9em; background: none; color: #865f30; text-transform: none; text-decoration: underline; }
.typo table.blog a.readon:hover, a.readon:active, a.readon:focus { color: #a594b8; background: none; text-decoration: none; }*/

.typo table.blog a.readon, 
.typo table.blog a.readon:active, 
.typo table.blog a.readon:focus,
.typo table.blog a.readon:visited  {  
	background: url(../images/arrow-readmore.gif) no-repeat left center;
	padding: 0 0 0 15px;
}
.typo table.blog a.readon:hover {}

.typo table.blog .article_seperator { height: 20px; margin: 0px; }

.typo table.blog p { margin-bottom: .4em; }

.typo table.blog .contentpaneopen td {}



/*------------------------------------------------------------------------
	MODULE: PROMISE
-------------------------------------------------------------------------*/
.moduletable-promise {
	background: #24325e;
	font-size: 1.4em;
	font-weight: bold;
	color: #f1d6aa;
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 5px;
}

.moduletable-promise h3 {
	padding: 20px 10px;
	text-transform: uppercase;
	line-height: 1.1em !important;
}

.moduletable-promise p {
	padding: 0px 30px 20px 30px;
}



/*------------------------------------------------------------------------
	MODULE: COPYRIGHT
-------------------------------------------------------------------------*/
.moduletable-copy {
	background: #24325e;
	font-size: 1.2em;
	font-weight: bold;
	color: #f1d6aa;
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 5px;
}

.moduletable-copy p {
	padding: 15px 10px;
}



/*------------------------------------------------------------------------
	MODULE: FOOTER
-------------------------------------------------------------------------*/
.moduletable-footer {
	background: #fff url(../images/footer-bg.png) repeat-x;
	font-size: 1.1em;
	font-weight: normal;
	color: #24325e;
	line-height: 1.1em;
	text-align: center;
	margin-top: 5px;
	height: 200px;
}

.moduletable-footer p {
	padding: 10px 15px;
}



/*------------------------------------------------------------------------
	MODULE: RIGHT LINKS
-------------------------------------------------------------------------*/
.moduletable-linkHelp,
.moduletable-linkSearch {
	margin-bottom: 5px;
}

.moduletable-linkHelp a,
.moduletable-linkSearch a {
	font-size: 1.4em;
	color: #fff;
	font-weight: bold;
	line-height: 37px;
	height: 35px;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	text-align: center;
}

.moduletable-linkHelp a { background: #1f472f; }
.moduletable-linkSearch a { background: #c33c26; }

.moduletable-linkHelp a:hover { background: #e9be7e; color: #fff; }
.moduletable-linkSearch a:hover { background: #e9be7e; color: #fff; }



/*------------------------------------------------------------------------
	MODULE: LEFT MODULETABLE
-------------------------------------------------------------------------*/
#leftCol .moduletable {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #000;
	margin-bottom: 25px;
}

#leftCol .moduletable h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #24325e;
	text-align: center;
	padding-bottom: 10px;
}

#leftCol .moduletable p {
	margin: 0px 0px .6em 0px;
}

#leftCol .moduletable h4 {
	color: #c33c26;
	font-weight: bold;
}

#leftCol .moduletable h5 {
	color: #871e2e;
	font-weight: bold;
}

#leftCol .moduletable h6 {
	color: #1f472f;
	font-weight: bold;
	text-transform: uppercase;
}

#leftCol .moduletable img {
	margin: 0px 5px 5px 0px;
	padding: 1px;
}


/*------------------------------------------------------------------------
	MODULE: SUBMENU
-------------------------------------------------------------------------*/
.moduletable-sm { 
	 margin-bottom: 25px;
}

.moduletable-sm h3 { 
	height: 33px;
	background: url(../images/mod-h3-quicklinks.gif) no-repeat center top;
	text-indent: -9999px;
	margin-bottom: 20px;
}

ul#mainlevel-sm { margin: 0; padding: 0; }
ul#mainlevel-sm li {}
ul#mainlevel-sm li a { font-size: 1.2em; line-height: 1.1em; font-weight: normal; color: #000; text-decoration: none; display: block; margin: 0px; padding: 6px 0px 6px 15px; width: auto; overflow: hidden; text-decoration: none; background: url(../images/mod-ql-bullet.gif) no-repeat 0px 8px; }
ul#mainlevel-sm li a:hover { color: #000; overflow: hidden; text-decoration: underline; }
ul#mainlevel-sm li a#active_menu-sm, ul#mainlevel-sm li a.mainlevel_active-sm { color: #24325e; }

ul#mainlevel-sm li ul { margin: 0 0 0 10px; }
ul#mainlevel-sm li ul li a { font-size: 1.2em; }
ul#mainlevel-sm li ul li a:hover { color: #990000; }
ul#mainlevel-sm li ul li a#active_menu-sm { color: #990000; }

ul#mainlevel-sm li ul ul { }
ul#mainlevel-sm li ul ul li a.sublevel-mm {}
ul#mainlevel-sm li ul ul li a.sublevel-mm:hover {}
ul#mainlevel-sm li ul ul li a#active_menu-mm {}