/* Resets default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: inherit;
  font-family: inherit;
  vertical-align: baseline;
}

/* Remove annoying border on linked images. */
a img { border: none; }

.div {float:left}
.clear { clear:both; }


/* Layout. -------------------------------------------------------------- */

html {
	font-size:16px;
}

/* For Mobile: */
.container {
	margin: 0 auto;
}

body {   
	margin-top:0;
}

.intro {
	float:left; 
	padding: 1.25rem; 
	margin-top:.75rem;
	
	}

.intro ul{
	}
		
.portlist {
	float:left;
	}

.portlist2 {
	float:left;
	width:90%;
	}

.portbox, .portbox2 { 
	margin: .0625rem; 
	padding:1.25rem;
	min-height:11.25rem;
		 }
		
.contactbox {
	min-height:22.625rem;
	margin: .0625rem; 
	padding:1.25rem;
		}
						
/* end Mobile: */

@media only screen and (min-width: 620px) {
    /* For tablets: */
	.container {
		width: 37.75rem;
		}

	.intro {
		width:100%;

		}

	.intro ul{
		width:95%;
		}

	.portlist, .portlist2 {
		width:35.25rem;
		}

	.portbox { 
		float:left;
		height:15rem; 
		width:15rem;
			 }

	.portbox2 { 
		float:left;
		height:15rem; 
		width:32.625rem;
			 }
			
	.contactbox {
		float:left;
		margin: .0625rem; 
		padding:1.25rem;
		width:32.625rem;
					}
	}


@media only screen and (min-width: 900px) {
    /* For desktop: */
.container {
	width: 54.125rem;
}

body {   
}

.intro {
	width:90%;
	}

.intro ul{
	}
		
.portlist, .portlist2 {
	width:52.875rem;
	}

.portbox { 
		 }

.portbox2 { 
	width:15rem;
		 }
						
.contactbox {
		}
}
/* end desktop: */


@media only screen and (min-width: 1400px) {
    /* For wide desktop: */
.container {
	width: 72.875rem;
}

body {   
}

.intro {	
	}

.intro ul{
	}
		
.portlist, .portlist2 {
	width:70.5rem;
	}

.portbox2 { 
	width:32.625rem;
		 }

.contactbox, {
	width:50.25rem;
			}
}
/* end wide desktop: */


body {   
	background:#444 ;
	}

.portlist, .portlist2{
	background-color:#555;
	border:solid 1.25rem #555;
	}


.portbox, .contactbox, .portbox2 { 
	background-color:#eeeeee;
	 }

				
/* hopeful special */
.footer {
	color:#999999; 
	float:left; 
	margin:1.5rem 0 0 0; 
	line-height:2rem;
	font-weight:50%;
	}

.topnavigation li {
	float:right; 
	margin-right:-.6em;
	position:relative; 
	}
	
.topnav {
	color:#999999; 
	font-size:1.5em; 
	font-weight:regular; 
	line-height:1.1; 
	padding-top:.3em; 
	margin:0 0 1em -1em;
	}
	
.topnav a:hover {
	background:#339933;
	color:#FFFFFF; 
	text-decoration:none;
	}
	
.topnav a {
	color:#999999; 
	padding:.3em .9em .3em .9em; 
	}
	
.topnav a:active {
	background:#FFFFFF;
	color:#339933; 
	text-decoration:none;
	}
	
.topnav a:visited {}

.topnav a:focus {
	background:#666666;
	color:#ffffff; 
	text-decoration:none;
}


.group:hover div a{ color:#000; background-color:#ccffcc;}
.group:hover div a:hover{ color:#fff; background-color:#339933; text-decoration:none;}
.group:hover div a:focus{ color:#fff; background-color:#666666; text-decoration:none;}


#projectname{ 
	 margin: 0 0 .5em 0; 
	 }

#projectname p{ 
	 margin: 0; 
	 }
	
#role{
	padding-top:.5em;
}	
	 		 
.portbox:hover, .active, .group:hover div { background-Color:#dddddd; color:#000;}
.portbox a{ padding:.2em;line-height:1em; margin-left:-.2em; color:#333}


.space{padding-bottom:10em}
.smidge {padding-bottom:3em;}
.zero {height:0;}

.contactbox:hover { background-Color:#dddddd; color:#000;}


/* Typography. -------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  color: #999; 
  font-size: .875rem;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-weight: Normal;
  line-height: 1.25rem; 
}

h1, h2, h3, h4{
	font-family:  "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; 
	letter-spacing:2px;
}

h1 {font-size:2.5rem; font-weight:100; line-height:1.1; color:#ff6600;}
h1 span{color:#cccccc;}

h2 {font-size:2.25rem; font-weight:100; line-height:1.1; color:#999;margin-bottom:.2em;}

h3,h4 {font-size:28px;line-height:1.1;}

h5, h6 {font-weight:200; color:#ff6600;font-family: Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;}

h5 {font-size:24px;line-height:1.3}

h6 {font-size:16px;font-weight:regular;line-height:1.25;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}


.small	{font-size:.9em;margin-bottom:1em;line-height:1.875em;color:#333;margin-top:.5em; font-style:italic;}
.large 	{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide 	{display:none;}
.show 	{display:inherit;}


/* Text elements */

p           { font-size:.875rem; margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover {color:#339933;text-decoration:underline;}
a {color: #333;text-decoration:none;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists */

li ul, 
li ol       { margin: 0; }
ul, ol      { margin: 0; }

ul          { list-style-type: none; }
ol          { list-style-type: none; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: .3em 1em .3em .5em; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* -------------------------------------------------------------- 

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)
   
-------------------------------------------------------------- */

label       { color:#333;}
legend      { font-weight: bold; font-size:1.3em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password], input.text, input.title, textarea, select { 
	background-color:#fff; 
	border:.09em solid #ccc; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin:.2em 0 1em 0;
	padding:.5em; 
	width: 88%; 
	}

input[type=text]:focus, input[type=password]:focus,input.text:focus, input.title:focus, input:focus, select:focus, textarea:focus {
	background-color:#eeeeee;
	border:.09em solid #333;
	color:#666;
	}

input.title   { font-size:1.5em; }

textarea      { height: 7em;}

input[type=checkbox], input[type=radio], input.checkbox, input.radio { 
	position:relative; top:.25em; 
	}

form.inline { line-height:3; }

form.inline p { margin-bottom:0; }
	
input.error, select.error, textarea.error {
	background:#fff;
	border:.09em solid #FF6600; 
	color:#000;
	margin-bottom:0;
	}
	
span.error {
	background-color:#FF6600;
	color:#FFFFFF; 
	display:block; 
	font-size:.9em; 
	margin-bottom:1em; 
	margin-right:-.3em; 
	padding:0.25em .5em 0.25em .5em; 
	width:72%;
	
	
	}



/* -------------------------------------------------------------- 
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

-------------------------------------------------------------- */

/* BUTTONS */

.buttons a, .buttons button, .buttons .neutral{
    display:inline-block;
    margin:.2em 1em 0 0;
    background-color:#ffffff;
    border:.09em solid #fff;

	font-size:1.3em;
	line-height:1.1; 
    text-decoration:none;
	font-weight:700; 
	font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", Tahoma, Verdana, sans-serif; 
	letter-spacing:-.04em;
    color:#339933;
    cursor:pointer;
    padding:0.35em 1.2em 0.35em 1.3em; /* Links */
	}

.buttons button{
    width:auto;
    overflow:visible;
    padding:.2em 1em .2em 1.1em; /* IE6 */
	}
	
.buttons button[type]{
    padding:.2em 1em .2em 1.1em; /* Firefox */
    line-height:1.6em; /* Safari */
	}

*:first-child+html button[type]{
    padding:.2em 1em .2em 1.1em;  /* IE7 */
	}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#ffffff;
    color:#336699;
	}

.buttons a:active{
    background-color:#ffffff;
    color:#fff;
	}

/* NUETRAL */

button.neutral, .buttons a.neutral, .buttons .neutral {
    color:#888;
	background-color:#ccc;
	cursor:default;
	}


/* POSITIVE */

button.positive, .buttons a.positive{
    background-color:#ccffcc;
    color:#339933;
	}
	
.buttons a.positive:hover, button.positive:hover{
    background-color:#339933;
    color:#fff;
	}
	
.buttons a.positive:active{
    background-color:#000;
	}


/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
	}
	
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:.09em solid #fbc2c4;
    color:#d12f19;
	}
	
.buttons a.negative:active{
    background-color:#d12f19;
    border:.09em solid #d12f19;
    color:#fff;
	}

/*
     FILE ARCHIVED ON 02:57:10 Apr 27, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:27:27 Nov 05, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 175.308
  exclusion.robots: 0.066
  exclusion.robots.policy: 0.057
  cdx.remote: 0.054
  esindex: 0.01
  LoadShardBlock: 139.98 (3)
  PetaboxLoader3.datanode: 207.982 (4)
  load_resource: 434.021
  PetaboxLoader3.resolve: 287.374
*/