@charset "utf-8";
/* Copyright 2014-current - Glikstorm LLC */

/* RESET BROWSER STYLES ================================= */
	html, body, div, span, h1, h2 h3, h4, p, a, em, img, strong, u, ol, ul, li, form, label, 
	table, thead, tr, th, td, applet, object, iframe, blockquote, q {margin:0; padding:0; font-size:100%; border:0;
				outline:0; background:transparent; vertical-align: baseline;}
	ol, ul {list-style:none;}
	blockquote, q {quotes:none;}
	:focus {outline:0;}
	table {border-collapse:collapse; border-spacing:0;}
	a img {border:none;}
/* ========================================================== */

html {overflow-y:scroll;}  /* eliminates the few pixel visual "jump" that can happen when moving 
								between short pages and longer pages due to the scrollbar.  
								This is a CSS3 property and will fail CSS2 validation-- just ignore it.  */ 

	body {font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
		font-size: 80%; 
		text-align:center;}
		
		body:before {content: ""; position: fixed; top: -10px; left: 0;
 		 width: 100%; height: 10px; z-index: 100;
  		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  		box-shadow: 0px 0px 10px rgba(0,0,0,.8);} /* adds a subtle drop shadow at the very top of the banner */
		
		
		
		
			
/*  BASIC  HEADING  AND LIST SETTINGS ======================================== */		
	h1 {font-size: 2em; font-weight:bold; margin:25px 20px 5px 20px;}
	h2 {font-size: 1.7em; font-weight:bold; margin:35px 20px 5px 20px;}  
	h3 {font-size: 1.6em; font-weight:bold; margin: 30px 20px 5px 20px; }	  
	h4 {font-size: 1.7em; font-weight:bold; margin:30px 20px 5px 20px;} 	
	p {font-size:1.4em; margin: 5px 20px 15px 20px;} 
	ul, ol {margin:-5px 35px 0 50px;} /* negative margin is correct to properly fit under paragraph*/
	ul {list-style:disc;}
	ol {list-style:decimal !important;}
	ul li {font-size:1.4em;  margin:6px 6px;}	  
	ol li {font-size:1.4em; margin:1.2em 6px;}
		
	form {margin:10px 20px;}
		
/* MAIN CONTAINER =============================================== */
	#container {width:960px; margin: 0 auto; text-align:left;} 
	#center-container {width:960px; margin: 0 auto; border:2px solid #333;}
				
/* BANNER    ========================================================== */
	#banner-wrap {width:960px;}
	#banner { }
	#banner h1 {margin-top:0; font-size:3em;}
	#banner h1 a {text-decoration:none;} 
	#banner img {padding:0; margin:0;}
	#banner p {padding:0; margin:0;}
	#social-media {float:right; clear:right;}
	#social-media p {margin:10px 0 20px 20px;}
	#social-media img {margin-right:10px;}
	
/*  MENU ========================================================= */
	#menu, #menu-bot {font-size:18px !important; }
	#menu ul, #menu-bot ul {padding: 0; margin: 0 0 0 10px; list-style: none;} 
	#menu ul li, #menu-bot ul li {display: block; position: relative; float: left; font-size:18px !important;
				margin:0; padding:0 8px 0 0; z-index:50;}	
	#menu ul li a, #menu-bot ul li a {display: block; text-decoration: none;
    			   padding: 8px 8px;
    			   margin-left: 5px; white-space: nowrap;}
				   	

/*   INNER DIVS ========================================================== */
	#content-wide-top, #content-wide-bot {width:960px; clear:both;}	
	#content-left {width:480px; float:left;}	
	#content-right {width:480px; float:right;}
	#content-l-wide {width:670px; float:left; }
	#content-r-narrow {width:280px; float:right; }
	
	#trio-left, #trio-center, #trio-right {width:310px; float:left; }
	
					
/*  Footer   ===========================================================  */
	#footer {padding: 0 0 10px 0; width:960px; clear:both; text-align:center; font-size:.9em;}
	#footer p {margin: 5px 20px;}
	#footer a {text-decoration:none;}
	#footer img {margin:0; padding:0;}
	#footer ul {margin:15px 20px 5px 20px;}			
	#footer li {display:inline; margin:5px 10px;}
	#glikstorm-credit {font-size:1em;}
	#glikstorm-credit a:link, #glikstorm-credit a:visited {padding:6px;}
	
/* OTHER SPECIFIC STYLES     ===============================================  */
	.group:after {content: "."; display: block; height:0; clear:both; visibility:hidden;}
	div .clearer {clear:left; line-height:0; height:0;}
	
	.right-pic {clear:right; float:right; margin: 0 20px 15px 25px;}/* used to float an element right */
	.left-pic {clear:left; float:left; margin: 0 25px 15px 20px;}	/* used to float an element left  */	
	.heavy-top {padding-top: 20px;}
	
	.no-underline {text-decoration:none;} /* removes underline; used when entire heading is a link */
	.pic-outline {margin:0; border:2px solid black;
				/*-moz-box-shadow:5px 5px 5px #888;          /* shadow via CSS3 - not supported in IE8 and under */
				/*	-webkit-box-shadow: 5px 5px 5px #888; */ /* shadow fix */
				box-shadow:5px 5px 5px #888;}			     /* shadow fix */
	
	.divider-line {padding-left:5px; padding-right:5px;} /* used for | in bottom menu options  */
	.round-corners { -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;}