/* {CODE IS POETRY} x {Erased De Kooning Drawing} = xyz


--------------------------------------------------------- */

html,
body { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;         /* changed from 12px by SG, 02-13-2010 */
height:100%;
color: #000000;

h1 {                     /* h1 and h2 added by SG, 02-13-2010 - but no result visible */
    color: orange;
    font-style: caps;
    font-size: 130%;
    letter-spacing: 1pt;
}

h3 {
    color: orange;
    font-size: 100%;
    font-weight: strong;
    letter-spacing: 1pt;
}

}

#body_bg{
margin-top: 0px;
margin-bottom: 0px;
background-image: url();
background-repeat: none;
background-color: #F7F6ED;
}

/* horizontal NAVI if wanted...setup in extended navigation module...add this to index tempate...

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
   var sfEls = document.getElementById("mainlevelmainnav").getElementsByTagName("LI");
   for (var i=0; i<sfEls.length; i++) {
      sfEls[i].onmouseover=function() {
         this.className+=" sfhover";
      }
      sfEls[i].onmouseout=function() {
         this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
      }
   }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>

--------------------------------------------------------- */




/* JOOMLA! STYLING

--------------------------------------------------------- */

a img {

	border: 0;
	padding: 4;

	margin: 0;

}



a:link, a:visited {

	font-size: 12px; 

	color: #A1634A;

        font-weight: bold;

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

a:hover {

	color: #FF6600;	text-decoration: underline;

}

.modifydate{

	font-family: "Lucida Sans", Tahoma, Arial;

	font-size: 9px;

	color: #999999;

	padding-top: 10px;

}



.small{

	font-family: "Lucida Sans", Tahoma, Arial;

	font-size: 10px;

	color: #ffffff;

}

.createdate{

	font-family: "Lucida Sans", Tahoma, Arial;

	font-size: 9px;

	color: #ff6600;

}

td.buttonheading {

	width: 16px;

}



/* CUSTOM STYLING

--------------------------------------------------------- */

.top_border_left{
width: 1px;	
background-color: ;
	

}

.top_border_bg{

	background-image: /* url(../images/top_bg.gif)*/ none;
background-position:bottom left;
background-repeat:no-repeat; 
	height: 0px; /* jdsr WAS 149 */

}

.top_border_right{

width: 1px;
background-color: ;	

}



.sub_top_border_left{

width: 1px;	
background-color: ;
}

.sub_top_bg{

background-image: none /*url(../images/sub_top_border_bg.gif)*/;
background-position:top left;
background-repeat:no-repeat;
background-color: ;
	height: 10px;

}

.sub_top_border_right{

width: 1px;	
background-color: ;

}



.maincontent_border_left{

width: 1px;
height: 100%;	
overflow: auto;
background-color: ;
	
}

.maincontent{

background-image: url(../images/UPDATED_TEMPLATE_01.gif); /*JDSR*/	
background-position:top left;
background-repeat: repeat-x;
background-color: #C8D4A5;
width:100%;
height: 100%;	
overflow:auto;
}

.maincontent_border_right{
width: 1px;	
height: 100%;
	overflow:auto;

}


#spacer {
	height:500px
}/* same height as footer/header to preserve space*/

.footer_border_left{
width: 1px;	
background-color: ;

}

.footer_bg{
width: 970px;
background-image: url(../images/UPDATED_TEMPLATE_02.gif); /*JDSR*/
color: #ffffff;
text-align: center;
position: fixed;
bottom: 0px;
overflow: hidden; background-position:top left;
background-repeat:no-repeat;
z-index: 100;
height: 40px;
}
.footer_border_right{

width: 1px;	
background-color: ;	

}

#topmenu{
       Height: 20px;
	padding-left: 10px;

}

#date{

	padding-right: 10px;
	font-size: 12px;
color: #A1634A;
font-weight: bold;

}

#copyright{

	padding-left: 15px;

	font-family: "Lucida Sans", Tahoma, Arial;

	font-size: 8px;

}

#copyright a:link, #copyright a:visited{

	font-family: "Lucida Sans", Tahoma, Arial;

	font-size: 8px;

	color: #374149;

	text-decoration: none;

}

#copyright a:hover{

	text-decoration: underline;

}

#bottom_links{

	padding-right: 15px;

	font-family: "Lucida Sans", Tahoma, Arial;

	font-size: 11px;

}

#bottom_links a:link, #bottom_links a:visited{

	font-family: "Lucida Sans", Tahoma, Arial;

	font-size: 11px;

	color: #E7E8E9;

	text-decoration: none;

}

#bottom_links a:hover{

	text-decoration: underline;

}

#mainlevel-nav {

margin: 0; padding: 0;

}

#mainlevel-nav li {

	padding-left: 0;

list-style:none; float: left; 

white-space: nowrap;

}

#mainlevel-nav a { 

	font-size: 12px;

	color: #374149;

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #acacac;

	padding-right: 10px;

	padding-left: 10px; }

#mainlevel-nav a:hover { 

	color: #374149;

	text-decoration: underline; }



#banner{ padding-left: 10px;
	font-size: 12px;
color: #A1634A;
font-weight: bold;
padding-top: 0px; padding-bottom: 0px; }

#logo, img#logo { background-repeat: no-repeat; position: absolute; top: 0px; right: 0; z-index: 9; border: 0; }

#tophead { clear: both; text-align: right; position: relative; height: 10px; } /* JDSR from 160 */



/* LEFT COLUMN

--------------------------------------------------------- */

.left_table{ padding: 20px 10px 10px;  }

#left{

	width: 150px;

}



/* MAINBODY COLUMN

--------------------------------------------------------- */

.mainbody{ width: 100%;
padding: 5px;
margin: 10px;
} 


/* RIGHT COLUMN

--------------------------------------------------------- */

.right_table{

	padding-right: 5px;

padding-left: 5px;

	padding-top: 5px;

}

#right{
color: #000000;
	width: 300px;

}



/* MENU STYLING

--------------------------------------------------------- */

table.moduletable {

	width: 160px;

	margin-bottom: 2px;

}

table.moduletable th { font-family: "Lucida Sans", Tahoma, Arial; font-size: 12px; color: #000000; height: 10px; text-transform: uppercase; text-align: right; padding-bottom: 3px; border-bottom: 2px solid #000000; }

table.moduletable td {

	font-family: "Lucida Sans", Tahoma, Arial;

	font-size: 12px;

	color: #000000;

}

a.mainlevel:link, a.mainlevel:visited {
font-size: 12px; /*JSR 1.22.10 from11*/
display: block;
height: 22px;
width:170px;
font-family: "Lucida Sans", Tahoma, Arial;
text-decoration: none;
color: #ff3333;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #b4b4b4;
line-height: 22px;
}
a.mainlevel:hover {

	background-color: #fafafa;

	display: block;

	height: 22px;

	width: 170px;

	color: #374149;	

}

form {

	margin: 0;

	padding: 0;

}

input, select {

	font: 11px/normal Tahoma, Arial, Helvetica, sans-serif;

}

select, .inputbox {

	padding: 2px;

}

textarea {

	padding-left: 2px;

}

textarea.inputbox {

	width:95%;

}

.button, .button:hover { padding: 1px 10px!important; padding: 1px 5px; background: #4b535b url(../images/button-bg.gif) repeat-x left top; color: #f3f5f8; border-color: #dfe5ec #8e9cae #8e9cae #dfe5ec; border-style: solid; border-width: 1px; }

.button:active, .button:focus { color: #f3f5f8; background-color: #cc3333; border-color: #8e9cae #dfe5ec #dfe5ec #8e9cae; border-style: solid; border-width: 1px; }

.inputbox {

	border: solid 1px #bfc2c5;

	background: #f5f6f8;

}

.inputbox:hover, .inputbox:focus { background-color: #e9ebed; border: solid 1px #9198a0; }

/* JOOMLA STYLE

--------------------------------------------------------- */

table.blog {

}

table.blog .article_seperator {

	display: block;

	height: 10px;

}

#ol-leftcol .article_seperator, #ol-rightcol .article_seperator {

	display: none;

}

table.contentpane {

	border: 1px;

	width: 100%;

}

table.contentpaneopen {

	border: none;

}

table.contenttoc {

	margin: 10px;

	padding: 5px;

	width: 35%;

}

table.contenttoc a {

	text-decoration: none;

}

table.contenttoc td {

	padding: 1px 5px 1px 22px;

}

table.contenttoc th {

	padding: 5px;


	border-bottom: 5px solid #FFFFFF;

	background: #DFE5EC;

	color: #A1634A;

	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;

}

table.searchintro {

	padding: 10px 0;

	width: 100%;

}

table.searchintro td {

	padding: 5px!important;

}

table.adminform {

	width: 400px!important; /*Control the Frontend Editor area width*/

}

.adminform .inputbox {

}

.blog_more {

	margin: 10px 0;

}

.blog_more strong {

	margin: 0 0 5px;

	padding-left: 13px;

	display: block;

	color: #646E7B;

	text-transform: uppercase;

}

td.buttonheading {

	padding: 0 0 0 3px!important;

	text-align: center;

}

.category {

	font-weight: bold;

}

.clr {

	clear: both;

}

.contentheading a:link, .contentheading a:visited {

	font-family: "Lucida Sans", Tahoma, Arial;

	font-size: 12px;

	color: #A1634A;

	height: 10px;

	font-weight: bold;

	text-transform: uppercase;

	text-decoration: none;

}

.contentheading a:hover {

	font-family: "Lucida Sans", Tahoma, Arial;

	font-size: 12px;

	color: #A1634A;

	font-weight: bold;

	height: 10px;

	text-transform: uppercase;

	text-decoration: underline;

}

.componentheading { padding-bottom: 2px; margin-bottom: 10px; color: #; font-size: 12px; line-height: normal; font-weight: bold; text-transform: uppercase; border-bottom: 1px dotted #999; }

.contentdescription {

	padding-bottom: 30px;

}

table.blog .contentheading {

	font-size: 11px;

	font-weight: bold;

}

.contentheading { color: #A1634A; font-size: 12px; text-transform: uppercase; border-bottom: 1px dotted #ccc; }

a.contentpagetitle {

	text-decoration: none!important;

}

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus {

	text-decoration: none!important;

}

a.readon { float: right; padding: 1px 5px 1px 16px; display: block; color: #A1634A; font-size: 1em; text-decoration: none; }

a.readon:hover, a.readon:active, a.readon:focus {

	color: #A1634A;

	text-decoration: none!important;

}

table.contentpaneopen td, table.contentpane td {

}

table.contentpaneopen, table.contentpane, table.blog {
color: #A1634A;
	width: 100%;
padding:5;
}

.createdate {

	padding-bottom: 8px;

	color: #ff6600;

	font-weight: bold;

	line-height: 9px;

}

.modifydate {

	color: #000000;

	height: 15px;

}

.moduletable {
       color: #000000;
	padding: 0;

}

.mosimage {

	padding: 0;

	margin: 8px 15px 0 0!important;

	margin: 8px 5px 0 0;

}

.mosimage img {

	padding: 0;

	margin: 5;

}

.mosimage_caption {

	margin-top: 2px;

	padding: 1px 2px;

	color: #818181;

}

.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;

}

.pagenavcounter {

	padding: 8px 14px 0;

}

.sectiontableheader { padding: 5px; color: #ddd; font-weight: bold; background: #999999; }

tr.sectiontableentry1 td {

	padding: 5px;

}

tr.sectiontableentry2 td {

	padding: 5px;

}

.small {

	color: #999999;

}

.smalldark {

	text-align: left;

}

div.syndicate div {

	text-align: center;

}

.pollstableborder tr.sectiontableentry1 td,

.pollstableborder tr.sectiontableentry2 td {

	background: none;

}

/* MODULE

--------------------------------------------------------- */

div.module h3,

div.module_text h3,

div.module_menu h3 { margin: 0 -15px 5px; padding: 0 0 0 24px; color: #000000; font-weight: bold; font-size: 115%; line-height: 26px; 3px; border-bottom: 1px solid #e0ddcd; }

div.module,

div.module_text,

div.module_menu,

div.ol-square1 {

	margin-bottom: 10px;

	padding: 0;

	float: left;

	clear: both;

	width: 100%;

	background: none;

	color: #A1634A;

	overflow: hidden;

}



div.module div,

div.module_text div,

div.module_menu div,

div.ol-square2 {

	padding: 0;

	background: none;

}



div.module div div,

div.module_text div div,

div.module_menu div div,

div.ol-square3 {

	padding: 0;

	background: none;

}



div.module div div div,

div.module_text div div div,

div.module_menu div div div,

div.ol-square4 {

	padding: 0 15px 15px;

	background: none;

}



div.module div div div div,

div.module_text div div div div,

div.module_menu div div div div {

	margin: 0;

	padding: 0;

	background: none;

}

/* Sub and Side Menus */

ul.menu {

margin: 0 0 10px;

padding: 0;

}

ul.menu li {

list-style: none;

margin: 0;

padding: 0;

}

ul.menu ul {

margin: 4px 0;

}

ul.menu ul li a {

text-indent: 7px;

}

ul.menu ul a {

background: none;

text-indent: 0;

}

ul.menu ul {

margin-left: 5px;

padding: 0;

}

ul.menu ul ul {

padding: 0;

margin-left: 10px;

}

ul.menu li li {

padding: 0;

margin: 0;

}

ul.menu ul a {

text-indent: 0;

}

ul.menu li a { padding: 3px 3px 5px 15px; text-decoration: none; }

ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, ul.menu li.active .separator, ul.menu li.active li.active .separator {font-weight: bold;}

ul.menu li.active li a, ul.menu li.active li.active li a, ul.menu li.active li .separator, ul.menu li.active li.active li .separator {font-weight: normal;}

ul.menu li a:hover { background-color: transparent; text-decoration: none; }

ul.menu li.active li a,

ul.menu li.active li a:hover { background: transparent; }

ul.menu a { outline: none medium; width: 90%; display: block; text-decoration: none; border-bottom: 1px dotted #aca686; }

ul.menu a:hover {  }

ul.menu ul li ul li a, ul.menu ul li ul li .separator {text-indent: 5px;}

ul.menu ul li ul li ul li a, ul.menu ul li ul li ul li .separator {text-indent: 10px;}
#twocols{ /*the columns that gets dropped down over yours might be different*/
  z-index:20;
}
 
#leftcol{  /*the columns that gets dropped down over yours might be different*/
  z-index:10;
}
 
.moduletablemainnav { /* I have absolutely positioned the module, you might have a different scheme*/
  position:absolute;
  top:187px;
  left:20px;
  z-index:100;
  font:0.9em Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
}
 
#mainlevelmainnav,#mainlevelmainnav ul {
  float:left;
  list-style:none;
  line-height:1em;
  background:transparent;
  font-weight:700;
  margin:0;
  padding:0;
}
 
#mainlevelmainnav a {
  display:block;
  color:#f90;
  text-decoration:none;
  margin-right:15px;
  padding:0px;
}
 
#mainlevelmainnav li {
  float:left;
  padding:0;
}
 
#mainlevelmainnav li ul  {
  position:absolute;
  left:-999em;
  height:auto;
  width:11em;
  font-weight:400;
  background:#36f;
  border:#00C 1px solid;
  margin:0;
}
 
#mainlevelmainnav li li {
  width:11em;
}
 
#mainlevelmainnav li ul a {
  width:11em;
  color:#fff;
  font-size:0.9em;
  line-height:1em;
  font-weight:400;
}
 
#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
  left:-999em;
}
 
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover
  l,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul {
  left:auto;
  z-index:6000;
}
 
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover {
  background:#039 url(../images/soccerball.gif) 98% 50% no-repeat;
}


/* @end */