/* CSS Document */

/* Note: The "!important" codes are set up to establish proper rending for IE6 browser.  
Unless you are familiar with cross-browser rendering, do not remove them. */

* { margin:0; padding:0 }
html { height:100.1% } /* Puts scroll in FF automatically to keep pages from jumping when pages have different height settings */
BODY {
	font-size:76%;
	background:#CC0000 url(../images/top-bg.gif) repeat-x;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	height: 100%;
	text-align:center /*center hack*/
}
td, table { text-align:left; border:0; font-size:1em  }
img { border: none; padding:0 }


/* LINKS STYLES & TEXT STYLES */
a { color:#0C62A3; text-decoration:underline }
a:hover  { color:#2886CD } 
ul { margin:0; padding:0; list-style:none }
li { line-height:15px; padding:0 0 1px 15px; background:url(../images/arrow.gif) left center no-repeat }
h4 { color:#333; font-size:1.1em }
.maintitle { color:#ccc; padding:20px 0 0 15px }
.highlight { background:#fff; width:auto }

/* MISC STYLES */
.left { float:left; position: relative }
.right { float: right; position:relative }
.clear { clear:both }
.spacer { height:1px !important; margin:0 !important; margin:-12px 0 0 0; clear:both }

/*________________________________________MAIN DESIGN LAYOUT & STYLES______________________________*/

#topNav { background:url(../images/header.gif) no-repeat; width:900px; height:37px; margin:0 auto }
#wrapper { width:890px; margin:auto; overflow:hidden; padding:0; text-align:left }
#header { width:890px; height:204px; margin:0 auto; background:#090F16; padding:3px 0 }
#logo { background:url(../images/logo.gif) no-repeat; width:244px; height:204px; float:left; position:relative }
#banner { width:421px; height:204px; float:left; position:relative }
#serviceTimes { 
	width:222px;  
	height:204px;  
	background:url(../images/join-us.gif) no-repeat; 
	float:right;
	position:relative; 
	color:#fff; 
	margin-right:3px;
}
#serviceTimesInner { 
	text-align:left; 
	width:185px; height:160px !important; 
	height:150px; 
	overflow:auto; 
	margin:50px auto 0 auto !important; 
	margin:50px 0 0 20px; 
	font-size:0.9em 
}
#serviceTimesInner br { line-height:0.6em }
#leftColumn { background:url(../images/left-bg.gif) repeat-y; overflow:hidden; width:244px; margin:0; font-size:1em }
#leftColumn h3 { background: url(../images/h3.gif) no-repeat left; color:#EDA341 }
#leftColumn label { color:#fff }
#mainContent { background: url(../images/main-bg.gif) repeat-y; width:646px; margin:0 auto }
.inner { padding:5px 15px }
.contentInner { padding:20px 25px; margin-bottom:10px }
#footer { background: url(../images/footer.gif) no-repeat; width:900px; font-size:0.9em; height:60px; margin:0 auto }
#footerContent { padding-top:20px; text-align:left; width:840px; margin:auto; color:#fff }
#footerContent a { color:#fff }

/*________________________________________END MAIN DESIGN LAYOUT & STYLES______________________________*/


/*________________________________JOOMLA CORE STUFF________________________________ */

table.content_table { width:100%; padding:0; margin:0;  }
table.content_table td { padding:0; margin:0 }
table td.body_outer { padding:0 }
.mceContentBody { background:#fff; color:#333; text-align:left } /* Background style for onsite html editor */
table.contentpane { 
	width:95%!important; 
	width:90%;
	padding:0; 
	border-collapse:collapse; 
	border-spacing:0; 
	margin:0 auto;
}
.contentpane { background: url(../images/main-bg.gif) center repeat-y; margin:0 auto }
table.contentpaneopen { 
	width:95%!important; 
	width:90%; 
	padding:0; 
	border-collapse:collapse; 
	border-spacing:0; 
	margin:0 auto
}
* html .contentpane iframe{ width:90% !important; margin:0px 0px 0px 0px;}
table.contentpaneopen td { padding:0;  }
table.contentpaneopen td.componentheading { padding-left:4px }
table.contentpane td { margin:0; padding:0 }
table.contentpane td.componentheading { padding-left:4px }
table.contentpaneopen fieldset { border:0; border-bottom:1px solid #eee; padding:0; width:99% !important; width:95% }
.componentheading {
	text-align:left;
	height:24px;
	font-weight:bold;
	font-size:1.1em;
	color:#5E3310;
	text-transform:uppercase
}
.contentcolumn { width:95% }
.contentheading { 
	text-align:left;
	font-weight:bold;
	font-size:1.2em;	
	padding:0 0 0 25px !important;
	margin:0 !important;
	margin:0px 0px 0 28px;
	height:24px; 
	background:url(../images/heading.gif) no-repeat 0 0;
	color:#5E3310
}
.contentpagetitle { font-size:1.1em; font-weight:bold; text-align:left }
table.searchinto { width:100% }
table.searchintro td { font-weight:bold }


/*________________________________FORMS & BUTTONS_____________________________*/

.inputbox { padding: 0; border:1px solid #231103; background: #fff }
#mod_search_searchword {
	border: 1px solid #231103;
	background:#873F0C;
	font-size: 0.8em;
	font-weight: normal;
	padding:2px 0 1px 10px;
	margin:0 15px;
	width: 190px;
	color:#fff;
}
form { margin: 0; padding: 0 } /* removes space below form elements */
label { font-size:inherit }
a.readon { 
	background: url(../images/read-more.gif) no-repeat left center; 
	padding:4px 0 0 7px !important; 
	padding:2px 0 0 7px;
	font-weight: bold; 
	color: #fff; 
	text-decoration: none; 
	display: block; 
	width: 80px; 
	width:90px;
	height: 17px;
	font-size: 0.8em;
	float:right
} 	
a.readon:hover 	{ background:url(../images/read-more-h.gif) no-repeat left center; color:#fff }
a.readon:visited  {color:#fff }
.button {
  color:#fff;
  border:0;
  text-align:center;
  font-size: 0.9em;
  font-weight:bold;
  width:70px;
  height:20px;
  background: url(../images/button.png) ;
  padding:0;
  margin:1px;
}
.back_button, .pagenav {
	float:left;
    text-align:center;
    font-size:0.9em;
    font-weight:bold;
    width:auto;
    background:#fff;
    padding:0 10px;
    line-height:20px;
    margin:3px;
}
.back_button a, a.pagenav  { text-decoration:none; color:#7C5206;  }
.pagenavbar { margin:15px 0; float:left }
.pagenav_next a, .pagenav_prev a {  }
.error { font-style:italic; text-transform:uppercase; padding:5px; font-size:1.5em;font-weight:bold }
.article_seperator { background:url(../images/article-seperator.gif) center no-repeat; width:auto; display:block; height:20px; margin:0 0 5px 0 }

/*________________________________END FORMS & BUTTONS_____________________________*/



/*____________________________MODULE TABLE STYLES____________________________ */
table.moduletable { 
	width:100%; 
	margin:0 0 10px 0; 
	padding:0; 
	border-spacing:0; 
	border-collapse:collapse; 
	text-align:left;
	color:#fff
}
div.moduletable { 
	padding:5px 0 10px 0; 
	margin:0;
	text-align:left; 
	width:100%;
	color:#fff
}
div.moduletable a { color:#fff }
table.moduletable th, div.moduletable h3 {
	text-align:left;
	font-weight:bold;
	font-size:1.1em;
	text-transform:uppercase;	
	padding:10px 0 0 28px !important;
	padding:10px 0 10px 28px;
	height:24px;
}
table.moduletable td { padding:0; margin:0; font-weight:normal; color:inherit }

/*____________________________END MODULE TABLE STYLES____________________________ */


#mod_login_remember	{ width:auto !important; height:auto; background:none; border:none }
table.pollstableborder td { background:none; font-size:1em; color:#fff; }
.poll { }
table.poll { font-size:0.9em; color:#fff; width:90%  }
table.poll td { padding:2px !important;  padding:0 }
.sectiontableheader { font-weight:bold; padding:4px }
.sectiontablefooter {}
.sectiontableentry1, .sectiontableentry1 a {  }
.sectiontableentry2, .sectiontableentry2 a {  }
.small {color:#9D6128; font-size:0.9em }
.createdate { height:15px; padding-bottom:10px; font-size:0.9em }
.modifydate { height:15px; padding-top:10px; font-size:0.9em }
table.contenttoc { border:1px solid #ccc; padding:2px; margin:0 0 2px 2px }
table.contenttoc td { padding:2px }
table.contenttoc th { text-align:left; padding:2px 0 0 4px; height:21px; font-weight:bold; text-transform:uppercase }

/*_______________________________TOP NAVIGATION LINKS__________________________*/

ul#mainlevel-nav { list-style:none; padding:10px 0 0 0; margin:0  }
ul#mainlevel-nav li { background-image:none; padding:0; float:left; margin:0; font-size:0.9em; white-space:nowrap }
ul#mainlevel-nav li a { display:block; padding-right:15px; text-decoration:none; color:#fff }
#buttons>ul#mainlevel-nav li a { width:auto }
ul#mainlevel-nav li a:hover { color:#EE850F }

/*_______________________________END TOP NAVIGATION LINKS__________________________*/


/*________________________________MAIN NAVIGATION LINKS__________________________________*/
a.mainlevel:link, a.mainlevel:visited {
	color:#fff;
	font-size:1.1em;
	display:block;
	font-weight:bold;
	height:17px;
	text-decoration:none;
	padding:0 0 1px 10px;
	margin:0 0 0 12px;
	background:url(../images/nav-arrow.gif) left center no-repeat
}
a.mainlevel:hover { text-decoration:none; color:#EE850F }
a.mainlevel#active_menu { font-weight:bold }
a.mainlevel#active_menu:hover {}
/*________________________________END NAVIGATION LINKS__________________________________*/

/*________________________________BOTTOM NAVIGATION LINKS__________________________________*/

#bottomNav ul { list-style:none; padding:0; margin:0; float:right; position:relative; text-align:right }
#bottomNav li { background-image:none; padding:0; float:left; margin:0; font-size:0.9em; line-height:21px; white-space:nowrap }
#bottomNav li a { display:inline; padding-right:1px; text-decoration:none; color:#fff; background-image:none; font-weight:normal }
#bottomNav li a:hover { color:#EE850F }

/*________________________________END BOTTOM NAVIGATION LINKS__________________________________*/

a.sublevel:link, a.sublevel:visited { padding-left:1px; font-size:0.9em; font-weight:bold }
a.sublevel:hover { text-decoration:none }
a.sublevel#active_menu { color:#333 }
.code { }
.imgRight { float:right; margin:0 0 10px 10px; position:relative  }
.imgLeft { float:left; margin:0 10px 10px 0; position:relative }
.mosimage { }
.mosimage_caption { margin-top:2px; padding:0; font-size:0.9em; border-top:1px solid #CCC }
.syndicate img { overflow:hidden; display:block; height:inherit }
