/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */

/*====================================================
CSS AUTO-GENERATED BY PAGE GENERATOR
(and edited for our purposes)
See "README-Templates.txt" for page generator settings
====================================================*/

html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
  background:#FFFFFF;
  min-width:998px;
  text-align:center;
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:998px;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapper{
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapp\65	r{
  height:auto;
}
/* \*/
* html #wrapper{
  height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
#outer{
  z-index:1;
  position:relative;
  
  
  background:#FFFFFF;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#clearheadercenter{
  height:120px;	/* nTrolus: was 120 */
  overflow:hidden;
}
#clearfootercenter{
  height:20px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:998px;
  height:20px;
  overflow:hidden;
  margin-top:-20px;
}
#subfooter1{
  background:#AA0000;
  text-align:center;
  height:20px;
}
#header{
  z-index:1;
  position:absolute;
  top:0px;
  width:998px;
  height:120px;
  /*overflow:hidden;*/
}
#subheader1{
  background:#FFFFFF;
  /*text-align:center;*/
  height:100px;
  /* above this line from page generator */
  position: relative;
  background-image: url(Images/Page_header_with_logo_2.png);
  background-position: bottom left;
  text-align:left;
  /*padding-left: 30px;*/
}
#subheader2
{
  background:#AA0000;
  text-align:center;	/* nTrolus - centers menu items between vertical margins */
  height:20px;
  overflow:visible;
}
#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:998px;
  margin-left:px;
  background:#FFFFFF;
}
* html #gfx_bg_middle{
  display:none;
}

/*====================================================
NTROLUS-specific STYLING

Logo "Spoked Wheel" Colors (all: H=0, V=100)
=======================
1,2		#FF0000	(S=100)
3		#FF1A1A	(S=90)
4,5		#FF3333	(S=80)
6,7		#FF4D4D	(S=70)
8,9		#FF6666	(S=60)
10,11	#FF8080	(S=50)
12		#FF9999	(S=40)
13		#FFB2B2	(S=30)
14		#FFCCCC	(S=20)
15		#FFE5E5	(S=10)

Menu Bar
===================
idle		#AA0000
selected	#CC0000
====================================================*/
/**********************************************************************************
										TYPOGRAPHY
***********************************************************************************/
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
	color:#000000;
	}
	
a 
{
	color: #AA0000;
	text-decoration: underline;
	outline: none;
	}
a:visited {
	}
a:active {
	}
a:hover {
	color: #FF8080;
	font-weight: bold;
	}
strong, b {
	font-weight: bold;
	}
hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	}
p {
	font-size: 80%;
	line-height: 1.1em;
	margin: 0.8em 1em 0.5em 1em;
	/*text-indent: 2em;*/
	}
h2
{
	color: #AA0000;
	font-size: 150%;
	font-style: normal;
	margin: 0.8em 0 0.5em 0.5em;
	padding: 0;
	text-align: left;
}

h3
{
	color: #AA0000;
	font-size: 90%;
	font-weight: bold;
	margin: 0.8em 1em 0.3em 1em;
	padding: 0;
	text-align: left;
}
li {
	font-size: 80%;
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em;
	font-weight: normal;
	color: #000000;
	}
ul {
	margin-top: 0; /* 0.5em; */
	margin-bottom: 0;/*0.5em; */
	}
th, td {
	font-size: 90%;
	padding: 0 1em 0 1em;
	}
	
th 
{
	font-size: 100%;
	font-weight: bold;
}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	}
	
img {
	border: 0;
	}
	
acronym, .jargon
{
	font-variant: normal;
	text-decoration: none;
	border-bottom: dotted 1px #AA0000;
	cursor: help;
}


/**********************************************************************************
										MASTER
***********************************************************************************/
#slogan
{
	margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 3px;
    padding-left: 30px;
    font-style: oblique;
    font-size: 90%;
    }
    
#menutext{
    color: #FFB2B2;
    font-weight: bold;
    }

#breadcrumbs
{
	float: right;
	text-align: right;
	padding-top: 2px;
	padding-right: 10px;
}

.CssBreadcrumbs span 
{
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight: bold;
}

.CssBreadcrumbs a
{
	color:#ffcccc;
}

ul.footerlist
{
	position: relative;
	margin: 0;
	display: block;
}

ul.footerlist li, ul.footerlist a
{
	position: relative;
	list-style: none;
	float: left;
	text-align:center;
	margin-top: 0;
	margin-bottom: 0;
	/*padding-right:20px;*/
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
}

ul.footerlist a
{
	color:#ffcccc;
	padding-top: 2px;
	padding-left:20px;
	padding-right:20px;
	border-right: 1px solid #FFCCCC;
	text-decoration: none;
	background-image: none !important;
}

ul.footerlist a:hover {
	color:#ffffff;
	text-decoration: underline;
	}

ul.footerlist li.copyright
{
	color:#ffffff;
	padding-top: 2px;
	padding-left:20px;
}
/**********************************************************************************
									HOME PAGE
***********************************************************************************/

#HomeOuter	/* div that wraps the home page, inside the content placeholder*/
{
	margin: 0 25px 0 25px;
	padding:0;
}

#HomeTop	/* top half of the home page */
{
	margin:0;
	padding: 0;
	width:100%
}

#FlashSlideshow
{
	float: right;
}

img.MoviePlaceholder 
{
	height:100px;
	width: 133px;
	margin:1px;
	padding:0;
	border:0;
}

#HomeTop div
{
	/* border: 1px dotted #000000;	 for testing */
}

#HomeTopLeft	/* for overview verbiage */
{
	float:left;
	width:500px;
	/*background-color:Lime;*/
}

#HomeTopRight	/* movie container */
{
	float:right;
	width:420px;
	/*background-color:#FFCCCC;*/
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#HomeBottom
{
	width:100%;
	position:relative;
	float:left;
	margin: 20px 0 20px 0;
	/*background: #FFE5E5;*/
}

#HomeBottomLeft, #HomeBottomCenter, #HomeBottomRight
{
	margin: 0;
	padding: 0;
	position: relative;
	float:left;
	width:280px;
	border-top: 4px solid #AA0000;
	overflow: visible;
	background: none;
}

#HomeBottomLeft
{
	margin-right: 50px;
	/*background-color:Aqua;*/
}

#HomeBottomCenter
{
	/*margin-left: 20px;*/
	/*background-color:Yellow;*/
}

#HomeBottomRight
{
	float: right;
	/*margin-right: 20px;*/
	/*background-color:Silver;*/
}

#HomeTop p
{
	font-size: 90%;
}

#HomeTop li
{
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	margin: 0.5em 1em 0.5em 1em;
}

#HomeTop h2 strong
{
	font-style: oblique;
}

a.LearnMoreLink
{
	font-size: 80%;
	font-style: italic;
	display: block;
	margin: 1em 0 1em 0;
	padding-right: 3em;
	float: right;
}

.HomeColumnHeader
{
	display: block;
	color: #FFCCCC;
	font-style: normal;
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 150%;
	text-align: center;
}

.HomeColumnHeader span
{
	text-decoration:underline;
	font-style: oblique;
	color: #AA0000;
	position: relative;
	top: .5em;
	right: 0em;
	
}



/**********************************************************************************
					FORMS (Contact, Registration, Webmaster)
***********************************************************************************/
div.FormPage
{
	margin: 0 20% 0 10%;
}

fieldset
{ 
	margin: 1em 0 1em 0;
	padding: 0; 
	border: solid 2px #AA0000;
	display: block;
}

legend
{ 
	margin-left: 1em;  
	font-size: 100%;
	font-weight: bold;
	color: #AA0000;
}

fieldset p
{
	font-size: 80%;
	margin-left: 0;
	padding: 0;  
}

fieldset li p
{
	font-size: 100%;
}

fieldset ul {  
padding: 0.2em 1em 0 1em;  
list-style: none; 
}

fieldset li {  
padding-bottom: 0.3em;
font-size: 80%;
} 

fieldset.submit {  
border-style: none; 
}

p.FormFieldNote
{
	font-size: 80%;
}

.MessageTextbox
{
	height: 150px;
	width: 50%;
}

.FormFieldValidator
{
	font-weight: bold;
	font-size: 100%;
}

.ValidationSummary
{
	color: #FF0000;
	border: 2px dashed #FF0000;
	margin: 10px 20% 10px 20%;
	padding: 2em;
	font-size: 80%;
	font-weight: bold;
}

.ValidationSummary ul
{
	margin-top: 1em;
}

.ValidationSummary li
{
	color: #FF0000;
	font-size: 100%;
}

.UltimateCaptcha
{
	font-size: 100%;
}

.UltimateCaptcha ul
{
	margin: 0;
	padding: 0;
	text-indent: 0;
}

.UltimateCaptcha li
{
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	text-indent: 0px;
}

.UltimateCaptcha img
{
	margin: 0;
	padding: 0;
	border: 1px solid #AA0000 !important;
}

#SubmitResultID
{
	margin: 50px 20px 50px 20px;
	padding: 10px;
	border: 2px dotted #AA0000;
	text-align: left;
}

div.SubmitError h2
{
	color: #FF0000;
}

#SubmitResultID p
{
	font-size: 100%;
}

#SubmitResultID li
{
	font-size: 100%;
	margin-top: 2em;
}

#SubmitResultID a
{
	width: 100%;
	color: #AA0000;
	text-decoration: underline;
}

#SubmitResultID a:hover
{
	color: #FF8080;
}


div.AspNet-TreeView li
{
	font-size: 100%;
	margin-left: 2em;
}

/**********************************************************************************
					COPY PAGES
***********************************************************************************/
div.CopyPage
{
	margin: 20px 5% 20px 5%;
	text-align: justify;
}


/**********************************************************************************
					INDUSTRY APPLICATIONS PAGE
***********************************************************************************/

div.IndOdd, div.IndEven
{
	position: relative;
	overflow: auto;
	width: 100%;
	border: 2px solid #AA0000;
	margin: 10px 5px 5px 5px;
	padding: 0px;
}

div.IndOdd ul, div.IndEven ul
{
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
} 

div.IndOdd img, div.IndEven img
{
	height: 150px;
}

div.IndOdd div, div.IndEven div
{
	display: inline;
	width: 70%;
	margin: 0;
}

div.IndOdd
{
	background-color: #FFE5E5;
}

div.IndOdd div
{
	float: left;
	text-align: right;
}

div.IndOdd img
{
	float: right;
}

div.IndOdd h2
{
	text-align: right;
}
	
div.IndEven img
{
	float: left;
}

div.IndEven div
{
	float: right;
}

div.IndEven h2
{
	text-align: left;
	margin-left: 0;
}

/**********************************************************************************
					PRIVACY, TERMS OF USE PAGES
***********************************************************************************/
div.Legalese
{
	margin: 20px 5% 20px 5%;
	text-align: justify;
}

div.Legalese strong
{
	font-weight: normal;
	text-transform: uppercase;
}

/**********************************************************************************
					DEVELOPMENT STATUS PAGE
***********************************************************************************/
#DivStatus
{
	padding: 0 5% 0 5%;
	
}
.StatusGrid
{
	width: 100%;
	margin-top: 20px;
	padding-top: 5px;
	border: 2px solid #AA0000;
}

.StatusGrid th
{
	border-bottom: 1px dashed #AA0000;
}