body
{
	font-family: 'Heebo', tahoma, sans-serif;
	font-weight: 300;
	height:      100%;
	margin:      0px 0px 20px 0px;
}



div#content_actual
{
	/*font-size: 0.8em;*/
	font-size:  10pt;
	float:      right;
	padding:    10px;
	text-align: justify;
	width:      580px;
	/*width: 475px;*/
}



a
{
	color: #598db2; /* 86, 160, 211 */
}



a:visited
{
	color: #002654; /* 0, 38, 84 */
}



a.emergency-banner-dismissal
{
	float:           right;
	position:        relative;
	top:             -0.5ex;
	text-decoration: none;
}



div#content_div {
	margin:     0px auto;
	text-align: left;
	width:      600px;
}



div.emergency-banner
{
	background-color: #eee;
	margin:           3ex 1ex 1ex 1ex;
	padding:          1ex;
}



div#footer_div
{
	padding-bottom: 2em;
	padding-top:    2em;
	position:       relative;
	text-align:     center;
}



div#footer_div div
{
	border-style: solid;
	border-width: 0px 3px 0px 3px;
	display:      inline;
	font-size:    10pt;
	margin:       0px 10px 0px 10px;
	padding:      0px 5px 0px 5px;
	position:     relative;
}



div#footer_div div a
{
	color:           #444;
	text-decoration: none;
}



div#footer_div div a:hover
{
	color: #555;
}



div#fractal_div
{
	background-repeat: no-repeat;
	cursor:            pointer;
	float:             right;
	font-family:       'Heebo', arial, sans-serif;
	font-size:         8pt;
	padding-bottom:    5px;
	padding-right:     5px;
	padding-top:       405px;
	position:          relative;
	text-align:        right;
	width:             395px;
}



div#fractal_div canvas
{
	height:   400px;
	left:     0px;
	position: absolute;
	top:      0px;
	width:    400px;
}



div#header_div
{
	background-repeat: no-repeat;
	font-size:         36pt;
	height:            50px;
	margin-bottom:     20px;
	position:          relative;
	width:             100%;
}



div#header_div > div
{
	font-size:      12pt;
	padding-top:    2px;
	padding-bottom: 2px;
	position:       absolute;
	top:            50px;
}



div#homepage-style-B
{
	background-color: white;
	display:          none;
	height:           100%;
	position:         relative;
}



div#homepage-style-B img
{
	height:   100%;
	position: absolute;
	right:    0px;
	top:      0px;
}



div#homepage-style-B .splash-copy
{
	background-color: #555;
	bottom:           0px;
	color:            #eee;
	font-family:      'Heebo', verdana, sans-serif;
	font-size:        9pt;
	font-variant:     small-caps;
	opacity:          0.5;
	padding:          2px 10px 2px 5px;
	position:         absolute;
	right:            0px;
}



div#homepage-style-B .splash-copy a
{
	color: inherit;
}



div#scale-shift
{
	overflow: hidden;
	position: relative;
	height:   inherit;
}



div#woodward-links
{
	position: absolute;
	right:    15%;   /*230px;*/
	top:      27.5%; /*150px;*/
}



div#woodward-links > a
{
	color:         rgb( 152, 102, 25 );
	display:       block;
	font-family:   'Heebo', verdana, sans-serif;
	font-size:     20pt;
	font-variant:  small-caps;
	margin-bottom: 10px;
	opacity:       0.7;
	position:      relative;
}



div#link_div
{
	display:       inline;
	float:         left;
	height:        400px;
	padding-right: 40px;
}



div#header_div > div#linkbar-upper
{
	right:         0px;
	text-align:    right;
	width:         100%; /*400px;*/
}



div#linkbar-upper > div
{
	display:    inline;
	text-align: right;
}



div#linkbar-upper a
{
	color:           inherit;
	text-decoration: none;
}



div#linkbar-upper > div#spacer
{
	display: inline-block;
	height:  1ex;
	width:   1ex;
}



div#linkbar-upper > div.standard + div.standard::before
{
	content: " | ";
}



div#linkbar-upper > div.standard + div.active + div.standard::before
{
	content: " | ";
}



div#linkbar-upper > div.active
{
	left:         0px;
	padding-left: 1ex;
	position:     absolute;
}



div#navigation_div
{
	float:          left;
	height:         100%;
	margin-right:   25px;
	padding-bottom: 20px;
	width:          100px;
}



div.navigation_item
{
	border-style: solid;
	border-width: 0px 0px 0px 3px;
	display:      block;
	font-size:    12pt;
	margin-top:   5px;
	padding-left: 3px;
}



div.navigation_item a
{
	color:           #444;
	text-decoration: none;
}



div.navigation_item a span
{
	visibility: hidden;
}



div.navigation_item a:hover
{
	color:           #555;
	text-decoration: none;
}



div.navigation_item a:hover span
{
	visibility: visible;
}



div#page_content
{
	height:     420px;
	margin:     0px auto;
	position:   relative;
	text-align: left;
	width:      600px;
}



div#splash_copy
{
	bottom:    0pt;
	font-size: 7pt;
	left:      0pt;
	position:  absolute;
}



div.splash_link
{
	border-style: solid;
	border-width: 0px 0px 4px 0px;
	display:      block;
	font-size:    14pt;
	margin:       30px 0px;
	padding:      0px 15px 1px 5px;
	position:     relative;
}



div.splash_link a
{
	color:           #444;
	display:         block;
	position:        relative;
	text-decoration: none;
	width:           100%;
}



div.splash_link a span
{
	position:   relative;
	visibility: hidden;
}



div.splash_link a:hover
{
	color: #555;
}



div.splash_link a:hover span
{
	visibility: visible;
}



span.complex
{
	font-family: serif;
	font-style:  italic;
}



/**
	The following is stolen in its entirety from
	http://www.hicksdesign.co.uk/journal/how-to-vertical-centering-with-css
/**/

/* styles for IE 5 Mac */
div#vc_horizon
{
	background-color: transparent;
	left:             20px;
	position:         absolute;
	top:              20px;
}

/* following rules are invisible to IE 5 \*/
div#vc_horizon
{
	left:       0px;
	margin-top: -210px;
	text-align: center;
	top:        50%;
	width:      100%;
}
/* end IE 5 hack */



fieldset
{
	border:  0px;
	margin:  0px;
	padding: 0px;
}



form
{
	margin-top: 0px;
}



h3
{
	font-weight:   500;
	margin-bottom: 0px;
	margin-top:    2em;
}



h4
{
	font-weight:   400;
	margin-bottom: 0px;
	margin-top:    1em;
}



h4 a
{
	color:           #333;
	text-decoration: none;
}



h4 a:hover
{
	color:           #666;
	text-decoration: none;
}



input
{
	font-family: 'Heebo', tahoma, sans-serif;
	font-weight: 300;
}



p
{
	margin-top:    0em;
	margin-bottom: 1em;
}



select
{
	font-family: 'Heebo', tahoma, sans-serif;
}



span.copyright
{
	font-size:  0.75em;
	margin-top: 1.1em;
}



span.copyright > a
{
	color:           inherit;
	margin-right:    0px;
	text-decoration: none;
}



span.superscript
{
	bottom:    0.5em;
	font-size: 0.8em;
	position:  relative;
}



table a.heavy
{
	color:           #333;
	font-weight:     500;
	text-decoration: none;

}



table a.heavy:hover
{
	color: #999;
}



ul
{
	list-style-type: square;
}



ul.static-list
{
	list-style-type: none;
	margin-left:     -3ex;
}



ul.static-list > li
{
	position:   relative;
	margin-top: 1.2ex;
}



ul.static-list > li > a
{
	color:           #333;
	font-weight:     500;
	text-decoration: none;
}



ul.static-list > li > a:hover
{
	color: #999;
}



ul.static-list > li > span
{
	position: absolute;
	right:    2ex;
}



.size-600-plus
{
	display: inherit;
}



.size-600-minus
{
	display: none;
}



@media screen and (max-width: 600px), screen and (max-height: 420px)
{
	body
	{
		margin: 0px;
	}

	div#content_actual
	{
		margin: auto;
		width:  initial;
	}

	div#content_div
	{
		margin:  0px;
		width:   initial;
	}
	
	div.emergency-banner
	{
		margin-top: 6ex;
	}

	div#fractal_div
	{
		height:   100%;
		padding:  0px;
		position: absolute;
		width:    100%;
	}

	div#fractal_div canvas
	{
		height:   100%;
		position: absolute;
		width:    100%;
		z-index:  1;
	}

	div#link_div
	{
		bottom:     0px;
		display:    block;
		height:     initial;
		padding:    inherit;
		position:   absolute;
		right:      0px;
		text-align: right;
		z-index:    2;
	}

	div#splash_copy
	{
		display: none;
	}

	div.splash_link
	{
		border:  0px;
		margin:  0px;
		padding: 0px;
	}

	div.splash_link > a
	{
		display:      inline-block;
		font-size:    18pt;
		padding:      0.25ex 0.25ex 0.5ex 1ex;
		font-variant: small-caps;
		font-weight:  500;
		width:        initial;
	}

	div#vc_horizon
	{
		height:   100%;
		margin:   0px;
		position: absolute;
		top:      0px;
		width:    100%;
	}

	div#vc_horizon > div#page_content
	{
		height:   100%;
		position: absolute;
		width:    100%;
	}

	.size-600-plus
	{
		display: none;
	}

	.size-600-minus
	{
		display: inherit;
	}

	div#footer_div
	{
		margin-top:    4ex;
		padding-top:   2em;
		position:      relative;
		text-align:    center;
	}

	div#footer_div div
	{
		border-style: solid;
		/*border-width: 0px 3px 0px 3px;*/
		border-width: 2px 0px 0px 0px;
		display:      inline;
		font-size:    10pt;
		/*margin:       0px 10px 0px 10px;
		padding:      0px 5px 0px 5px;*/
		margin:       0px;
		padding:      8px 10px 0ex 10px;
		position:     relative;
	}

	div#footer_div div a
	{
		color:           #444;
		text-decoration: none;
	}

	div#footer_div div a:hover
	{
		color: #555;
	}

	div#header_div
	{
		border-bottom: 1px solid #000;
		height:        initial;
		position:      fixed;
		z-index:       3;
	}

	div#header_div > div#linkbar-upper
	{
		background-color: initial;
		padding:          0px;
		right:            0px;
		text-align:       right;
		top:              0px;
		width:            100%;
	}

	div#linkbar-upper a
	{
		color:        #000;
		/*font-variant: small-caps;
		font-weight:  bold;*/
		padding:      0.25ex 0.25ex 0.25ex 1ex;
	}

	div#linkbar-upper > div
	{
		padding:  0.25ex 0ex;
		position: relative;
		/*display:  block;*/
	}

	div#linkbar-upper > div#spacer
	{
		display: none;
	}

	div#linkbar-upper > div.standard + div.standard::before
	{
		display: none;
	}

	div#linkbar-upper > div.standard + div.active + div.standard::before
	{
		display: none;
	}

	div#linkbar-upper > div.standard
	{
		display: none;
	}

	div#linkbar-upper > div.active
	{
		padding:    0px;
		text-align: left;
		position:   absolute;
	}

	div#linkbar-upper > div.active > a
	{
		/*padding: 0.25ex 1ex 0.25ex 0.25ex;*/
		display:     inline-block;
		font-size:   12pt;
		font-weight: 500;
		padding:     0.5ex 0ex 0.5ex 1.0ex;
		top:         0.5ex;
	}

	div#linkbar-upper > div.active > a::before
	{
		content: "kw - ";
	}

	div#linkbar-upper > div.standard
	{
		display: inline-block;
		display: none;
		height:  100%;
		padding: 0.5ex 0.2ex 0.5ex 0.2ex;
	}

	div#linkbar-upper > div.standard > a
	{
		color:   white;
		padding: 0.25ex 0.75ex 0.25ex 0.75ex;
	}

	span.copyright
	{
		display:    block;
		margin-top: 1.5ex;
	}

	ul.static-list
	{
		margin-right: 3ex;
	}
}