*
{
   margin: 0;
   padding: 0;
}
body
{
   background: #522E1E url(images/bg_body.gif) repeat-y center top;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   font-size: 62.5%;
}
hr
{
   display: none;
}
form
{
	margin: 0px;
	padding: 0px;
}
#skip
{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}
#container
{
   width: 794px;
   margin: 56px auto;
   background: url(images/bg_container.gif) no-repeat;
}
a
{
   overflow: hidden;
}
#current-record
{
	background-color: #D7C3AC;
	padding: 1px 3px 1px 3px;
	width: 578px;
}
#current-record-full
{
	background-color: #D7C3AC;
	padding: 1px 3px 1px 3px;
}
#current-record-table tr td
{
	font-size: 8pt;
}
#contact-form
{
	width:578px;
	text-align:center;
}
#contact-form-heading
{
	font-weight: bold;
	background-color: #613D2E;
	padding: 1px 3px 1px 3px;
	width:578px;
	text-align:left;
	FONT-SIZE: 10pt;
    COLOR: White;
    FONT-FAMILY: Arial
}
.clsHide
{
	visibility: hidden;
	display: none;
}
.clsShow
{
	visibility: visible;
	display: inline;
}
.clsError
{
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-FAMILY: Arial
}
.clsError A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: navy;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.clsError A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #CC0000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.clsPageText8
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial
}
.clsPageText8 A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: navy;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.clsPageText8 A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #CC0000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline overline
}
.clsPageText10
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial
}
.clsPageText10 A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: navy;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.clsPageText10 A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #CC0000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline overline
}
.clsRowAlt
{
   BACKGROUND-COLOR: silver
}
.clsRowSort
{
    BACKGROUND-COLOR: yellow
}
.clsStatHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial
}
.clsStatHeader A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: navy;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.clsStatHeader A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #CC0000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline overline
}
.clsStatHeaderSort
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: yellow
}
.clsStatHeaderSort A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: navy;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.clsStatHeaderSort A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #CC0000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline overline
}
.clsPlayoff
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-LEFT: black 1px solid;
    COLOR: black;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial
}
.clsPlayoff A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: navy;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.clsPlayoff A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #CC0000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline overline
}
.clsPlayoffHighlight
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-LEFT: black 1px solid;
    COLOR: black;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: yellow
}
.clsTeamTourney
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: aqua
}
.clsPadding2 td
{
	padding: 2px;
}
.clsButton
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
}
#rainout
{
	padding: 2px;
}
.clsRainout
{
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: red
}

/* =Right Menu
---------------------------------------------------------------------
*/

#right-menu
{
	float: right;
	clear: right;
	background-color: #85543E;
	width: 190px;
	position: relative;
	top: -34px;
	padding: 0 0 3px 0;
	font-family: Arial;
	font-size: 8pt;
	color: White;
	list-style: none;
}
#right-menu div td
{
	background-color: #85543E;
	font-family: Arial;
	font-size: 8pt;
	color: White;
}
#right-menu li
{
	float: left;
	width: 190px;
}

#right-menu li a
{
	display: block;
	width: 170px;
	padding: 0 0 2px 20px;
	background: url(images/bg_nav_li_b.gif) no-repeat 4px center;
	color: White;
	text-decoration: none;
}

#right-menu li a:hover
{
	background: #613D2E url(images/bg_nav_li_b.gif) no-repeat 4px center;
	font-weight: bold;
}

.clsHeading
{
	font-weight: bold;
	background-color: #613D2E;
	padding: 3px;
	border: solid 1px black;
}

/* =Header
---------------------------------------------------------------------
*/

#header{
   float: left;
   width: 770px;
   height: 66px;
   padding: 13px 12px 0;
   background: url(images/bg_header.gif) no-repeat;
}

#header h1{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 354px;
   height: 38px;
   margin: 19px 0 0 13px;
//   margin: 19px 0 0 33px;
//   background: url(images/bg_h1.gif) no-repeat;
   background: url(images/logo.gif) no-repeat;
   text-decoration: none;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 354px;
   height: 38px;
}

#header #softball-logo{
   display: inline; /* IE6 double margin float bug hack */
   clear: right;
   float: right;
   margin-top: 2px;
   margin-right: 8px;
   height: 63px;
   background: url(images/churchsoftball-logo_new.gif) no-repeat;
}

#header #softball-logo p{
   text-indent: 125px;
   margin-top: 45px;
   color: White;
   font-size: 10pt;
   font-weight: bold;
}

/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   float: left;
   clear: left;
   width: 174px;
   list-style: none;
}

#nav li{
   float: left;
   width: 174px;
   background: url(images/bg_nav_li.gif) no-repeat left bottom;
   font-size: 1.3em;
}

#nav li a{
   display: block;
   width: 125px;
   padding: 6px 25px;
   background: url(images/bg_nav_li_a.gif) no-repeat 12px center;
   color: #FFF;
   text-decoration: none;
}

#nav li a:hover{
   background: url(images/bg_nav_li_a_hover.gif) no-repeat left center;
   color: #F0DEC3;
}

/* =Container-Inner
---------------------------------------------------------------------
*/

#container-inner{
   float: left;
   clear: both;
   width: 794px;
   background: url(images/bg_container-inner.gif) repeat-y;
}

body#home #container-inner{
   background: url(images/bg_container-inner_home.gif) repeat-y;
}

/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
   float: left;
   width: 770px;
   padding: 0 12px;
   background: url(images/bg_content-wrap.gif) no-repeat 12px top;
}

#content-wrap #nav-wrap{
   float: left;
   margin-top: 17px;
}

/* =Content
---------------------------------------------------------------------
*/

#content{
   float: right;
   width: 558px;
   margin-top: 12px;
   padding: 8px 15px;
   background: url(images/bg_content.gif) no-repeat;
}

body#home #content{
   width: 588px;
   padding: 0;
   background: none;
}

#content h2{
   margin: 0 0 .25em -8px;
   padding: 5px 8px;
   background: url(images/bg_content_h2.gif) no-repeat;
   color: #412612;
   font-size: 2em;
   font-weight: bold;
   //font-family: Georgia, "Times New Roman", serif;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content h3{
   margin: 0 0 .25em -8px;
   padding: 5px 8px;
   background: url(images/bg_content_h3.gif) no-repeat;
   color: #412612;
   font-size: 1.7em;
   font-weight: bold;
   //font-family: Georgia, "Times New Roman", serif;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content h4{
   margin-bottom: 1em;
   color: #852801;
   font-size: 1.6em;
   font-weight: bold;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content h5{
   margin-bottom: 1em;
   color: #852801;
   font-size: 1.5em;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content h6{
   margin-bottom: 1em;
   color: #412612;
   font-size: 1.6em;
   font-weight: bold;
   //font-family: Georgia, "Times New Roman", serif;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content p,
#content ul,
#content ol,
#content td{
   margin-bottom: 1em;
   color: #2C2722;
   font-size: 1.3em;
   line-height: 1.5;
}

#content td p{
   font-size: 1em;
}

#content ul,
#content ol{
   margin-left: 3em;
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-bottom: 10px;
   font-size: 1.1em;
   list-style: none;
}

#content blockquote{
   margin-left: 25px;
}

#content hr{
   display: block;
   margin-bottom: 1em;
}
/*
#content a{
   color: #852801;
}

#content a:hover{
   text-decoration: none;
}
*/
#content img{
   margin: 0 10px 5px 0;
}

#content img#home_header{
   display: block;
   float: none;
   margin: 0;
}

#content img#mcms_stats{
   display: none;
}

#content #text{
   clear: both;
}

#content .sermonbox{
   clear: both;
   float: left;
   width: 100%;
   margin-bottom: 30px;
}

#content .sermonbox h4{
   margin-bottom: 5px;
}

#content .sermonbox p{
   padding: 0;
   margin: 0;
}

#content .sermonbox p.sermonlink{
   margin-top: 10px;
}

#content .sermonbox p.eventtime{
   margin-bottom: 0;
}

#content #mediabox,
#content .mediabox{
   float: right;
   width: 125px;
   padding: 5px 5px 0;
   border: 1px solid #D7C3AC;
   font-size: 1.1em;
   list-style: none;
}

#content .mediabox{
   margin-top: -20px;
   border: 0;
}

#content #mediabox li,
#content .mediabox li{
   margin-bottom: 5px;
   font-weight: bold;
}

#content #mediabox li a,
#content .mediabox li a{
   display: block;
   height: 16px;
   padding-left: 20px;
   background-repeat: no-repeat;
}

#content #mediabox li#mb_print a,
#content .mediabox li.mb_print a{
   background-image: url(images/mb_print.gif);
}

#content #mediabox li#mb_video a,
#content .mediabox li.mb_video a{
   background-image: url(images/mb_video.gif);
}

#content #mediabox li#mb_download a,
#content .mediabox li.mb_download a{
   background-image: url(images/mb_download.gif);
}

#content #mediabox li#mb_notes a,
#content .mediabox li.mb_notes a{
   background-image: url(images/mb_notes.gif);
}

#content #mediabox li#mb_jukebox a,
#content .mediabox li.mb_jukebox a{
   background-image: url(images/mb_jukebox.gif);
}

#content #mediabox li#mb_podcast a,
#content .mediabox li.mb_podcast a{
   background-image: url(images/mb_podcast.gif);
}

#content table.calendar{
   margin: 0 auto;
   border: 1px solid #AC9577;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
   text-decoration: none;	 
}

#content table.calendar caption{
   padding-bottom: .4em;
   color: #343C44;
   font-size: 1.5em;
   font-weight: bold;
   text-decoration: none;	 
}

#content table.calendar caption span{
   color: #8A4700;
   font-size: 1.3333em;
   text-decoration: none;	 
}

#content table.calendar th{
   padding: 2px 0;
   border-bottom: 1px solid #AC9577;
   background: #343C44;
   color: #FAFAFD;
   font-size: 1.3em;
   font-weight: normal;
   text-decoration: none;	 
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #AC9577;
   border-left: 0;
   border-top: 0;
   background: #FCF3E8;
   color: #313131;
   font-size: 1em;
   vertical-align: top;
   text-decoration: none;	 
}

#content table.calendar td.empty{
   background: #FCF3E8;
   text-decoration: none;	 
}

#content table.calendar td a{
   color: #852801;
   /*text-decoration: underline;*/
   text-decoration: none;
}

#content table.calendar td a:hover{
   text-decoration: underline;
}

#content table.calendar td ul{
   margin: .5em 0 0 0;
   list-style: none;
   line-height: 1.2;
   text-decoration: none;	 
}

#content table.calendar td li{
   margin-bottom: .5em;
   text-decoration: none;	 
}

#content .book{
   clear: left;
   float: left;
   width: 90%;
   margin: 0 0 20px 20px;
}

#content .book p{
   margin-bottom: 0;
}

#content .book img{
   float: left;
   margin: 0 10px 10px 0;
}

/* =Blog
---------------------------------------------------------------------
*/
#blog
{
	font-family:Arial;
	width: 100%;
	background-color: White;
}
#blog a
{
	FONT-WEIGHT: bold;
    COLOR: Navy;
    TEXT-DECORATION: none
}
#blog a:hover
{
    FONT-WEIGHT: bold;
    COLOR: #CC0000;
    TEXT-DECORATION: underline overline
}

.clsBlogDate
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: Navy;
    BORDER-BOTTOM: navy thin ridge;
    padding-top: 5px;
}
.clsBlogTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #CC0000;
}
.clsBlogText
{
    PADDING-LEFT: 10px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 5px;
    COLOR: black;
    PADDING-TOP: 5px;
    PADDING-RIGHT: 5px;
}
.clsBlogText a
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: Navy;
    TEXT-DECORATION: none
}
.clsBlogText a:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #CC0000;
    TEXT-DECORATION: underline overline
}
.clsBlogFooter
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 2px;
    COLOR: white;
    PADDING-TOP: 2px;
    BACKGROUND-COLOR: #b21f1f;
    margin-bottom: 10px;
}
.clsBlogFooter A
{
    FONT-SIZE: 8pt;
    COLOR: white;
    TEXT-DECORATION: underline
}
.clsBlogFooter A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #CC0000;
    TEXT-DECORATION: none
}

/* =Subnav
---------------------------------------------------------------------
*/

#subnav{
   display: inline; /* IE6 double margin float bug hack */
   clear: left;
   float: left;
   width: 167px;
   margin: 12px 0 7px 7px;
}

#subnav h3{
   height: 26px;
   background: url(images/bg_subnav_h3.gif) no-repeat;
   padding: 3px 17px 0;
   color: #D8BF9F;
   font-size: 1.6em;
   font-weight: normal;
}

#subnav ul{
   padding: 6px 0 9px 18px;
   background: url(images/bg_subnav_ul.gif) no-repeat left bottom;
   list-style: none;
}

#subnav li{
   padding: 3px 0;
   font-size: 1.2em;
}

#subnav li a{
   color: #FFF;
   text-decoration: none;
}

#subnav li a:hover{
   color: #FFF;
   text-decoration: underline;
}

/* =Footer
---------------------------------------------------------------------
*/

#footer{
   clear: both;
   float: left;
   width: 754px;
   padding: 20px; 
   background: url(images/bg_footer.gif) no-repeat;
}

body#home #footer,
body#adults #footer{
   background: url(images/bg_footer_home1.gif) no-repeat;
}

body#youth #footer,
body#children #footer{
   //background: url(images/bg_footer_youth.gif) no-repeat;
   background: url(images/bg_footer_home1.gif) no-repeat;
}

#footer p{
   float: left;
   color: #fff;
}

#footer p.powered{
  float: right; 
}

#footer a{
   color: #fff;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h2 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 20px;
}

/* Added by Greg */
.clsStandardTable
{
	border: none;
}
.clsStandardTable td
{
	margin: 0px;
	padding: 0px;
    border: solid 1px black;
}
.clsStandardTable td span
{
	padding: 3px;
	font-size: 10pt;
    color: black;
    font-family: Arial;
}
.clsTableNoBorder
{
	border: none;
}
.clsTableNoBorder td
{
	margin: 0px;
	padding: 0px;
    border: none;
}
.clsTableNoBorder td span
{
	padding: 3px;
	font-size: 10pt;
    color: black;
    font-family: Arial;
}
.clsBorder10
{
	font-family: Arial;
	font-size: 10pt;
	color: Black;
	padding: 3px;
	border: solid 1px black;
}
#pollDesc
{
	padding: 2px 2px 2px 2px;
}
#pollDesc2
{
	padding: 2px 2px 2px 2px;
}
#pollForm
{
	padding: 2px 2px 2px 2px;
}
#pollForm form
{
	margin: 0px 0px 0px 0px;
}