/* absolute measurements */

/* dependencies


content  width= 780px
table.bio width = 
fullparagraphborder
fullparagraphnoborder
photos.js (width)
maps.css width


dell blue #2a80ab

*/

/* 2019 */



#front-page {
    width: 930px;
    margin: 0 0 0 0px;
    padding: 0;
}

#container #col1 {
    width: 250px;
    float: left;
    }

    #container #col2outer {
    width: 610px;
    float: right;
    margin: 0;
    padding: 0;
    }

    /* end 2019 */

    #col2outer #col2mid {
 width: 300px;
 float: left;
 }

 #col2outer #col2side {
 width: 300px;
 float: right;
 }


.gr_columns {
 -moz-column-count: 1;
 -webkit-column-count: 1;
 column-count: 1slim;
}



.subscribe {
    float: right;
}


.hallOfFame {
    
    margin-left: 500px;
    
}

.hallOfFame a:active{
    
    
    text-decoration: underline ;
}

#photo-year-box {
    
  margin: 5px 5px 5px 5px;
 float: left;  
    
}

.archives-box {
    
  margin: 5px 5px 20px 5px;
 float: left;  
    
}

.spacer {
    margin: 10px 0px 0px 0px ;

}

.home-game {
    
    color: blue;
    
}

/* test for recipes */
#box {
    
  margin: 5px 5px 5px 5px;
 float: left;  
    
}

#box1 {
    margin: 5px 5px 5px 5px;
 float: left;  
 background-color: #E7B360
    
}

body  {
    background-color: #f1efef;      /*#f9edc8;*/
	margin:0px 0px; 
	padding: 0px; 
/*        font-size: .9em;
	color: #514b47;
        font-family:    Verdana, Arial, Helvetica, sans-serif; */
        
        
        
        color:  #514b47;
 font-size: .8em; 
font-family:  'Open Sans', sans-serif; 
line-height:18px;
	}

/* clear default margins and padding */
	
* {	 margin:0; padding:0; }	



#content {

	width:930px;

	 margin:0px auto; 

 	/* border: 1px solid #C0C0C0; */
	background-color:#FFFFFF; /*#F2F2F2;*/


	
	
}


/*------------- NEW STUFF ------------------*/

#header {
 margin: 0;
 
/*  margin-top: 0;
 margin-bottom: 0; */
/*  padding: 1px; */
 /* padding: 5px 5px 5px 5px; */
/* border-bottom: 2px #C0C0C0 solid; */
/*background-image:url('images/web-banner-gradient.jpg');  */
background-color:#2a80ab; /* #7dba03; dell green */
width: 100%;
height: 100px;
}

#header2 {
    margin:0;
    background-color: #f1deae;
    width:100%;
    height: 40px;
}

#header-content {

margin: 0 auto;
width: 930px;

/*  padding: 1px; */
 /* padding: 5px 5px 5px 5px; */
/* border-bottom: 2px #C0C0C0 solid; */
/*background-image:url('images/web-banner-gradient.jpg');  */
 /*background-color:#2a80ab; #7dba03; dell green */

}


#menubox-header {
    
  /* background-color:#b7295a; */
 margin-left: 230px;
 margin-top: 0;
 height: 1px;
 width: 100%;
    
}
/*
#menubar {

    margin-left:229px;
    height:44px;
    margin-top:62px;
    background-color:  #0e4f6f;
        
}
*/
#menuBox {

/* background-color:#b7295a; */
 margin-left: 230px;
 margin-top: 62px;
 height: 44px;
 background-color: #0e4f6f;
/* background:#c0c0c0; */
 
}
p {
padding-bottom:5px;	
/* color:#22201f;	 */

	
}



.boxTitle
{
	/* font-family:  Arial, Helvetica, sans-serif; */
	font-size:1.5em;
	padding-bottom:7px;
	color: black;
	font-weight:600;


}

.headingTitle
{
	/* font-family:  Arial, Helvetica, sans-serif; */
	font-size:1.2em; 
	padding-bottom:7px;
	color:   #FFFFFF;/* #2a80ab; teal */ /* DELL pinkish #c95f83;*/ /*firebrick; */             /*#514b47; */
	font-weight:600;
        background: #2a80ab;
        padding-top: 5px;
        padding-left: 5px;
        margin-bottom:10px;

}

.reportTitle{
    
    color: #000000;
    
}

.subtitle {
 /*   font-size:.9em;
    color: #000000;
    font-weight: bold; */
     color:  #22201f;
    font-weight: 600;
    font-size: 1em;
   /*  font-family: arial; */
    
}

/* holds logo in header */
#logoBox {

margin: 5px 5px 5px 5px;
 float: left;
 width: 200px;
/*border: black 1px solid;	 */
}

/* holds menu in header */


a img{

border:0px transparent none	

}


a {

color:  #514b47;

}

a.visible {
    
    color:blue;
}

a:link  {
    text-decoration: none;
    
}

a:visited {
        text-decoration: none;
    
}

a:active {
        text-decoration: none;
    
}

 a:hover {
    text-decoration: underline;
}



table.schedule td {
	
	 border-right:1px #C0C0C0 solid; 
         border-left:1px #C0C0C0 solid; 
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
/* */
	
}

table{
	
	margin-left: auto;
	margin-right: auto;

	/* remove unwanted spacing between cells */
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:20px;
	
}

table.schedule tr.header{
	
	background-color:#2a80ab;
	font-size: 1.1em;
	color: white;


}


tr.header th.day, th.date, th.time {
	
	
	width:80px;
}

tr.header th.game-no, th.record{
	width: 50px;
}

tr.header th.away, th.home {
	
	width: 140px;
}

tr.header th.diamond, th.score, th.diamond, th.report, th.away-list {
	
	width: 110px;
}



/* TEAM.HTML */

table.roster img {
	border:1px black solid;
	vertical-align:middle;
}

table.roster  {
	

	border-collapse:collapse;
	margin-bottom: 10px;
	margin-top:20px;
/*
	font-family:   Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
*/	

}
.oddrow{

	background-color:#FFFFFF;

}
.evenrow {
	background-color:#E2E3CA;


}

table.roster td{
	padding-top: 15px;
	padding-bottom:15px;


	
}

a.hof {

float:right;
	
	

}

table.roster td.pic {
	text-align:center;
	width: 200px;
}

table.roster td.nickname {

	width:200px;
	padding-left:20px;
	text-align:center;
}

table.roster td.bio {
	
	text-align:left;
	width:525px;
	padding-left: 20px;
}




#leftColumn
{
	
 float: left;
 width: 200px;
	
}

#rightColumn {
 margin-left: 230px;
 
}



.bullet {
    font-size:0.5em;
}

/* display weather widget */
#weatherBox 
{
   margin-left: 25px;
   margin-top: 10px;
   float: left; 
    
}

#radarBox
{
    margin-left: 5px;
    margin-top: 10px;
    /*width: 90px;
    height: 68px; */
     /*padding: 5px 5px 5px 5px;*/
    float:left;
/*    border: 1px solid #C0C0C0  ; */
}

#windFinderBox
{
    margin-left: 5px;
    margin-top: 10px;
    /*width: 90px;
    height: 68px; */
     /*padding: 5px 5px 5px 5px;*/
    float:left;
        position: relative; /* this is required so submenu will sit on top*/
      z-index: 1;
/*    border: 1px solid #C0C0C0  ; */
}
.iconBox
{
    margin-left: 5px;
    margin-top: 10px;
    float: left;
        position: relative; /* this is required so submenu will sit on top*/
      z-index: 1;
    
    
    
}

#facebookBox
{
    margin-left: 70px;
    margin-top: 10px;
    float: left;
        position: relative; /* this is required so submenu will sit on top*/
      z-index: 1;
    
    
    
}
#rainAlarmBox
{

    margin-left: 5px;
    margin-top: 10px;
   /* width: 90px;
    height: 68px; */
     /*padding: 5px 5px 5px 5px;*/
    float:left;
    position: relative; /* this is required so submenu will sit on top*/
      z-index: 1;
/*    border: 1px solid #C0C0C0  ; */
}





/* add z-index and position so that submenu will overwrite whatever is below*/

.submenu 
{
    
    /*display:none; */
     margin-top: -8px;
    /* border: 1px solid #2a80ab; #C0C0C0;*/

    padding: 5px 5px 5px 5px;
     width:125px; 
     z-index:2;
     position: relative;
     background-color: #FFFFFF ;/*#2a80ab *//*#F2F2F2;  same as content */   
    border-right: 1px solid #2A80AB;
    border-bottom: 1px solid #2A80AB;
   border-left: 1px solid #2A80AB; 
border-top: 1px solid #2A80Ab;


    
}



#submenu_archives
{

    display:none; 
    margin-left: 754px; 
    
    
}

#submenu_schedule
{

    display:none; 
    margin-left: 304px; 
    
    
}

#submenu_team
{

    display:none; 
    margin-left: 504px; 
    
    
}

#submenu_reports
{
    display:none; 
    margin-left: 404px;

  
   
}




/*
#submenu_team a, #submenu_reports a, #submenu_team a:visited , #submenu_reports a:visited  {display:block; font-size:14px; color:#ffffff; height:35px; line-height:24px; text-decoration:none; text-indent:8px; }
*/


.submenu a,  .submenu a:visited {  display:block; font-size:1em; color:#000000; height:25px; line-height:24px;  text-indent:8px; text-decoration:none; }



/* Get rid of the margin, padding and bullets in the unordered lists */
/*
#pmenu, #pmenu ul, #submenu_team ul , #submenu_reports ul {padding:0; margin:0; list-style-type: none; }
*/
#pmenu, #pmenu ul, .submenu ul  {padding:0; margin:0; list-style-type: none; }


/* Set up the link size, color and borders */

#pmenu a, #pmenu a:visited {display:block; font-size:1.1em; font-weight:500; color:#FFFFFF /*666666*/; height:36px; line-height:24px; text-decoration:none; text-indent:8px; }
#pmenu li:hover > a {font-weight:600; background:#FFFFFF;  color:#000000; /*color:#2a80ab;*/ }


.submenu li:hover > a {background: #f1efef ; color:#000000; font-weight:600; /* text-decoration:underline #6A655B */;}


/* Set up the list items */
#pmenu li {float:left; } 

/*
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}

#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}
*/




.shortmenu 
{
	width: 75px;
}

.standardmenu
{
	width: 100px;
}

.longmenu
{
	width:115px;
}


#footer {
    border-top: 1px dotted #22201f ; 
  clear: both; 
 /*
 font-size: .8em;
 font-style:italic;
 */
 /* font-family: Verdana, Arial, Helvetica, sans-serif; */
 color: #22201f; /* #666666; */
 

 font-size: 11px;
 padding-bottom: 10px;
 padding-top:10px;
/* background-color:#2a80ab;*/ /* #7dba03; dell green */
 width: 100%;

/* border-top: 1px solid #C0C0C0; */

margin-top:5px;

 
 text-align:center;

}


#footer a{
	color: #666666;
}


.footerCenter{
	 
}

.footerRight{
 color: #666666;
 font-size: 11px;


	position:relative;
	left:100px;


}


.fullParagraphBorder{
	
float:left; 
width:870px;
/*margin:10px 10px 5px 10px; */
margin:5px 20px 5px 20px; 
padding:10px 10px 10px 10px;
/*background:#B9CAFF; */
border:1px #D9D9D9	solid;
 
}

.threeQuartersParagraphBorder{
	
margin:10px 100px 5px 100px; 
padding:10px 10px 10px 10px;
/*background:#B9CAFF; */
border:1px #D9D9D9	solid;
float:left;
}

.oneHalfParagraphNoBorder{
	
margin:10px 250px 5px 250px; 
padding:10px 10px 10px 10px;

/*background:#B9CAFF; */

float:left;
}

.fullParagraphTopBorder{

float:left;
width:900px;
margin:0px 10px 0px 10px; 
padding:5px 5px 0px 5px;
border-top:5px solid #2a80ab;
/*background:#B9CAFF; */
 /* border:1px #D9D9D9	solid;*/
}

.fullParagraphNoBorder{

float:left;
width:890px;
margin:10px 10px 10px 10px; 
padding:5px 10px 5px 10px;

/*background:#B9CAFF; */
 /* border:1px #D9D9D9	solid;*/
}

.paragraphRegular{
  margin:5px 5px 5px 5px; 
padding:5px 5px 5px 5px;
border-bottom:1px #22201f dotted;  


     
}

.paragraphLast {
    border-bottom:0px;
}


.paragraphBorder {
    border:1px #2a80ab solid;
}

.leftThirdParagraph
{

float:left; 
width:30%;
/*margin:10px 5px 5px 10px; 
margin:5px 5px 5px 5px; 
padding:5px 5px 5px 5px;
border-bottom:1px #C0C0C0	solid;
*/
}


.middleThirdParagraph
{
float:left;

width:30.5%;
/*margin:10px 5px 5px 5px;  
margin:5px 5px 5px 5px; 
padding:5px 5px 5px 5px;
border-bottom:1px #C0C0C0	solid;
*/


}

.rightThirdParagraph
{
float:right; 
width:32%;
/*margin:10px 10px 5px 5px;
margin:5px 5px 5px 5px; 
padding:5px 5px 5px 5px;
border-bottom:1px #C0C0C0	solid;
*/
}

.middleThirdParagraphNB
{
float:left;

width:33%;
/*margin:10px 5px 5px 5px;  */
margin:5px 5px 5px 5px; 
padding:5px 5px 5px 5px;



}
.leftTwoThirdsParagraph
{
	
float:left; 
width:60%;
margin:10px 5px 5px 10px; 
padding:5px 5px 5px 5px;
border:1px #D9D9D9	solid;
	

	
	
}


.rightThirdParagraphNB
{
float:right; 
width:30%;
/*margin:10px 10px 5px 5px;  */
margin:5px 5px 5px 5px; 
padding:5px 5px 5px 5px;

}

.rightThirdParagraph .note
{
	background-color:#EBF1DE; 
	margin:5px 5px 5px 5px;
	font-style:italic;
	padding:5px 5px 5px 5px;

}


.leftQuarterParagraph
{

float:left; 
width:20%;
margin:10px 5px 5px 10px; 
padding:5px 5px 5px 5px;

}

.middleHalfParagraph
{
float:left;

width:45%;
/*margin:10px 5px 5px 5px;  */
margin:5px 5px 5px 5px; 
padding:5px 5px 5px 5px;
border:1px #D9D9D9	solid;


}

.rightQuarterParagraph
{
float:right; 
width:25%;
margin:10px 10px 5px 5px; 
padding:5px 5px 5px 5px;
border:1px #D9D9D9	solid;
}

img.services
{
	float:left;
	margin:5px 10px 5px 10px;
}

img.spacer
{
	margin:auto 10px auto auto;
}

img.spacerTopBottom
{
    display: block;
	margin:10px auto 10px auto;
}
.pictureBox
{
	
	margin:10px;
	text-align:center;
}

     
IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
     }

IMG.centered-border {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:1px #007fdd solid;
     }

IMG.right-border {
    display: block;
    margin-right: 10px;
    float:left;
    border:1px #007fdd solid;
	
	
}

.leftBoxBorder
{
	float:left; 
	width:45%;
/*margin:10px 5px 5px 10px;  */
margin:5px 5px 5px 5px;
padding:5px 5px 5px 5px;
border:1px #D9D9D9	solid;

	}     

.rightBoxBorder
{
	float:right; 
	width:45%;
/*margin:10px 10px 5px 5px; */
margin:5px 5px 5px 5px; 
padding:5px 5px 5px 5px;
border:1px #D9D9D9	solid;

	
}
     

     
.leftBOX
{
	float:left; 
	width:50%;
	margin:0px 0px 0px 0px;
	}     

.rightBOX
{
	float:right; 
	width:50%;
	margin:0px 0px 0px 0px;
	
}
     



p.centered {
    text-align: center;
     }
     
     
p.separator {
	
	border-bottom:2px gray dotted;
	margin-bottom:10px;
	padding-bottom:10px;
	
}

p.blockquote {
	background-color:#EBF1DE; 
	margin:5px 5px auto 5px;
	font-style:italic;
	font-size: .8em;
	padding:5px 5px 5px 5px;
	
	
}

p.title 
{
   
   
    font-size:1.1em;
    text-align: center;
    color:Black;
    font-weight:bold;
    
    
    
   
}








.contactBOX
{
	text-align:center;
}




div#noteRightColumn{
	/* border:1px solid #666; */
	background-color:#EBF1DE; 
	width: 150px;
/*	float:right;*/
	margin:50px 10px 0 10px;
	padding:5px 5px 5px 5px;
/*	text-align:center; */
	
}


/* form stuff */
div#formcontainer div.clearfix {
	/* border-top: 1px solid #CCC; */
	padding: 5px 0px; 
	vertical-align:top;
	clear:both;

	}
	
	
div#formcontainer form label {
	width:120px;
	float:left;
color:#22201f;	

	font-size: .9em;
	
	margin:0 10px;

}

.button {

margin-left: 350px;
padding:2px 10px 2px 10px;


}

.checkbox {
	
	vertical-align:top;
	
}


#mapInfoBox 
{
    
 width: 450px;
    
    
}

.comment_name{
        font-weight: bold;
}

.comment_date {
    font-size: .8em;
    font-style: italic;
}

.comment_comment {
    margin-left: 100px;
    margin-right: 100px;
}

.comment_title {
    color: red;
    
}

.commentForm label{
    

    color:#22201f;	

	font-size: .9em;
        padding-bottom: 10px;

}

.commentForm td {
    padding-bottom: 5px;
}

.formError {
    color: red;
}

.doghouse_text {
    margin-bottom: 10px;
    padding: 20px;
    padding-bottom: 10px;

    
}





.doghouse_subtitle {

    color: #22201f;
    font-weight: 500;
    font-size: 1em;
    font-style: italic;
    font-family: arial;


    
}

.doghouse_hr {
    color:#C0C0C0;
    width:50%;
    height: 1px;
    background-color: #C0C0C0;
    margin: 0px 150px  20px 0px;
    
    border:none;
    
    
}

.doghouse_article_title {

    font-size: .9em;
    color: #22201f;



    
}