/* --- TroopSensations							--- */
/* --- Template derived from burningsensation, www.freeCMStemplates.com --- */
/* --- for Troop 299 Dublin, OH by Jim Schrock 2009			--- */

#rightsidebar .moduletable_banners {
        text-align:center;
}

#rightsidebar .moduletable_banners img {
        display: block;
        border:none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom:10px;
}

/* --- Main Layout Elements --- */

body {
	background:		#3b3b3b; 
	text-align:		center;
	padding:		0;
	padding-top:		10px;
	padding-bottom:		10px;	
	margin:			0;
	font-family: 		Arial, Verdana, sans-serif;
}
#container {
	width:			980px;
	font-size:		12px;
	margin:			0 auto;
	text-align:		left;
	clear:			both;
	margin-top:		10px;
        background-color:       #dcd0a5; /* orig=#ffffff */
}
#header {
	width:			980px;
	height:			166px;
	margin:			0 auto;
	clear:			both; 
}
#headerinside {
	width:			980px;
	background-image: 	url('../images/bg-header.jpg');
        margin:			0 auto;
	height:			138px;
	text-align:		left;
	clear:			both; 	
}

#leftsidebar {
	float:			left;
	width:			20%;
	overflow:		hidden;
	padding-bottom:		10px;
}

#main {
	float:			left;
	width:			60%;
	overflow:		hidden;
	padding-bottom:		10px;	
}

#rightsidebar {
	float:			left;
	width:			20%;
	overflow:		hidden;
	padding-bottom:		10px;
} 

#footer {
	margin:			0 auto;
	width:			980px;
	clear:			both; 
	text-align:		center;
	font-size:		10px;
	padding-top:		10px;
	color:			#ffffff;
	background-color:	#000000;
}
#footer a {
	color:			#ffff99;
}
a, a:visited {
	color:			#125c83;
}
a:hover {
	color:			#b00000;
}
#searchForm {
	padding-top:		10px;
}


/* --- USER 4 module location --- */
#user4 .moduletable {
	background-color: 	#ffffff;
	color: 			#000000;
}

/* ----- Top Menu ----- */
#topmenu {
	background-image: 	url('../images/top-header.jpg');
	padding-top:		5px;
	margin:			0 auto;
	height:			23px;
	text-align:		center;
	clear:			both;	
}
#topmenu .moduletable {
	border: 		0;
	padding: 		0;
	margin:			0 auto;
}
#topmenu ul {
	margin: 		0;
	padding: 		0;
	list-style:		none;
}
#topmenu li {
	display: 		inline;
	margin: 		0;
	padding: 		0;
	border-right:		1px solid #333333;
}
#topmenu a, #topmenu a:visited {
	font-weight:		bold;
	padding-right: 		10px;
	padding-left:		10px;
	color:			#f7f79b;
	text-decoration:	none;
	border-left:		1px solid #333333;	
}
#topmenu a:hover {
	text-decoration:	underline;
	color:			#fffd5e;	
}

/* ----- Left Sidebar Elements ----- */
#leftsidebar ul {
	margin:			0px;
	padding-left:		20px;
	padding-top:		5px;
}
#leftsidebar ul li {
	margin:			0px;
	padding:		0px;
	list-style-type:	square;
}
#leftsidebar ul li a {
	text-decoration:	none;
	color: 			#333333;
}
#leftsidebar ul li a:hover {
	text-decoration:	underline;
}

#leftsidebar h3 {
	margin:			0px;
	padding-top:		4px;
	padding-bottom:		4px;	
	height:			11px;
	font-size:		10px;
	font-family:		verdana, arial;
	color:			#ffffff;
	text-align:		center;
	background-image: 	url('../images/modtop.jpg');
}
#leftsidebar .moduletable {
	background-color: 	#dcd0a5; /** tan **/
	color: 			#000000;
}

/* ----- Sidebar Buttons ----- */
#leftsidebar .moduletable_menu {
	margin-bottom: 		10px;
	background-color: 	#111111;
	color: 			#333;
	padding:		0;
}

#leftsidebar .moduletable_menu ul {
	list-style:		none;
	margin: 		0;
	padding: 		0;
	border: 		none;
}
#leftsidebar .moduletable_menu ul li {
	list-style:		none;
	margin: 		0;	
}
#leftsidebar .moduletable_menu ul li a {
	display: 		block;
	padding: 		2px 1px 2px 5px;
	background-image: 	url('../images/bbg.jpg');
	background-color: 	#a71d1d;
	color: 			#ffffff;
	text-decoration: 	none;
	width: 			100%;
}

/* I do not understand this syntax but without it oddness appears */
/* in the leftsidebar menues */
html>body #leftsidebar .moduletable_menu li a {
	width: 			auto;
}

#leftsidebar .moduletable_menu li a:hover {
	background-color: 	#c40101;
	background-image:      	url('../images/bbgo.jpg');
	color: 			#ffffff;
}


/* ----- Right Sidebar Elements ----- */

#rightsidebar .moduletable {  
	background-color: 	#dcd0a5;; /* tan=#dcd0a5 orig=#fafafa; */
	color: 			#000000;
	margin-bottom:		10px;
	border:			0px solid #000000; /* orig=#bababa */
     /***   float:			left; ***/
	width:			90%; /* orig=n/a */
}

#rightsidebar .moduletable_text {
	background-color: 	#dcd0a5; /* tan=#dcd0a5 orig=#fafafa; */
	color: 			#000000;
	margin-bottom:		10px;
	border:			0px solid #000000; /* orig=#bababa */
        text-align:		center;
}



#rightsidebar .moduletable h3, #rightsidebar .moduletable_text h3 {
	margin:			0px;
	padding-top:		2px;
	padding-bottom:		4px;	
	height:			11px;
	font-size:		10px;
	font-family:		verdana, arial;
	color:			#ffffff;
	text-align:		center;
	background-color:	#000000;
}
#rightsidebar p, .bannergroup_text {
	margin-top:		20px;
	margin-bottom:		10px;
	padding-left:		5px;
	padding-right:		5px;	
}


/** JEvents Editor **/
#jevents {
          background-color: #FFFFFF;
}


/** Jevents Latest Events **/
/** Defaults are in .\joomla\components\com_jevents\views\default\assets\css\modstyle.css **/

.mod_events_latest {
	border-top: solid 1px #992a2a;
  	padding-top: 1px;
  	padding-bottom: 2px;
}
.mod_events_latest_date { 
	color: black;
}
.mod_events_latest_content a:link {
	color: #125c83; /* black; */
}
.mod_events_latest_content a:visited {
	color: gray;
}
.mod_events_latest_content a:hover {
	color: #b00000; /* #666666; */
}

/* Additional markups */
.pagenavcounter, .pagenav {
	font-size:		10px;
} 
.contenttoc {
	padding:		5px;
}


/* orig=div.componentheading */
/* but this did not work with JEvents ??? */

div.componentheading {	/* Component heading */
	font-size:		24px; /* orig=16px */
	border-bottom:	        2px solid #000000;  /* Line under the component heading */
     /* border-bottom:		1px solid #777777; ORIG */
	font-weight:		bold;
	margin-top:		10px;
     /* border-bottom:		1px solid #cccccc; ORIG */

}

td.contentheading {	/* Post titles/headings */
	font-size:		16px;
	font-weight:		bold;
	clear:			both;
	padding-top:		10px;	
	text-decoration:	         underline;
  	color:			#336633; /* darkish green */
}

table.contentpaneopen {	/* Table wrapping posts */
	margin:			0;
	padding:		0;
}


/** Login Form **/

#form-login {
	text-align:		left;
        background-color:	#cccccc; /* red=#992a2a; */
	color:			#000000;
        padding-left:  		10px;
	padding-bottom:		10px; /* space below Login button */
        border:                 none;
}

#form-login ul { /* The Forget Username/password questions */
        font-size:             11px;
} 
#form-login-username, #form-login-password, #form-login-remember {
	font-size:		11px;
	margin-bottom:		 5px;
}


/** General forms **/
fieldset.input {
	border:			0px;
}


form {
	margin:0;
}
td.sectiontableentry1 {		/* Alternating rows for polls */
	background-color:	#ffffff;
}	
td.sectiontableentry2 {		/* Alternating rows for polls */
	background-color:	#f9f9f9;
}	
.button {
	background-color:	#ddecf3;
	font-size:		10px;
	font-family:		verdana, arial;
	border-top:		1px solid #e7f7ff;
	border-left:		1px solid #cde4ef;	
	border-bottom:		1px solid #000000;
	border-right:		1px solid #245167;
}
.buttonheading img {
	border: 		none; 
	margin: 		0;
	padding:		0;
}
span.small { 		/* Small text underneath post title, i.e. 'Written by...' */
	font-size:		10px;
	margin:			0;
	padding:		0;
}

/* orig=td.createdate had removed td.*/
td.createdate {		/* Small date under post titles */
	font-size:		10px;
	text-align:		left;
	font-style: 		italic;	
	color:			#666666;
}

/* orig=td.modifydate */
td.modifydate { 		/* The 'Last Updated' date under posts/modules. */
	font-size:		10px;
	text-align:		right;
	font-style: 		italic;	
	color:			#666666;
}
a.readon { 		/* The 'Read More...' link under posts/modules. */
	font-size:		10px;
	float:			left;
	text-align:		left;
}

td.createby {		/* orig=n/a Small date under post titles */
	font-size:		10px;
	text-align:		left;
	font-style: 		italic;	
	color:			#666666;
}

/* orig=td.article_column */
td.article_column {
	padding-right:		10px; 
}

/* The line between articles */
.article_separator { 
	clear:                  both;
	display:                block;
	height:                 5px;
        border-top:             1px solid #777777;
        width:                  100%
 }

table.pollstableborder {
	text-align:		left;
	width:			100%;
}

p {
	margin-top:		0;
	margin-bottom:		10px;
}
span.breadcrumbs  {
	font-size:		10px;
	color:			#666666;
}
.crumbbg {
	background-color:	#fff0fe;
}
div.bannerheader {
	font-size:		10px;
}


/* Headings */
/* Orig=n/a */
/**
h1 {
	font-size: 180%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 125%;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

**/