/*
	This CSS File was written by Chris Samios (samios@gmail.com)
	for Sauce Software (www.saucesoft.com)
	
	sky blue: #0397D6
	very light pastel blue/green: #EBF8FA
	orange: #FCB03B
	muddy green: #95CA55
	teal: #58BCCF
	
	
*/ /* Base Styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}

#space-template {
	margin: 0px;
	background: #0397D6;
}  /* prevents joomla wysiwyg editor from using the same body style! */
h1,.contentheading {
	color: #58BCCF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

.moduletablefrontpageslideshow {
	height: 440px;
}

h2 {
	color: #58BCCF;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-style: italic;
	margin: 0px;
	padding: 0px;
}

h3 {
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

a {
	color: #0397D6;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.sitemap {
	width: 100%;
}

.sitemap .contentpaneopen {
	margin: 0px auto;
}

.sitemap .contentpaneopen div {
	
}

/* Containers & directly relational elements */
#sitewrapper {
	width: 100%;
	background: url(../images/bg_rep.gif);
	float: left;
	padding: 20px 0px 0px 0px;
}

#toplevel {
	width: 100%;
	background: white;
	float: left;
}

#menuwrapper {
	width: 960px;
	margin: 0px auto;
	background: 
}

#menu {
	float: right;
	height: 83px;
}

#menu ul {
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
}

#menu li {
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	list-style: none;
	float: right;
	width: 135px;
}

#menu a {
	display: block;
	height: 51px;
	padding: 32px 10px 0px 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

#menu a:hover,#menu #active_menu {
	background: #EBF8FA;
	color: #0397D6;
}

#logoimg {
	border: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#submenuwrapper {
	padding: 10px;
	clear: both;
	height: 18px;
	margin: 0px auto;
	width: 960px;
}

#submenu {
	
}

#submenu ul {
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

#submenu li {
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	list-style: none;
	float: left;
}

#submenu a {
	display: block;
	height: 18px;
	background: white;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

#submenu a:hover,#submenu #active_menu {
	background: #EBF8FA;
	color: #0397D6;
}

#content {
	width: 950px;
	background: white;
	margin: 0px auto;
	clear: both;
	padding: 5px;
	min-height: 250px;
}

#newslevel {
	width: 100%;
	background: #EBF8FA;
	padding: 5px 0px;
	float: left;
}

#newsboxouter {
	width: 960px;
	margin: 0px auto;
}

#newsboxienner {
	margin: 0px auto;
}

#footerouter {
	width: 960px;
	margin: 0px auto;
	clear: both;
}

#footerinner {
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
}

.footeritem {
	width: 19%;
	float: left;
	padding-right: 5px;
	color: #FFFFFF;
	font-size: 10px;
	text-transform: uppercase;
}

.footeritem h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-style: normal;
}

.footeritem a,#siteby a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

.footeritem a:hover,#siteby a:hover {
	text-decoration: underline;
}

#siteby {
	width: 940px;
	clear: both;
	color: #FFFFFF;
	font-size: 10px;
	margin: 0px auto;
	text-align: right;
}

/* News Boxes */
.newsbox {
	width: 313px;
	background: white;
	float: left;
	min-height: 100px;
}

.newsbox h1 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.newsbox h2 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 8px;
	margin: 0px;
	padding: 0px;
}

.newsbox h3 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

.newsbox a {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: underline;
}

.newsbox a:hover {
	text-decoration: none;
}

.orange h1,.orange h2,.orange h3,.orange a,.orange a:hover,.quote .orange
	{
	color: #FCB03B;
}

.red h1,.red h2,.red h3,.red a,.red a:hover,.quote .orange {
	color: #EF4D6D;
}

.black h1,.black h2,.black h3,.black a,.black a:hover,.quote .black {
	color: rgb(102, 102, 102);
}

.green h1,.green h2,.green h3,.green a,.green a:hover,.quote .green {
	color: #95CA55;
}

.middlebox {
	margin: 0px 9px;
	padding: 0px;
}

.newsbox .contentitem {
	padding: 2px 5px;
}

/* Community Programs */ /* top menu style */
.moduletablecomprogs {
	width: 320px;
	float: right;
	margin: 0px 0px 0px 20px;
}

.moduletablecomprogs .contentitem {
	font-size: 10px;
}

.moduletablecomprogs h3 {
	color: #0397D6;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.moduletablecomprogs a {
	display: block;
	background: white;
	padding: 5px 10px;
	text-align: left;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	width: 120px;
	float: left;
	height: 35px;
	vertical-align: middle;
}

.moduletablecomprogs a:hover {
	background: #EBF8FA;
	color: #0397D6;
}

.moduletablecomprogs .contentpaneopen {
	float: left;
	padding: 0;
}

/* item style */
.contentheadingprogram {
	display: none;
}

table.programitem {
	width: 100%;
	border: none;
	padding: 1em;
	margin: 0;
	text-align: justify;
	font-size: 12px;
}

table.programitem p {
	padding-left: 1em;
	padding-right: 1em;
}

.programitem img {
	width: 500px !important;
	height: 320px !important;
	margin: 0px 10px;
}

.programitem h1 {
	font-size: 18px;
}

.programitem h2 {
	font-style: normal;
	font-size: 14px;
}

.programitem td {
	vertical-align: top;
}

.programitem ul {
	color: #0397D6;
	font-weight: bold;
}

.programitem ul li {
	
}

/* Quotes */
.quoteouter {
	background: url(../images/quoteleft.gif) no-repeat top left;
	width: 210px;
	margin: 15px;
	float: right;
	display: block;
}

.quoteinner {
	background: url(../images/quoteright.gif) no-repeat bottom right;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: bold;
	padding: 10px 20px;
	color: #95CA55;
}

.bquoteouter {
	background: url(../images/quoteleft.gif) no-repeat top left;
	width: 90%;
	display: block;
	clear: both;
	margin: 10px auto;
}

.mquoteouter {
	background: url(../images/quoteleft.gif) no-repeat top left;
	width: 40%;
	display: block;
	clear: both;
	margin: 10px 20px;
	float: right;
}

.quoteauthor {
	text-align: right;
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
	display: block;
}

.contentpaneopenprogram .quoteouter,.contentpaneopenprogram .b2quoteouter
	{
	float: left;
	width: 100%;
	clear: both;
}

/* Table Styles inside content */
.spacetable {
	width: 80%;
	margin: 0px auto;
}

.spacetable tbody {
	padding: 5px;
	color: #0397D6;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}

.spacetable thead {
	padding: 5px;
	background-color: #0397D6;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

.spacetabletitle {
	padding: 5px;
	background-color: #0397D6;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

/* Useful helper styles */
.subemailbox {
	width: 100%;
	text-align: left;
	font-size: 10px;
	text-transform: none;
	color: #666666;
}

.donationbuttons {
	width: 70%;
	margin: 0px auto;
}

.donateform {
	float: left;
	margin: 10px;
}

/* Joomla content styles */
.module {
	
}

.contentitem {
	
}

.pagenav {
	margin: 10px;
}

span.pagenav {
	font-weight: bold;
	color: #999999;
	font-size: 12px;
	text-transform: uppercase;
}

a.pagenav {
	font-size: 12px;
}

.contentpaneopen,.contentpaneopenprogram {
	text-align: justify;
	padding-left: 1em;
	padding-right: 1em;
}

.smallgrey {
	display: none;
}

.inputbox {
	font-size: 14px;
	width: 150px;
	height: 16px;
}

#lm_subscribe,#lm_unsubscribe {
	width: 20px;
}

/* Extra hacks and tweaks */
a img {
	border: none;
}

.contentheadingfrontpage {
	display: none;
}

.article_seperator {
	display: none;
}

ul,ol,dl {
	position: relative;
}

#videoHolder {
	text-align: center;
}

/* Sitemap stuff moved from JooMap's css file 
.sitemap ul {
	display		: block;
	list-style	: none;
	margin		: 0;
	padding		: 0;
}
.sitemap ul li {
	margin		: 0;
	padding		: 0;
	white-space	: nowrap;
	background	: transparent;
}
.sitemap a img {
	border		: none;
}
.sitemap ul.level_0 ul {
	list-style	: inside square;
	padding		: 0;
}
.sitemap ul.level_1 li {
	padding		: 0 0 0 2em;
	white-space	: nowrap;
}
.sitemap .active {
	font-style	: italic;
} */
.scrollable {
	height: 412px;
	overflow: auto;
}