/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}
	
/* v  v  v  to create a static CSS  paste the output of 
yoursite.com/.../style.css.php below this line:  v  v  v */

/* more ... means additional styles are in header.php */


/* ------------------------------------------------------------------
---------- BASE LAYOUT ----------------------------------------------
------------------------------------------------------------------ */
body {
	text-align: center;  /* centering the page container, 
							text-align will be reset to left 
							inside the container */
	margin: 0;
	font: Arial, Helvetica, sans-serif;
	background: url(../images/body-background.jpg) repeat;	/* more  ... */
	line-height: 0.4em;
	}

a:link, a:visited, a:active {
	color: #666;
	text-decoration: none;
	}
	
a:hover {
	color: #FFF;
	}
		
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
	}

ul ul, ul ol, ol ul, ol ol {
	/* remove margins on sub-lists */
	margin-top: 0;
	margin-bottom: 0;
	}

h1 {font-size: 2.15em; font-weight: bold;}
h2 {
	font-size: 0.5em;
	line-height: 0.5px;
}
h3 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 10;
}
h4 {
	font-size: 18px;
	letter-spacing: -0.02em;
}
h5 {font-size: 1.2em;}
h6 {
	font: normal 14px/16px Arial, Helvetica, sans-serif;
	word-spacing: -0.05em;
}


code, pre {
	font: 1em Arial, Helvetica, sans-serif;
	}

pre {
	overflow: auto;
	word-wrap: normal;
	padding-bottom: 1.5em;
	overflow-y: hidden;
	width: 99%;
	}


abbr[title], acronym[title] {
	border-bottom: 1px dotted;
	}
	
hr {
	display: block;
	height: 2px;
	border: none;
	margin: 0.5em auto;
	color: #cccccc;
	background-color: #cccccc;
	}
	
/* ------------------------------------------------------------------
---------- POSTS ----------------------------------------------------
------------------------------------------------------------------ */

/*-------------------- POST CONTAINER ---------------------*/

div.post {
	display: block;
	/* more  ... */
	}

/* additonal styles for sticky posts */
.sticky {
	/* more  ... */
	}

/*-------------------- POST KICKER ------------------------*/

div.post-kicker {
	/* more  ... */
	}
#mainblockBTweather  
  
  {
	/* more  ... */
	}

div.post-kicker a:hover {
	/* more  ... */
	}

	
/*-------------------- POST HEADLINE ----------------------*/

div.post-headline {
	/* more  ... */
	}

div.post-headline h2 {
	margin: 0;
	padding: 0;
	/* more  ... */
	}

div.post-headline h2 a:link, 
div.post-headline h2 a:visited, 
div.post-headline h2 a:active {
	/* more  ... */
	}

div.post-headline h2 a:hover {
	/* more  ... */
	}

	
/*-------------------- POST BYLINE ------------------------*/
	
div.post-byline {
	/* more  ... */
	}

div.post-byline a:link, 
div.post-byline a:visited, 
div.post-byline a:active {
	/* more  ... */
	}

div.post-byline a:hover {
	/* more  ... */
	}

	
/*-------------------- POST BODY COPY ---------------------*/
	
div.post-bodycopy {
	/* more  ... */
	}
	
div.post-bodycopy p {
	margin: 1em 0;
	padding: 0;
	display: block;
	/* The rule below would create hor. scrollbars in Firefox, 
	which would be better than overflowing long strings, but the
	downside is that text won't float around images anymore. 
	Uncomment this if you don't float images anyway */
	/* overflow: auto; */
	}

/*-------------------- POST PAGINATION --------------------*/

div.post-pagination {
	/*border: solid 1px brown;*/
	}

	
/*-------------------- POST FOOTER ------------------------*/
	
div.post-footer {
	clear:both; 
	display: block;
	/* more  ... */
	}

div.post-footer a:link, 
div.post-footer a:visited, 
div.post-footer a:active {
	/* more  ... */
	}	

div.post-footer a:hover {
	/* more  ... */
	}

	
/*-------------------- ICONS in KICKER, BYLINE & FOOTER ---*/

div.post-kicker img, 
div.post-byline img, 
div.post-footer img {
	border: 0;
	padding: 0;
	margin: 0 0 -1px 0;
	background: none;
	}
	
span.post-ratings {
	display:inline-block; 	/* postratings set to "span" by the 
							theme, instead of default "div", to 
							make them display inline. Adding 
							inline-block and nowrap to avoid 
							line wrapping of single voting stars. */
	width: auto;
	white-space: nowrap;
	}
/* ------------------------------------------------------------------
---------- FOOTER ---------------------------------------------------
------------------------------------------------------------------ */

#footer a:link, td#footer a:visited, td#footer a:active {
	/* more  ... */
	}

#footer a:hover {
	/* more  ... */
	}
	
	
/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#outerWrapper {
	margin: 20px auto 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 850px;
	overflow: visible;
	background: #2C6832;
}
#outerWrapper #contentWrapper {
	overflow: hidden;
	text-align: left;
	width: 850px;
	background-image: url(../images/home-master2.jpg);
	background-repeat: no-repeat;
}
#outerWrapper #topRight {
	height: 140px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 350px;
	position: relative;
	float: none;
	z-index: 15;
	text-align: center;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 480px;
	padding: 0px 7px;
}
#signshadow {
	height: 35px;
	width: 160px;
	background-image: url(../images/signshadow.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: right;
	margin-top: -3px;
}
#signshadowlft {
	height: 35px;
	width: 160px;
	background-image: url(../images/signshadow.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
	margin-top: -3px;
}
#outerWrapper #topNavigation {
	height: 25px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 840px;
	position: relative;
	float: left;
	z-index: 15;
	left: 8px;
	padding: 0px;
	text-align: right;
	top: 0;
	margin: 4px 0px 10px;
}
#outerWrapper #contentWrapper #leftColumn1 {
	/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 470px;
	position: relative;
	float: left;
	margin-left: 38px;
	margin-top: 63px;
	margin-bottom: 140px;
}
#outerWrapper #contentWrapper #right {
	color: #2b3a3c; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 248px;
	position: relative;
	float: left;
	margin: 33px 43px 25px 38px;
}
#outerWrapper #contentWrapper .rightcopy {
	text-align: center;
	font: bolder 16pt/18pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#mainblockBT {
	width: 450px;
	float: left;
	position: relative;
	margin-left: 135px;
	margin-right: 125px;
	margin-bottom: 15px;
}
#mainblockBTweather {
	height: 78px;
	width: 435px;
	z-index: 1;
	position: relative;
	overflow: hidden;
	float: left;
	padding-right: 20px;
	padding-top: 10px;
	padding-left: 50px;
}
   
.firstlevelhead {
	font: bold 24pt/26px Arial, Helvetica, sans-serif;
	color: #960;
}
.secondlevelhead {
	color: #C60;
	font: bolder 30pt/30pt Arial, Helvetica, sans-serif;
}
#JumbosNews {
	font: bolder normal 18px/24px Arial, Helvetica, sans-serif;
	color: #F90;
	width: 700px;
	text-align: center;
	float: left;
	margin: 0;
	height: 80px;
	padding: 10px 0px 0px;
}
#JumbosCurrentEvents {
	font: bolder normal 18px/24px Arial, Helvetica, sans-serif;
	color: #F90;
	width: 848px;
	text-align: left;
	float: left;
	margin: 0;
	padding-top: 15px;
}
#JumbosNews_right {
	font: bolder normal 14px/20px Arial, Helvetica, sans-serif;
	color: #F90;
	width: 150px;
	text-align: center;
	display: block;
	clear: both;
	margin-top: -140px;
	margin-left: 455px;
	float: left;
}
#JumbosNews_nopet {
	color: #F90;
	width: 90px;
	text-align: center;
	float: right;
	margin-top: 20px;
	margin-right: 40px;
}
#currentevents a {
	width: 434px;
	color: #F90;
	z-index: 100;
	float: none;
	font: italic bold 14px/14px Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px auto;
}
#JumbosBlog {
	font: bolder normal 18px/18px Arial, Helvetica, sans-serif;
	width: 435px;
	text-align: left;
	margin: 0;
	height: 165px;
	float: left;
}
#spacer1 {
	height: 150px;
	width: 150px;
	float: left;
}
#outerWrapper #contentWrapper #JumbosNews_right h4 {
	font-size: 1.4em;
	line-height: 1em;
}
#locationline {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: .8em;
	line-height: 1em;
	color: #FFF;
	float: left;
	height: 25px;
	width: 825px;
	text-align: center;
}

#locationline {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: .8em;
	line-height: 1em;
	color: #FFF;
	float: left;
	height: 25px;
	width: 825px;
	text-align: center;
}
#outerWrapper #contentWrapper #leftColumn1 p {
	font-size: 150%;
	line-height: 120%;
	color: #000;
}
#outerWrapper #contentWrapper #leftColumn2 {
	color: #2b3a3c;
	position: relative;
	top: -10px;
	padding-top: 10px;
}
#outerWrapper #contentWrapper #leftColumn2 p {
	color: #825211;
	font: 1.3em/0.8em "Arial Black", Gadget, sans-serif;
}
#outerWrapper #contentWrapper #contentbottom {
	position: relative;
	top: 350px;
	width: 700px;
	left: 60px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.post {
	font: normal 0.8em/16pt Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
.contentbottomh1  {
	color: #DE9C1A;
	font: bolder font-size: 0.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
	position: relative;
	top: -15px;
	left: 40px;
	width: 630px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#outerWrapper #bottomNavigation {
	height: 30px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 665px;
	text-align: center;
	position: relative;
	left: 45px;
	z-index: 1;
}
#outerWrapper #jfooter {
	color: #666666;
	height: 20px;
	padding-top: 5px;
	width: 820px;
	position: relative;
	padding-right: 15px;
	background: url(../images/footer_bgd.jpg) repeat-x;
	float: left;
	margin: 0px;
	font: bold normal 10px/12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#outerWrapper .left-element {
	position: absolute;
	padding-left: 15px;
   }

#outerWrapper .right-element {
	position: absolute;
	right: 0;
	text-align: right; /* depends on element width */
	padding-right: 15px;
	color: #CCC;
	font-style: normal;
	text-decoration: none;
   } 
#outerWrapper .counter {
	padding-left: 90px;
	text-align: left; /* depends on element width */
	color: #666666;
	font-style: normal;
	text-decoration: none;
}

.spacer   {
	width: 50px;
}
.post a{
	color: #FFFFFF;
	font-size: 11pt;
	line-height: 12pt;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
.post p{
	color: #FFFFFF;
	font-size: 10pt;
	line-height: 11pt;
}
.more-link a{
	font-size: 10pt;
}
.linecopy {
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
#menusystem_left {
	font: bolder normal 10px/6px Arial, Helvetica, sans-serif;
	color: #CC3;
	width: 80px;
	text-align: left;
	float: left;
	margin-left: 0px;
	margin-right: 15px;
	text-decoration: underline;
}
#menusystem_right {
	font: bolder normal 10px/7px Arial, Helvetica, sans-serif;
	color: #000;
	width: 280px;
	text-align: left;
	float: right;
	text-decoration: underline;
}
#myform {
	width: 300px;
	float: left;
	text-align: left;
	margin-left: 0px;
	line-height: 18px;
	white-space: normal;
	vertical-align: top;
}
.cssform p{
	padding-top: 2px;
	float: left;
	line-height: 9px;
	margin-top: -3px;
}

.cssform label{
	float: left;
	width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	font: bold 0.8em/0.8em Arial, Helvetica, sans-serif;
	color: #9C9;
	vertical-align: baseline;
	text-align: left;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
	background: #CC9;
	color: #666;
	text-align: left;
	float: left;
	margin-top: 5px;
}
#outerWrapper #contentWrapper #myform p #submit {
	margin-top: 5px;
	margin-left: 5px;
	float: left;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

#menusystem_left_ul {
	font: bolder normal 10px/6px Arial, Helvetica, sans-serif;
	color: #CC3;
	width: 150px;
	text-align: left;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	text-decoration: underline;
}
#menusystem_left ul{
	font: bolder 8px/9px Arial, Helvetica, sans-serif;
	color: #CC3;
	width: 150px;
	text-align: left;
	float: none;
	margin-left: 5px;
	margin-right: 15px;
	text-decoration: underline;
	display: block;
	white-space: normal;
	vertical-align: middle;
	height: 5px;
}
#outerWrapper #contentWrapper #topRight h4 {
	color: #FFF;
}
.eventspace {
	line-height: 14px;
}
#locationline {
	float: left;
	width: 300px;
	padding: 0px;
	text-align: left;
	font-size: 24px;
	margin-top: 10px;
}