/*This style sheet is based on the tutorial and font-size testing from Owen Briggs at http://www.thenoodleincident.com/tutorials/typography/index.html*/
body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this. --  Often want this a bit higher, maybe 85%*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
	background-color: #fff;
	background-image: url(http://www.thenoodleincident.com/img/_.gif);/*these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.*/
	background-repeat: no-repeat;
	background-position: top left;
	}

/*Popout Menu Styling*/
.home {
	width:5.8em ;
	background-color: ;
	background: url(Nav_center.jpg);
	text-align: left;
}
.aboutarmo {
	width:8.3em ;
	background-color: ;
	background: url(Nav_center.jpg);
	text-align: left;
}
.capabilities {
	width:7.7em; 
	background-color: ;
	background: url(Nav_center.jpg);
	text-align: left;
}
.productsservices {
	width:11.6em;
	background-color: ;
	background: url(Nav_center.jpg);
	text-align: left;
}
.careers {
	width:6.6em;
	background-color: ;
	background: url(Nav_center.jpg);
	text-align: left;
}
.contactus {
	width:7.3em;
	background-color: ;
	background: url(Nav_center.jpg);
	text-align: left;
}
.ftp {
	width:6em;
	background-color: ;
	background: url(Nav_center.jpg);
	text-align: left;
}

.sub_aboutarmo {
	width:10em;
	font:Bold;
	background:#CC3333;
	 opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
}
.sub_capabilities {
	width:10em;
	background:#CC3333;
	 opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
}
.sub_productsservices {
	width:12em;
	background:#CC3333;
	 opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
}
.sub_careers {
	width:9.5em;
	background:#CC3333;
	 opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
}
.sub_contactus {
	width: 10em;
	background:#CC3333;
	 opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
}


/*Main Content Styling*/
#Lcontent {
	margin: 0em;
	padding: 0em 0em 0em 0em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}

/*typography*/
a {
	text-decoration: none;
	font-weight: normal;
	color: #000;
	}
a:link {
	color: #BA3630;
	}
a:visited {
	color: #334EA2;
	}
a:active {
	}
a:hover {
	color: #334EA2;
	text-decoration:underline;
	}

ol.Lcon, ul.Lcon, li.Lcon {/*
	list-style: none;*/
	font-size: .9em;
	line-height: 1.2em; /* Usually have lists with line-heights a bit tighter than body text*/
	margin-top: 0em;
	margin-bottom: 0.1em; 
	list-style-type: circle;
	}

h1 {
	font-size: 1.7em;
	font-weight: bold;
	color: #3A4B9A;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	margin: .8em 0em .5em 0em;
		}
h3 {
	font-size: 1em;
	margin: .8em 0em .5em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}

p {
	font-size: .9em;
	line-height: 1.4em; /*This produces a nice open look to the body text but adjust to taste!*/
	margin: .5em .5em .5em 0em;
	}

li > p {
	margin-top: 0.2em ;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	
.formText {
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0.5em;
	margin-bottom: 0px;
}
.indent {
	font-size: .9em;
	line-height: 1.4em; /*This produces a nice open look to the body text but adjust to taste!*/
	margin: .5em .5em .5em 2em;
	}
.historyDate {
	font-size: .9em;
	line-height: 1.4em; /*This produces a nice open look to the body text but adjust to taste!*/
	color: #3A4B9A;
	font-weight: bold;
	margin: .5em 1em .5em 0em;
	}
p.cases {
	font-size: .9em;
	line-height: 1.1em; /*This produces a nice open look to the body text but adjust to taste!*/
	margin: .25em 2em .25em 2em;

	}



/*SideBar Content Styling*/
#SideBar {
	margin: .5em .5em .5em .8em;
	}
#SideBar a:link {
 	color: #E26F6A; 
	}
#SideBar a:visited {
 	color: #5F77E4; 
	}
#SideBar a:hover {
 	color: #ffffff; 
	text-decoration:underline;
	}
#SideBar a:active {
 	color: #000; 
	}
	
#SideBar p {
	font-size: .8em;
	color: #FFFFFF;
	line-height: 1.4em; /*This produces a nice open look to the body text but adjust to taste!*/
	}
#SideBar h1 {
	font-size: 1em;
	color: #FFFFFF;
	line-height: 1.4em; /*This produces a nice open look to the body text but adjust to taste!*/
	}




/*Image Content Styling*/
.ImageRight{
	 float: right;
 	 clear: right;
	 margin: .5em 2em 2em 1em;
	 border: 0px solid #666;
	 padding: 5px;
	 background-color: #ddd;
	 font-size: .9em;
	 color: #000;
	 line-height: 1.4em; /*This produces a nice open look to the body text but adjust to taste!*/
	 text-align: center;
 }
	
.ImageRight_sbs{
	 float: right;
 	 clear: ;
	 margin: .5em 1.5em 2em 1em;
	 border: 0px solid #666;
	 padding: 5px;
	 background-color: #ddd;
	 font-size: .9em;
	 color: #000;
	 line-height: 1.4em; /*This produces a nice open look to the body text but adjust to taste!*/
	 text-align: center;
 }
 	
.ImageLeft{
	 float: left;
 	 clear: left;
	 margin: .5em 1.5em 1.5em 0em;
	 border: 0px solid #666;
	 padding: 5px;
	 background-color: #ddd;
	 font-size: .9em;
	 color: #000;
	 line-height: 1.4em; /*This produces a nice open look to the body text but adjust to taste!*/
	 text-align: center;
 }
.ImageLeft_sbs{
	 float: left;
 	 clear: ;
	 margin: .5em 1.5em 2em 1em;
	 border: 0px solid #666;
	 padding: 5px;
	 background-color: #ddd;
	 font-size: .9em;
	 color: #000;
	 line-height: 1.4em; /*This produces a nice open look to the body text but adjust to taste!*/
	 text-align: center;
 }

.ImageManager{
	 float: left;
 	 clear: left;
	 margin: 0em 5em .5em .4em;
	 padding: 5px;
 }

.clear{
	clear: both
}	


/*definition list Styling*/
 dl.table-display
{
width: 95%;
margin: 0 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;

}

.table-display dt
{
width: 3.5em;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 0px solid #999;
font-size: .9em;
color: #3A4B9A;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 75%;
margin: 0 0 0 0;
padding: .5em;
border-top: 0px solid #999;
font-size: .9em;
}
 
/*footert Styling*/
#legalBox{
	float: right;
	margin: 0em;
	padding: 0em 0em 0em 0em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
p.legal{
	margin: 0em;
	padding: 0em 0em 0em 0em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	font-size: .8em;
	text-align: right;
	margin: 0 30px 0 0;
	}
	
 a.legal:link {
 	color: #000; 
	}
 a.legal:visited {
 	color: #000; 
	}
 a.legal:hover {
 	color: #ffffff; 
	text-decoration:underline;
	}
 a.legal:active {
 	color: #000; 
	}