@charset "UTF-8";

*/ RESET STYLES /*
* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
	font-size: 100%;
	font: inherit;
	float:none;
	vertical-align: baseline; 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
*:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

/*GENERIC STYLES*/
html {
	font-size: 100%;
	height: 100%;
	width:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	margin:0;
	padding:0;
	}
body {	
	-webkit-font-smoothing:antialiased;
	color: #222;
	margin:0 auto;
	height: 100%;
	line-height:1.6rem;
	padding:0;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: 400;
	width:960px;
	}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display:block;
	}
#wrapper {
	min-height:100%;
	position:relative;
	}
.clear {
	display:block;
	}
.clear::after {
	clear: both;
	content: ".";
	display: block;
	height: 1px;
	visibility: hidden;
	}
#logo_and_text {
	width:700px;
	height:100px;
	margin-top:10px;
	margin-bottom:10px;
	}
#logo {
	float:left;
	z-index:900;
	/* background: url(../images/svg/1bithigh_logo_wf.svg) no-repeat; */
	width:100%;
	height:100%;
	}
#text_box {
	display:inline-block;
	width:70%;
	height:100%;
	padding-left:10px;
	}
#tex {
	height:100%;
	font-size:1.0em;
	margin:0 auto;
	}
#screen_width_indicator {
	position:absolute;
	margin: 0 auto;
	top:10px;
	}
#content {
	clear:both;
	/*padding-bottom:20px; */
	font-weight:normal;
	font-size: 1.0em;
	}	
#svg_box {
	min-height:250px;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	padding:0;
	padding-bottom:20px;
	/*background: url(../images/svg/1bithigh_logo_wf.svg) no-repeat;*/
	}
	
h1 {	
	font-weight:bold;
	font-size: 1.7em;
	
	}
h2 {	
	font-weight:bold;
	font-size: 1.4em; 
	}
h3 {	
	font-weight:bold;
	font-size: 1.2em; 
	}
red
	{
	color: red;
	}
.img_far_right {
	display: table;
  	width: 1px;
	float: right;
	margin: 0px 0px 10px 10px; /* bottom and left margin */
	width:25%;
	text-align:center;
	}
.pic {
	display: table;
  	width: 1px;
	float: left;
	margin: 5px 5px 5px 5px; 
	width:10%;
	text-align:center;
	}
separator {
	clear: both;
	position:relative;
	float:none;
	}
.error {
	color: #FF0000;
	font-size=0.5em;
	}
#nav_mini { 
	width:95%;
	margin-bottom:10px;
	}
footer {
	width:100%;
	height: 20px;
	*/
	position:absolute;
	bottom: 0;
	left:0;
	*/
	margin:0 auto;
	text-align:center;
	font-size: 0.6em;
	padding-bottom:5px;
	}
/******************************/	
/***** BEGIN Nav bar Styles ***/
/******************************/
/* #2d4373, #4d4da6,#000080 */
nav {
	clear:both;
	float:left;
	width:100%;
	position:relative;
	z-index:999;
	margin:10px;
	}
nav ul {
	clear:left;
	float:right;
	list-style:none;
	margin:0;
	padding:0;  /* removes transparent space from side of option*/
	position:relative;
	right:50%;
	}
nav ul li {
	
	float:left;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	background: #2d4373;
	border: 1px solid #383737;
	}
nav ul li a {
	display: block;
	margin:0;
	line-height:1.3em;
	padding: 0 .5em;
	text-transform:uppercase;
	letter-spacing: 0.08em;
	text-decoration: none;
	font-weight:bold;
	color: #ffffff;
	}
nav ul li a:hover {
	background: #000080;
	cursor: pointer;
	}
/*sub menu*/
nav ul ul {
	position:absolute;
	top:2.25em;  /*amount sub menu drops down by */
	left:0;
	right:auto;
	z-index:999;
	height:0px;  /* hide sub menu under normal circumstances, dont use display:none as it hides it from indexers  */
	overflow:hidden;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	}
nav ul ul li {
 	left:auto;  /*rests the left:50% on the parent li */
 	margin:0;  /* reset the top menu margin */
 	clear:left;
 	width:250px;
 	border-bottom: 1px solid #383737;
 	} 	
nav ul ul li a {
	font-size: 0.6em
	font-weight:150;
	font-weight:normal; /* resets the bold set for the top level menu items */
	line-height:1.6em;
	text-transform:none;

	}	
nav ul li:hover ul {  /* on hover change opacity to fade it in */
	height:auto;
	overflow:auto;
	}	

nav ul li:hover > a {  /* restore background colour to top of list '>' is direct descendant*/
	background:#000080;
	}

/* Flip the last submenu so it stays within the page */
nav ul ul.last {
   	left:auto; /* reset left:0; value */
   	right:0; /* Set right value instead */
	}

/*JQ Menu style*/
select {
    padding: 0px;
	}
nav select {  
	display:none; /* by default hide the jquery nav bar*/
	width:100%;
	height:28px;
	}	

/***** END Nav Bar Styles *****/

/* BEGIN D3 Styles */
.link10 { stroke: #ccc; stroke-width: 3px; stroke-dasharray: 3, 3; }
.link1 { stroke: #000; stroke-width: 3px;}
.link2 { stroke: #000; stroke-width: 8px;}
.nodetext { pointer-events: none; font: 10px sans-serif; }
image.circle {    cursor:pointer;}
/* END D3 Styles */

/***************************************************************/
/** START OF MEDIA SCREEN WIDTH QUERIES *************************/
/***************************************************************/

#display_height_and_width {display:none;}

@media only screen and (min-width: 1200px) {
/***** 2560px wide *****/
/***** 2048px wide *****/
/***** 1920px wide *****/
/***** 1680px wide *****/
/***** 1600px wide *****/
/***** 1536px wide *****/
/***** 1440px wide *****/
/***** 1366px wide *****/
/***** 1280px wide *****/
/***** 1200px wide *****/
body {
	width:1150px;
	}
#logo_and_text {
	height:100px;
	width:1150px;
	}
#logo{
	height:100px;
	width:100px;
	margin-right:25px;	
	}
#tex {
	font-size:1.0em;
	}	
nav select {display:none;}
nav ul {display:block;}
nav ul li a {
	line-height:35px;
	font-size: 1.1em
	}
}
/********************************************************************************************************************/
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
/***** 1152px wide *****/
/***** 1136px wide *****/
/***** 1080px wide *****/
/***** 1024px wide *****/
body {
	width:1000px;
	}
#logo_and_text {
	width:1000px;
	height:90px;
	}	
#logo{
	height:90px;
	width:90px;
	margin-right:20px;	
	}
#tex {
	font-size:0.9em;
	}	
nav select {display:none;}
nav ul {display:block;}
nav ul li a {
	line-height:35px;
	font-size: 0.9em
	}
}
/********************************************************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/***** 960px wide *****/
/***** 900px wide *****/
/***** 864px wide *****/
/***** 800px wide *****/
/***** 768px wide *****/
body {
	width:750px;
	}
#logo_and_text {
	height:85px;
	width:750px;
	}	
#logo{
	height:85px;
	width:85px;
	margin-right:15px;	
	}
#tex {
	font-size:0.8em;
	}	
nav select {display:none;}
nav ul {display:block;}
nav ul li a {
	line-height:35px;
	font-size: 0.85em
	}
}
/********************************************************************************************************************/
@media only screen and (min-width: 640px) and (max-width: 767px) {
/***** 640px wide *****/
body {
	width:620px;
	}
#logo_and_text {
	height:80px;
	width:620px;
	}
#logo {
	height:80px;
	width:80px;
	margin-right: 10px;
	}
#text_box {
	width:520px;
	}	
#tex {
	font-size:0.7em;
	}	
nav select {display:none;}
nav ul {display:block;}
nav ul li a {
	line-height:35px;
	font-size: 0.65em
	}
}
/********************************************************************************************************************/

@media only screen and (min-width: 480px) and (max-width: 639px) {
/***** 480px wide *****/
body {
	width:460px;
	}
#logo_and_text {
	height:50px;
	width:460px;
	}
#logo {
	height:50px;
	width:50px;
	margin-right: 5px;
	}
#text_box {
	width:370px;
	}	
#tex {
	font-size:0.65em;
	line-height: 1.5em;
	}	
nav select {display:block;}
nav ul {display:none;}
#2nd_lev_sat {
	display:block;
	}
}
/********************************************************************************************************************/

@media only screen and (max-width: 479px) {
/***** 320px wide *****/
body {
	width:300px;
	}
#logo_and_text {
	height:50px;
	width:300px;
	}
#logo {
	height:50px;
	width:50px;
	margin-right: 3px;
	}
#text_box {
	width:220px;
	}
#tex {
	font-size:0.6em;
	line-height: 1.0em;
	}	
nav select {display:block;}
nav ul {display:none;}

#2nd_lev_sat {
	display:none;
	}
}

/********************************************************************************************************/
/* media height*/
/***************/

/* set variables modded by height to defaults here */

@media only screen and (min-height:320px) {
#svg_box {height:280px;}
}		
@media only screen and (min-height:480px) {
#svg_box {height:400px;}
}

@media only screen and (min-height:600px) {
#svg_box {height:550px;}
}

@media only screen and (min-height:640px) {
#svg_box {height:600px;}
}

@media only screen and (min-height:768px) {
#svg_box {height:720px;}
}

@media only screen and (min-height:800px) {
#svg_box {height:780px;}
}

@media only screen and (min-height:864px) {
#svg_box {height:800px;}
}

@media only screen and (min-height:900px) {
#svg_box {height:850px;}
}
@media only screen and (min-height:960px) {
#svg_box {height:900px;}
}
@media only screen and (min-height:1024px) {
#svg_box {height:960px;}
}
@media only screen and (min-height:1050px) {
#svg_box {height:980px;}
}
@media only screen and (min-height:1080px) {
#svg_box {height:990px;}
}
@media only screen and (min-height:1136px) {
#svg_box {height:1000px;}
}
@media only screen and (min-height:1152px) {
#svg_box {height:1100px;}
}
@media only screen and (min-height:1200px) {
#svg_box {height:1150px;}
}
@media only screen and (min-height:1280px) {
#svg_box {height:1200px;}
}
@media only screen and (min-height:1440px) {
#svg_box {height:1200px;}
}
@media only screen and (min-height:1536px) {
#svg_box {height:1200px;}
}
@media only screen and (min-height:1600px) {
#svg_box {height:1200px;}
}
@media only screen and (min-height:2048px) {
#svg_box {height:1200px;}
}