@charset "UTF-8";
/* CSS Document */

 body {
 /*min-width: 1024px;
 max-width: 1280px;*/
 background-color: white;
}
/*header styles*/
header {
/*padding: 3% 2% 2% 2%;*/  /*first number is top, seconnd number is right, third number is botton, fourth number is left;*/
/*margin: 1% 5% 1% 2%;*/ /*first number is top, seconnd number is right, third number is botton, fourth number is left;*/
/* margin: 10px auto 5px auto;*/
}

	

/*a.seoNavigation {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;*/
	/*margin: .5em 0 0 0;
	padding: 0px 50px 0px 0px;
	background: url(../images/cta_arrow.png) no-repeat right 0px;*/
/*}*/

ul {  /*Marky added on 8/13*/
	list-style-type: none;
	}
	
#style-links.image-link {  /*Marky added on 8/13*/
	text-align: center;
}

#style-links img.image-link {  /*Marky added on 8/13*/
	display: block;
	margin-right: auto;
	margin-left: auto;
	
}

#style-links {
	background-color: #FFFF00;  /*Marky changed this from FFE55E*/
	}	
 
aside {
	 padding-left: .5em;
	 padding-right: .5em;
	 }
	 
/*.margin-bottom  {
	margin-bottom: 1em;
	}	 
Errantly Not being read so I am not showing this.*/ 

img.floatRight  {
	float: right;
	/*margin-left: 15px;*/
	padding-left: 1em;
	padding-bottom: 1em;
}  

img.floatLeft  {
	float: left;
	/*margin-right: 15px;*/
	padding-right: 1em;
	padding-bottom: 1em;
} 

/*a.seoNavigation:hover { background-position: right -50px; }*/ /*The grayed out CSS does not work for the padding placement, while the other does; weird!*/ 


/*.resize-cssimage {
    width: 600px;
    height: 153px;
    background-image: url('images/logo-dynamo-353w146h.png');
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid red;
}*/

#graphic-area {
padding-top: .5em;
padding-bottom: .5em;

}

#graphic-area-col2 img {
padding-top: .5em;
padding-bottom: .5em;
padding-left: .2em;
}

#graphic-area-col3 img {
padding-top: .5em;
padding-bottom: .5em;
padding-left: .2em;
}
#graphic-area-col4 img {
padding-top: .5em;
padding-bottom: .5em;
padding-left: .2em;
}


img.resize {
	max-width: 100%; !important
	height: auto;
	-ms-interpolation-mode: bicubic;
}

.resize-cssimage {
    width: 600px;
    height: 153px;
    background-image: url('images/dynamo_header_soccer_600w153h.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid red;
}


/*nav { /*Padding is inside of the nav area. Margin is outside of the nav area. */

/*main {  
float: left;
width: 60%;
padding: 1% 2%;
margin: 1% 2% 1% 2%;
border-style: solid;
}*/
/*Padding is inside of the main area. Margin is outside of the main area. */
#flash-responsive {
	float: left;
	width: 150px;
	margin-right: 1em;
	/*padding: 2% 2% 2% 2%;
	margin: 1% 2% 1% 2%;*/ /*first number is top, seconnd number is right, third number is botton, fourth number is left;*/
	}
#main-flasharea-2 p {
	text-align: left;
	}

#dynamo-header {
	float: left;
	width: 75%;
	/*padding: 1% 2%;
	margin: 1% 2% 1% 2%;*/
	}
	
.clearboth { 
clear: both;
}

/*section {
clear: both;	
	}*/
	
article	 {
clear: both;	
	}	
	
	
h1 {
	font-size: 1.4em;	/*Marky, previous 17px.*/
	/*color: #FFCC00;*/
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;/*background-color: #003399;*/
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;	/*Marky, previous 16px.*/
	font-weight: bold;
	font-style: normal;
	color: #000000;
}

.HeaderBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;	/*Marky, previous 17px.*/
	font-style: normal;
	font-weight: bold;
	color: #FFCC00;
	background-color: #003399;
	text-align: center;
	padding: 1em 1em 1em 1em;
}

.nav-color {
	background-color: #FFFF00;	/*Marky changing this from FFFF00 to FFCC00 to FFD700 toFFE55E*/
	padding: 1% 0 1% 0;
	text-align: center;
	
/*	border-style: solid;*/
}

#head-links-3 {
	background-color: #FFFF00;
}

.BodyText14 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.BodyText-em {
	font-family: "Times New Roman", Times, serif;    /*Marky, added this. Copied from BodyText14 with changed font-size 14px to 1em.*/
	font-size: 1em; 
	font-style: normal;
	font-weight: normal;
}

.Bold {
	font-weight: bold;
}
.BodyText {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.05em;		/*Marky, was previously 15px.*/
	font-style: normal;
	font-weight: normal;
}
.ItemHeader {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;  /*Marky, previous 16px.*/
	text-align: center;
	font-weight: bold;
	font-style: normal;
	color: #000000;
}
.Header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;	/*Marky, previous 16px.*/
	font-style: normal;
	font-weight: bold;
	
}
a:link {
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	color: #0000FF;
	text-decoration: none;
}
a:active {
	color: #0000FF;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}

#footer {
	/*clear: both;
	height: 100px;
	padding: .5em 1em 2em 1em;
	margin: 0 1em 2em 1em;*/
	/*first number is top, seconnd number is right, third number is botton, fourth number is left;*/
	
	background-color: #FFFF00;
	
}
 
 .address-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;	/*Marky, previous 15px. Also was 1.05.*/
	font-style: normal;
	/*font-weight: bold;*/
	color: #FFCC00;
	background-color: #003399;
	text-align: left;
	
	padding: 1% 0 1% 0; 
 }
 
  .item-description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.05em;	/*Marky, previous 15px.*/
	font-style: normal;
	/*font-weight: bold;*/
	color: #000000;
	/*background-color: #FFFFFF;*/
	text-align: left;
	padding: 0 2% 0 2%; 
 }
 
 .made-in-usa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.00em;	/*Marky, previous 15px Also was 1.05.*/
	font-style: normal;
	/*font-weight: bold;*/
	color: #FFCC00;
	background-color: #003399;
	text-align: center;
	padding: 1em .4em 1em .4em; 
 }
 
/*  #items-description.made-in-usa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.50em;	Marky, previous 15px.
	font-style: normal;
	font-weight: bold;
	color: #FFCC00;
	background-color: #003399;
	text-align: center;
	padding: 1em 0 1em 0; 
 }
 */
 
 .custom-colors {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;	/*Marky, previous 13px.*/
	font-style: normal;
	/*font-weight: bold;*/
	color: #FFCC00;
	background-color: #003399;
	text-align: left;
	/*padding: 1em 1em 1em 1em;*/ 
 }
 
 
 
 
 
 
 /*@media only screen and (max-width:480px) {
 body {
 width: 90%;
 margin: 0 auto;
 min-width: 320px;
 max-width: 480px;
 background-color: white;
}


section {
clear: both;	
	}

header styles
header {
 height: 150px;

}
footer {
clear: both;
}
}
*/ 
 
/* @media only screen and (min-width:481px) and (max-width:768px) {
 body {
 width: 90%;
 margin: 0 auto;
 min-width: 500px;
 max-width: 768px;
 background-color: gray;
}

.resize-cssimage {
    width: 100%;
    height: 153px;
    background-image: url('images/dynamo_header_soccer_600w153h.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid red;
}


section {
clear: both;	
	}

#flash-responsive {
	float: left;
	width: 150px;
	margin-right: 1em;

	padding: 2% 2% 2% 2%;
	margin: 1% 2% 1% 2%; 
	}

#dynamo-header {
	float: left;
	width: 60%;

	padding: 1% 2%;
	margin: 1% 2% 1% 2%;
	}

header styles
header {

 margin: 10px auto 5px auto;

}
nav { Padding is inside of the nav area. Margin is outside of the nav area. 
float: left;
width: 20%;
padding: 3% 2% 2% 2%;  first number is top, seconnd number is right, third number is botton, fourth number is left;
margin: 1% 2% 1% 2%; first number is top, seconnd number is right, third number is botton, fourth number is left;
background: gold;
border-style: solid;
}
main { Padding is inside of the main area. Margin is outside of the main area. 
float: left;
width: 60%;
padding: 1% 2% 1% 2%;  
margin: 1% 2% 1% 2%; first number is top, seconnd number is right, third number is botton, fourth number is left;
border-style: solid;
}
}*/
 
/* 
 @media only screen and (min-width:769px) {
 body {
 width: 90%;
 margin: 0 auto;
 background-color: orange;
}*/
/*header styles*/
/*header {

 margin: 10px auto 5px auto;

}

.resize-cssimage {
    width: 100%;
    height: 153px;
    background-image: url('images/dynamo_header_soccer_600w153h.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid red;
}

	
#flash-responsive {
	float: left;
	width: 150px;
	margin-right: 1em;

	padding: 2% 2% 2% 2%;
	margin: 1% 2% 1% 2%; 
	}

#dynamo-header {
	float: left;
	width: 60%;

	padding: 1% 2%;
	margin: 1% 2% 1% 2%;
	}

section {
clear: both;	
	}	
*/

/*nav { */

/*Padding is inside of the nav area. Margin is outside of the nav area. */
/*float: left;
width: 20%;
padding: 2% 2% 2% 2%;
margin: 1% 2% 1% 2%; /*first number is top, seconnd number is right, third number is botton, fourth number is left;
background: gold;
border-style: solid;
}
*/
/*main { */ /*Padding is inside of the main area. Margin is outside of the main area. */
/*float: left;
width: 60%;
padding: 1% 2%;
margin: 1% 2% 1% 2%;
border-style: solid;
}
}
*/