/*
 |
 |
 | CHECK OUT BEFORE NEXT EDITS: http://www.clagnut.com/blog/348/#c790
 |
 |
 */
/* ----------------------------------STYLE.CSS--------------------------------------- */
html {
	font-size: 100%; }

body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	background-color: #333; }

input, textarea {
	font-size: 100%; /*IE Hack*/ }

a {
	color: #3366cc;
	font-weight: bold;
	text-decoration: none; }

a:hover {
	color: #3366cc;
	text-decoration: underline;
	font-weight: bold; }

a:visited {
	font-weight: normal; }

p, li {
	font-size: 1.2em;
	font-family: sans-serif; }

h3 { 
	font-size: 1.8em; }

h4 {
	font-size: 1.6em; }
h5 {
	font-size: 1.2em; }


div {
	margin: 0.5em;
	padding: 0;
	border-width: 0.1em 0.2em 0.2em 0.1em;
	border-style: solid;
	border-color: #333;
	color: #333;
	background-color: #FFFFFF; }

div div {
	font-size: 1.0em; }

form {
	width: 24.0em;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: transparent; }

label, input {
	display: block;
	float: left;
	margin-bottom: 0.3em;
	padding: 0; }


input {
	width: 12.0em;
	border-width: 0.2em 0.1em 0.1em 0.2em;
	border-color: #333; 
	font-family: courier;
	color: #000;
	background-color: #CCC; }

label {
	width: 6.0em;
	margin-right: 0.3em;
	margin-left: 0.4em;
	font-size: 1.6em;
	text-align: right; }

textarea {
	margin: 0em 1.0em 1.0em auto;
	padding: 0;
	height: 6.3em;
	width: 15.0em;
	float: right;
	color: #000;
	border-style:solid;
	border-color:#333;
	border-width: 0.2em 0.1em 0.1em 0.2em;
	background-color: #CCC; }

input#submit {
	float: right;
	margin-right: 1.0em; }

address {
	font-size: 1.4em; }




/* ----------------LAYOUT.CSS--------------------------------------- */


#HEADER {
	padding: 0;
	margin: 0;
	border-width: 0;
	background: #333 url('images/header3.jpg') no-repeat right center;
	height: 14.4em;
	width: 75.0em;
	position: absolute;
	left: -37.5em;
	top: 0;
	margin-left: 50%; /* needs fixing: left side goes out of window on resize */ } 

#PAGE {
	margin: 0;
	padding: 0;
	background-color: #666;
	border-width: 0.5em 0;
	border-style: solid;
	border-color: #cc9900;
	position: absolute;
	width: 75.0em;
	height: auto;
	left: -37.5em;
	top: 14.4em;
	margin-left: 50%; /*needs fixing: same */ }

#NAV {
	margin: 0;
	padding: 0;
	border-width: 0;
	float: left;
	width: 25.2em;

	background-color: transparent; }

#NAV h4, #NAV h3 {
	margin: 0.5em; 
	padding: 0.5em;
	background-color: #000;
	cursor: pointer; }

#NAV h4, #NAV h4 a, #NAV h4 a:visited {
	color: #cc9900;
	font-weight: bold; }

#NAV h3, #NAV h3 a, #NAV h3 a:visited {
	background-color: #cc9900;
	color: #000; }

#ABOUT, #HELP, #CONTACT {
	float: left;
	clear: left;
	width: 24.2em; }

#CONTACT div {
	margin: 0;
	padding: 0; }

#CONTACT br {
	clear: left; }

#CONTENT {
	margin-left: 26.2em;
	padding: 1em;
	border-width: 0.1em 0.2em 0.2em 0.1em;
	border-style: solid;
	border-color: #333;
	min-height: 500px;
	background: #fff; }

#CONTENT h1, #CONTENT h2 {
	font-size: 2.0em;
	font-family: georgia, times, serif;
	font-weight: bold; }

#AMB {
	float: left;
	margin: 1.0em;
	padding: 0;
	width: 96px;
	height: 96px;
	background-image: url(images/amb.jpg); }

#BUILD {
	float: left;
	margin: 1.0em;
	padding: 0;
	width: 144px;
	height: 144px;
	background-image: url(images/build.jpg); }

#TOC, #TOC2 {
	float: right;
	margin: 0.2em;
	padding: 0.3em;
	border-width: 0.2em 0.1em 0.1em 0.2em;
	background-color: #CCC; }
#TOC2 { float: none; }


/*----CLASSES---- */

.semantic {
	margin: 0;
	padding: 0;
	border-width: 0;
	background-color: transparent; }

.ignore {
	display: none; }

.invisible {
	visibility: hidden; }

.close {
	margin: 0;
	padding: 0;
	float: right;
	font-family: sans-serif;
	border-width: 0.1em;
	border-style: none;
	color: #0033cc;	}

.foldable {
	visibility: visible; }

/* ----------------------------------CARD.CSS--------------------------------------- */



#CARD {

	margin: 0;
	padding: 0;

	width: 25.2em;
	height: 14.4em;

	position: absolute;
	top: -0.2em;
	left: -0.2em;
	
	color: #000000;
	background-color: #FFFFFF;
	border: 0.2em solid #333; }

#CARD h2 a, #CARD h2 a:visited {
	margin: 0;
	padding: 0;
	color: #000000;
	font-weight: 500; }


#CARD h2 {
	position: absolute;
	top: 1.0em;
	left: 0.4em;

	margin: 0;
	padding: 0;

	color: #000000;
	font-family: serif;
	font-size: 3.6em;
	font-weight: 500; }

#CARD h3 {
	position: absolute;
	left: 3.5em;
	top: 1.0em;

	margin: 0;
	padding: 0;

	color: #000000;
	font-family: Verdana;
	font-size: 1.6em;
	font-weight: 500; }

#CARD hr {
	position: absolute;
	left: 51px;
	top: 33px;
	
	width: 150px;
	margin: 0;
	padding: 0;

	color: #000000;
	border-style: solid; }

#CARD .network {
	position: absolute;
	bottom: 1.0em;
	left: 1.0em;
	width: 12.5em;

	float: left;

	margin: 0;
	padding: 0;

	color: #000000;
	font-family: arial, sans-serif;
	font-size: 1.0em;
	font-weight: 500;
	font-style: normal;
	text-align: left; }

#CARD address.physical {
	position: absolute;
	bottom: 1.0em;
	right: 1.0em;
	width: 12.5em;
	
	float: right;

	color: #000000;
	font-family: arial, sans-serif;
	font-size: 1.0em;
	font-weight: 500;
	font-style: normal;
	text-align: right;

	margin: 0;
	padding: 0; }



/* ----------------------------------FOOT.CSS--------------------------------------- */


#FOOTER {
	background-color: #333;
	color: #eee;
	border-style: none;
	margin: 1.0em;
	margin-bottom: 0;
	padding: 0.5em;
	text-align: justify;
	clear: both; }

#FOOTER h5 {
	margin: 0.3em;
	padding: 0;
	display: inline; }

#FOOTER p {
	margin: 0;
	padding: 0;
	display: inline;
	font: 1.1em "Verdana", arial, sans-serif;
	text-align: justify; }

#FOOTER ul {
	margin: 0;
	padding: 0;
	display: inline; }

#FOOTER ul li {
	display: inline;
	font: 1.0em "Verdana", arial, sans-serif;
	padding: 0.1em; }