/* Basic Structure */
	body {
		background-image: url("../images/body_back.gif");
		background-position: top center;
		background-repeat: repeat-y;
	}

/* Header */

	#header {
		background: url("../images/header_bl.png") bottom left repeat-x;
		position: relative;
		min-height: 105px;
		height: 3em;
		padding: 0px 0;
	} #ignored {}
	
	#header h1 {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		font-size: 2px;
		background: url("../header.gif") no-repeat;
		height: 15px;
		z-index: 100; /* above the UL */
	}
	#header h1 a {
		display: block;
		width: 328px;
		height: 68px;
		background: transparent url("../images/logo.png") top left no-repeat;
		text-indent: -700em;
		text-decoration: none;
		margin-top: 0px;
	}
	#header ul {
		width: auto;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0 15px 0 0;
		list-style: none;
		z-index: 90; /* below the H1 */
	}
	#header li {
		float: right;
		padding: 0 6px 0 0;
		margin: 0 1px 0 0;
	}
	#header ul a {
		float: left;
		display: block;
		padding: 4px 4px 4px 10px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	
	#header ul li:hover a { background-position: 0% -400px; }
	#header ul li:hover { background-position: 100% -400px; }
	
	#header ul li a:hover { text-decoration: underline; }
	
	body.sectionAbout li#menu_aboutus a,
	body.sectionMedia li#menu_media a,
	body.sectionTechnology li#menu_technology a,
	body.sectionProducts li#menu_products a,
	body.sectionFAQs li#menu_faqs a	 {
		background-position: 0% -200px;
		color: #0c2c83;
	}
	
	body.sectionAbout li#menu_aboutus,
	body.sectionMedia li#menu_media,
	body.sectionTechnology li#menu_technology,
	body.sectionProducts li#menu_products,
	body.sectionFAQs li#menu_faqs	 {
		background-position: 100% -200px;
	}
	
	body.sectionAbout li#menu_aboutus:hover,
	body.sectionMedia li#menu_media:hover,
	body.sectionTechnology li#menu_technology:hover,
	body.sectionProducts li#menu_products:hover,
	body.sectionFAQs li#menu_faqs:hover	 {	
		background-position: 100% 0%;
	}
	
	body.sectionAbout li#menu_aboutus:hover a,
	body.sectionMedia li#menu_media:hover a,
	body.sectionTechnology li#menu_technology:hover a,
	body.sectionProducts li#menu_products:hover
	body.sectionFAQs li#menu_faqs:hover	 a {
		background-position: 0% 0%;
		color: #fff;
	}

/* Basic Navigation Links */ /* My addition */

	#header #basicnavlinks {
		position: absolute;
		bottom: 24px;
		right: 0;
		padding: 0.2em 15px 0 0;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	
    	#header #basicnavlinks b { display: none; }
    
    	#header #basicnavlinks a { 
    		color: #fff; 
    		font-size: 85%; 
    		text-decoration: none; 
    		padding: 0 1em 0 0;
    	}

/* Sidebar */

	#nav:before {
		line-height: 0.1;
		font-size: 1px;
		margin: 0;
		height: 9px;
		display: block;
		border-bottom: 1px solid #ddd;
	}
	#nav {
		background: #092c90;
	}
	#nav:after {
		display: block;
		padding-top: 0;
		line-height: 0.1;
		font-size: 1px;
		margin: 0 0 0 0;
		height: 8px;
		border-top: 1px solid black;
	}
	
	#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav {
		margin-bottom: 1em;
	}	
	#nav li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	#nav li span {
		display: block;
		padding: 6px 10px;
		font-weight: bold;
		color: #ffffff;
	}

	#nav li span#configParent, #nav li span #configuration {
		display: inline;
		font-weight: normal;
		padding: 0;
	}
	
	#nav li a {
		display: block;
		padding: 6px 10px;
		text-decoration: none;
		background: #C8C8C8;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #fff;
		border-right: 1px solid #ddd;
	}
	
	#nav li a b { /* My addition */
		color: black;
	}
	
	#nav li a:hover {
		background: #D2D2D2;
	}
	
	#nav li a:hover b { /* My addition */
		color: #666;
	}
	
	#nav li li span { /* used for un-linked menu items */
		padding: 4px 8px 4px 20px;
		color: #666;
	}
	
	#nav li li a {
		background: #E8E8E8;
		padding: 4px 8px 4px 20px;
	}
	
	#oN {
		background-color: #E0E9E9;
	}
	#oN:hover {
		background-color: #C6DCDC;
	}

/* Calculator Fields */

.lblCalc {
	text-align: left;
	}

.boxError {
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	color: red;
	font-weight: bold;
	}

.boxReadOnly {
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	height: 25px;
	color: black;
	background: #dedede;
	}

.lblReadOnly {
	text-align: left;
	}

.boxReadOnlyBold {
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	font-weight: bold;
	font-size: 12pt;
	color: white;
	background: #092c90;
	}
	
.lblReadOnlyBold {
	height: 30px;
	font-size: 12pt;
	text-align: left;
	color: white;
	background:#092c90;
	}


.boxReadOnlySmall {
	font-size: .75em;
	BORDER-TOP-WIDTH: 0px;
	FONT-WEIGHT: bold;
	BORDER-LEFT-WIDTH: 0px;
	BACKGROUND: #ffffff;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	}
			
/* Form Fields */

	#formfields span {
		width: 600px;
	}
	
	#formfields #Req {
		color:red;
		font-size:.75em;
	}
	
	#formfields #Lfield {
		float: left;
		width: 250px;
		height: 25px;
		text-indent: 10px;
	}
	
	#formfields #Rfield {
		float: left;
		width: 250px;
		height: 25px;
		text-indent: 10px;
	}
	
	#formfields #Lfield #label,
	#formfields #Rfield #label {
		width: 100px;
		float: left;
	}
	
	#formfields #Lfield #form,
	#formfields #Rfield #form {
		float: right;
		width: 125px;
	}
	
	#formfields #dropDown #label {
		width: 260px;
		height: 25px;
		float: left;
		text-indent: 10px;
	}
	
	#formfields #dropDown #form {
		float: left;
		width: 125px;
		height: 25px;
	}
	
	#formfields #textField {
		position: relative;
		float: auto;
		left: 10px;
	}
	
	#formfields #checkboxes {
		position: relative;
		float: auto;
		left: 10px;
	}


/* Footer */

	#footer {
		margin: 2em 0;
		padding: .5em 0;
		text-align: center;
		background: #092c90;
		color: #ffffff;
	}
	
	#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#footer li {
		display: inline;
	}
	
	#footer span,#footer a {
		white-space: nowrap;
		padding: 0 1em;
	}
	
	#footer p span,#footer p a {
		white-space: nowrap;
		padding: 0 0.3em;
	}
	
	#footer a {
		padding: 0;
		font-weight: bold;
	}
	
	#footer p,#footer a {
		color: #ffffff;
		font-size: .75em;
	}
	
	#footer p a:hover {
		color: #000;
	}


