* { color:#000; font-size:1em; font-family:arial !important; margin:0px; padding:0px;}
		IMG { outline:none; margin:0;padding:0; }
		BODY { margin:0px; padding:0px; font-family:verdana, arial, helvetica;
			background:#fff;
		}
		
		#rightPromo .sponsor{ border:1px solid #999;}
		
		#slider { height:8px; margin-top;10px;}
		#container { border:2px solid #000; background:#fff;width:480px; height:360px;}
		#image { width:480px; height:360px; cursor:pointer;}
		#drag { width:140px;height:140px;position:absolute; top:340px;left:240px; background:url('./images/cropbox.png');}
		.ui-slider { background:#000 !important;;border:1px solid #c48037 !important; }
		.ui-slider-handle { height:30px !important;margin-top:-8px;width:15px !important;background:#f90 !important;border:1px solid #c48037 !important; }
	
		* { color:#444;} /* global 008cd5 */
		
		#rails { max-width:1366px;margin: 0px auto;		}
		#content { background:#fff; }
		.clear { clear:both; }
		#leftChannel { width:100%;}
		#rightChannel { width:300px;float:left;margin-top:15px;}
		
		#headerrails { background:#fff; border-bottom:1px solid #008cd5;}
		#header { xheight:59px; background:#fff;
			border-bottom: 1px solid #008cd5;
		
		}
		#header #logo { width:280px; height:auto; outline:none !important; margin:0 auto; text-align:center;}
		#badge { display:none !important; }
		
		#header A:focus { outline:none !important }
		#oldcount {/*text-shadow: 1px 1px 1px rgba(0,0,0,.4);*/text-decoration: line-through;color:#888;font-size:14pt;line-height:16pt;}
		#count {/*text-shadow: 1px 1px 1px rgba(0,0,0,.4);*/padding:1px;color:#09c;font-size:14pt;line-height:16pt;}
		#counter { font-size:14pt !important; margin-bottom:6px; }

		
		#header #tagline { float:left; width:520px !important; color:#666; font-size:18pt;xline-height:16pt;}
		
		}
		#content { width:100%;color:#444; font-size:10pt; min-height:450px; }
		#content A { font-size:10pt; font-weight:bold;}
		#content A:hover, A:active { text-decoration:none; }
		#content p { color:#444;font-size:1.3em; font-family:verdana,arial;  line-height: 1.4em;}

		#upload { 
			background:#e3e3e3;			border-radius:8px;
			color:#FFF !important;			
			padding:15px;
			font-size:16pt;
			font-weight:bold;
		}		.stepnum {			border-radius: 5000%;			background: #ff7600;			padding: 10px;			width: 20px;			height: 20px;			display: inline-block;			margin-bottom: 10px;			text-align: center;			line-height: 20px;			color: #fff;		}

			
		#s2, #s4 {
			background:#fff;color:#000 !important;padding:30px;font-size:10pt;font-weight:normal;}

		#s3{ 
			 background:#fff;color:#FFF !important;padding:30px;margin-bottom:5px;font-size:10pt !important;font-weight:normal;}
		.field{ font-weight:normal;}

		#error { 		    /* background: #900; */    color: #900;    /* padding: 12px; */    margin-top: 10px;    display: none;    font-size: 11pt;		}
		#fileload {			font-weight: normal;			height: inherit;		   			margin-top: 10px;			border-radius: 8px;			padding: 10px;			cursor: pointer;			background: #fff;		}				#fileload INPUT, #file-upload-button{			background: #fff !Important;			border-radius: 8px !Important;			border: 0px !Important;			padding: 10px !Important;		}
		#submit { margin-top:20px; margin-bottom:0px;font-weight:bold;}		#submit INPUT {			padding: 20px;			height: inherit;						background: #ff7700;			border: 0px;			color: #fff !important;			border-radius: 8px;			font-weight: normal;			cursor: pointer;		}		#submit INPUT:hover {			background: #ff8319;		}		
		INPUT { font-weight:bold; height:40px;}
		.steps { color:#000; font-size:12pt;}		#footer A{font-size:11pt;					line-height:15pt;}								#copy { text-align:center; margin-top:20px; font-size:10pt !important;color:#000 !important;}		#copy *{ font-size:10pt !important; color:#000 !important;}
		#footer{ 			padding:30px;font-size:11pt;
			
			line-height:22pt;
			color:#000;
			background:#fff;			font-weight:normal;
		}
		#footer2{ 		
			background: #008cd5;
		border-top: 2px solid #008cd5;
		padding: 20px 30px;			font-size: 11pt;			xfont-weight: bold !important;			line-height: 22pt;			color: #333;			xbackground: #fff3c2;
		}		#footer2 A{ color: #a00;}		#footer2 A:hover{ background:#eee;}
		
		#footer2 H3 { color:#fff; }
		#footer A { font-weight:bold;font-size:8pt; color:#fff;}
		#footer A:hover, A:active { text-decoration:none; color:#fff;}
		LI { font-size:11pt; color:#555 !important; font-weight:bold; }
		
		#sizec { font-size:9pt; font-family:verdana,arial; }
		#s3 INPUT , #s3 SELECT , #s3 OPTION { border:1px solid #039;background:#fff; color:#069; line-height:30px;height:30px;}
		#s3 INPUT:focus { background:#ffc;}
		SELECT, OPTION { font-weight:bold;background:#fff; color:#069;}
		SELECT:focus, OPTION:focus { background:#ffc;}
		
		h1 { font-size:1.5em; font-weight:normal;color:#444; font-family:verdana, arial, helvetica;
			margin:0px  !important; line-height:1.2em;
			display:inline;
		}
		h2 { line-height: 26pt;font-family:verdana !important; font-weight:300; margin-top:20px;
		
		font-size:1.7em; color:#008cd5;}
		
		
		form { margin:0; }
		#tabsContainer {
			background:#f3f3f3;
			margin-top:20px;
		}
		#tabs ul {
			margin: 0;
			padding: 0;	
			
			}
		#tabs li { 
			display: inline;
			list-style-type: none;
			
			font-size: 10pt;
			width: 120px;
			float: left;
			text-align: center;
			
			}	
#tabs li a{
	color: #111 !important;
	display: block;
	font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	width: 100%;
}		
		#tabs li a.on { background-color: #00a0d6; color: #fff !important; }
		#tabs li a:hover { background-color: #f90; color: #fff !important;  }		
		#contentIn { padding:50px 30px;}
		#more {	text-decoration: underline;    cursor: pointer;    /* font-size: 15pt; */    font-weight: normal;		}
		
		#moreinfo{		display:none;    font-weight: bold;    
		font-size: 1.4em !important;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: normal;
  color: #444 !important;
  background: #f5f5f5;
  padding: 20px;
  border-radius: 4px;
		
		}.chart { text-align:center;margin-top:15px;}#ftab {color:#000;margin-bottom:30px;}#ftab * {color:#000;}#ftab A, .fcell  {color:#000; font-size:13pt; font-weight:normal;line-height:18pt;}#ftab A:hover {color:#000; font-size:13pt; font-weight:normal;}.fcell { font-weight:normal;}
		
		/* media queries */@media only screen and (max-width: 700px){	#rails { margin: 0px auto;}	#badge IMG{ width:59px;}	#badge{ display:inline-block;}}
		@media only screen and (max-width: 500px){	#logo IMG {width:250px;margin-top:10px;}	#header { padding:10px;}}
		
		
		@media only screen and (max-width: 900px){
			#badge{ float:none !important; 
				margin-top: 40px;
				margin-bottom: 20px;
			}
			#badgeImage{ width:100% !important;}
		}
		
		#leftChannel A, #leftChannel LI { font-size:1em;}
		 #leftChannel LI { padding-bottom:10px;}
		
/* NEW HEADER */
/* NEW HEADER */
/* NEW HEADER */
/* Basic nav styling */
.navbar {
  display: flex;
  align-items: end; /* was center; */
  padding: 12px 30px 20px 30px;
  background: #fff;
  color: #333;
  border-bottom: 2px solid #eee;
}

.nav-links {
  list-style: none;
  display: flex;
  gap: 20px;
  padding-left:40px;
}

.nav-links li a {
  color: #2873aa;
  text-decoration: none;
  font-size: 1.1em;
}
.nav-links li a:hover {
  color: #336;
  text-decoration: underline;
}

/* Hamburger hidden on desktop */
#menuClose { display:none; }
.hamburger {
  display: none;
  font-size: 24px;
  background: none;
  border: none;
  color: #008cd5;
  cursor: pointer;
  padding: 0 5px;
  border: 3px solid #008cd5;
  border-radius: 4px;
}
.hamburger:hover{
	color: #666;
	border: 3px solid #666;
	background: #f3f3f3;
	border: 3px solid #008cd5;
  border-radius: 4px;
}

/* Mobile styles */
@media (max-width: 768px) {
   .navbar {
	   justify-content: space-between;
   }
  .hamburger, #menuClose {
    display: block;
  }
  #menuClose {
	  text-align:right;
  }
   #menuClose BUTTON{
	  xwidth:30px;
	  xheight:30px;
	  line-height:1em;
	  padding:4px;
	  text-align: center;
	  margin-right: 30px;
	  background:#fff;
	  	background: #fff;
	border: 3px solid #008cd5;
  border-radius: 4px;
	  cursor: pointer;
	  font-weight: bold;
   }
   #menuClose BUTTON:hover{
	   background: #f3f3f3;
   }
	  
 
  .nav-links {
    display: none;
    flex-direction: column;
	width:100%;
	height:100vh;
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    padding: 10px;
    border-radius: 5px;
  }
  .nav-links.show {
    display: flex;
  }
  .nav-links LI {
	  padding: 4px 6px;
  }
}


/* home page create box */
.container { display: flex; flex-wrap: wrap; border: 1px solid #ccc; border-radius:8px; margin-top:20px;/* allows stacking on small screens */ } .column { flex: 1 1 50%; /* grow, shrink, basis = 50% */ box-sizing: border-box; padding: 20px;  display:flex;text-align: center;  align-items: center; justify-content:center; } /* Mobile: stack vertically */ @media (max-width: 768px) { .column { flex: 1 1 100%; /* full width on small screens */ } }