/************************************************************************************/
/*  Softball Excellence CSS - The Dugout                                            */ 
/*  Modification History                                                            */
/*  Document created on: 7/9/06                                                     */
/*  Date published: 7/19/06                                                         */
/*  Version 1.0                                                                     */
/************************************************************************************/
/*  Revison History                                                                 */
/*  Revison History                                                                 */
/*  2006 07-18  Version 1.1 R.Pokoj Added formatting for Q&A Main body nested Lists */
/*  2006 07-19  Version 1.2 R.Pokoj Added formatting for Topic List Image Map       */
/*  2006 11-15  Version 1.3 R.Pokoj Modified to fit in PS body area                 */
/*  [Insert date] [Insert Version] [Insert your name] [Insert changes made]         */
/************************************************************************************/
/*                                                                                  */
/*****************/
/*   MAIN BODY   */
/*****************/
/**  For Future Use
cursor: url("../img/softballexcellence.cur") !important;
background: url(../img/selogo.gif) no-repeat bottom left;

} **/
/*********************************************************
/** tip of the month page 
/*********************************************************
**/
h1.tip {font: normal small-caps bolder 200%/1.5 'franklin gothic heavy', arial, sans-serif;
	text-align: center;
	color: rgb(39,93,166);
}
h2.tip {font: normal normal normal 150%/1.5 'franklin gothic heavy', arial, sans-serif;
	text-align: left;
	color: rgb(39,93,166);
}
em.tip {font: italic normal normal 120%/1.0 'franklin gothic heavy', arial, sans-serif;
	text-align: left;
	color: rgb(168,25,51);
}
img.ala {background: transparent; 
         border-top: 8px solid #cccccc; 
         border-right: 8px solid #cccccc;
         border-bottom: 5px solid #cccccc;
         border-left: 5px solid #cccccc;
	 border-bottom: 1px solid rgb(168,25,51);
	 float: left;
/*	 margin-right: 5px; */
}	
a.ala {background: #fff;}
a.ala:hover {background: #ffff99;}
.smart_rollover {
float: left;
width: 75px;
height: 135px;
border: 1px solid #000;
text-align: center;
color:#FFF;
background: #000 URL(/img/Links_75x100_dbl.jpg) no-repeat 0 35px;
}
a.smart_rollover:link, a.smart_rollover:visited, a.smart_rollover:active {
color: #FFF;
text-decoration: none;
background: #000 URL(/img/Links_75x100_dbl.jpg) no-repeat 0 35px;
}
a.smart_rollover:hover {
color: #FFFF99;
background: #333399 URL(/img/Links_75x100_dbl.jpg) no-repeat -75px 35px;
}

/*
body {
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0em;
  	font-family: "Trebuchet MS", Arial, Helvetica;
}

*********************************************************************/
/***                      MAIN COLUMN                               ***/
/**********************************************************************/
/****************************/
/*     Main Column Sections */
/****************************/

.main-column {
	float: left;
	width: 98%;
	padding: 0em 0.6em 0em 0.7em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.main-column-left {
	float: left;
	width: 50%;
}

.main-column-right {
	float: right;
	width: 50%;
}

.main-column-left-faq {
	float: left;
	width: 45%;
}

.main-column-right-faq {
	float: right;
	width: 55%;
}
/*******************************/
/*   Main Column Box titles    */
/*******************************/
.main-column-box-title-red {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(168,25,51);
	font-weight: bold;
	color: rgb(255,255,255);
}

.main-column-box-title-blue {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(39,93,166);
	font-weight: bold;
	width: 100%;
	color: rgb(255,255,255);
}

.main-column-box-title-gold {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(222,176,46);		
	font-weight: bold;
	color: rgb(255,255,255);
}

/*******************************/
/* Main Column Box backgrounds */
/*******************************/
/*
     BACKGROUNDS - Full width boxes 
*/
.main-column-box-white {
	float: left;
	width: 100%;
	margin: 0.0em 0.0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,255,255)
}

.main-column-box-blue {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(204,204,255);
}

.main-column-box-gold {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,255,204);
}

.main-column-box-red {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,204,204);
}

/*
     BACKGROUNDS - Half width boxes 
*/
.main-column-box-left-white {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,255,255)
}

.main-column-box-left-blue {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(204,204,255);
}

.main-column-box-left-gold {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,255,204);
}

.main-column-box-left-red {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,204,204);
}

.main-column-box-right-white {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,255,255)
}

.main-column-box-right-blue {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(204,204,255);
}

.main-column-box-right-gold {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,255,204);
}

.main-column-box-right-red {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,204,204);
}

/***********************************/
/*     Main Column Box Content     */
/***********************************/
/*
      CONTENT - General
*/

ul.lvl01_topic  {
	list-style-image: url(../img/logo_icon_blue.gif);
	font-weight: bolder;
}

ul.lvl02_subtopic  {
	list-style-image: url(../img/softball_marker.gif);
	font-weight: bold;
}

ol.lvl_question {
	list-style-image: none;
	list-style-type: decimal;
	font-weight: normal;
	color: rgb(39,93,166);
}

ul.lvl_answer  {
	list-style-image: none;
	list-style-type: none;
	font-weight: normal;
	color: rgb(168,25,51);
}

/*
     CONTENT - Full width boxes 
*/
.main-column-box-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;	
	font-weight: bold;
}

.main-column-box-white p {
	margin: 0em 0em 0.6em 0em;
}

.main-column-box-blue p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-blue p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-blue p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

.main-column-box-gold p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-gold p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-gold p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

.main-column-box-red p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-red p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-red p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

/*
     CONTENT - Half width boxes 
*/
.main-column-box-left-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-left-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	font-weight: bold;
}

.main-column-box-left-white p {
	margin: 0em 0em 0.6em 0em;
}

/*
    CONTENT - Photo Galary
*/
.main-column-box-left-white ul.gallery { 
	margin: 20px 0;
	padding: 0;
	}
.main-column-box-left-white ul.gallery:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0;
	visibility: hidden
	}	
.main-column-box-left-white ul.gallery li { 
	float: left;
	margin: 3px;
	padding: 0;
	background-image: none;
	}
.main-column-box-left-white ul.gallery li a img { border: 5px solid #ddd; }
.main-column-box-left-white ul.gallery li a:hover img { border: 5px solid rgb(39,93,166); }	
html>body .main-column-box-left-white ul.gallery li a { background-color: transparent; }

.main-column-box-left-blue p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-left-blue p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-left-blue p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

.main-column-box-left-gold p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-left-gold p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-left-gold p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

.main-column-box-left-red p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-left-red p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-left-red p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

.main-column-box-right-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;	
	font-weight: bold;
}

.main-column-box-right-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	font-weight: bold;
}

.main-column-box-right-white p {
	margin: 0em 0em 0.6em 0em;
}

.main-column-box-right-blue p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;	
	font-weight: bold;
}

.main-column-box-right-blue p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;	
	font-weight: bold;
}

.main-column-box-right-blue p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;	
}

.main-column-box-right-gold p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-right-gold p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-right-gold p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

.main-column-box-right-red p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-right-red p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.main-column-box-right-red p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

/*******************************/
/*    Main Column Images      */
/******************************/
.main-column-img-left{
	float: left;
	margin: 0.3em 0.5em 0em 0em;
	border: solid 1px rgb(100,100,100);
}

.main-column-img-right{
	float: right;
	margin: 0.3em 0em 0em 0.5em;
	border: solid 1px rgb(100,100,100);	
}

/**************************/
/***   MISCELLANEOUS    ***/
/*************************
a:hover {
	color: rgb(10,106,245);
	text-decoration: none;
	background-color: rgb(255,255,255);
}*/
	
.button {
		margin: 0px 0px 0px 90px;
		padding: 2px;
		background: rgb(222,176,46);
		color: #FFFFFF;
		border: 2px;
		border-style: inset;
		}